How to center web page with CSS?

jmaurin · Post by **jmaurin** » Tue Jun 05, 2007 1:48 am

Hi.

I'm trying to center my web page wich is using CSS to slice but no success

How can i do this? CSS Generated by PI (12) use absolute position for every slice-div...

My image has 800x600 and i like to center on screen....is there any way to do this??

Thank you!

mikefoster · Post by **mikefoster** » Thu Jun 07, 2007 11:19 am

go into your web page and find the 'div' tag. Then change it to this

<div align="center">
<img src="url to your image" >
</div>

if you know a bit of html, you can also place your image in a table tag like this:

<table width="100%" align="center">
<tr>
<td align="center">
<img src="">
</td>
</tr>
</table>

should work ok in IE and firefox.
do a google on style sheets and CSS and you'll find lots of examples.

Hope this helps...

pmedia · Post by **pmedia** » Wed Jun 20, 2007 11:24 pm

How do you go into your webpage to change this?
I would really like to know - do you do it in photo impact?

Post by **Ron P.** » Thu Jun 21, 2007 2:06 am

You can use an HMTL editor, or Notepad to edit HTML, which incidentally stands for Hyper Text Markup Language. If you need an HTML editor, just do a Google search, there's tons of them.

pmedia · Post by **pmedia** » Thu Jun 21, 2007 7:41 pm

I know you can edit with noterpad, but do you save what you have edited to Html, or in other words, how do you get what you edited in notepad to be updated in your webpage?

I tried saving as HTML however I don't see that option, I only see save as txt.

Post by **Ron P.** » Thu Jun 21, 2007 11:08 pm

With Notepad, there is a drop-down menu for Save as Type, that has txt as one (the default) option, and All Files as the second option. Select the All Files, and then just make sure that your name ends with either .htm or .html. For example mywebpage.html

mikefoster · Post by **mikefoster** » Fri Jun 29, 2007 11:29 am

you can use the div tag like this

====================
<html>
<body>
<div align="center">

<img src="your image url here" />

</div>
</body>
</html>
==================

or you can also use the <center> tag - although it is a little outdated

===============
<html>
<body>
<center>

your stuff here...

</center>
</body>
</html>
===============

Download this free HTML editor from here
http://www.coffeecup.com/free-editor/

Good Luck...

Alludo USER to USER Web Board

How to center web page with CSS?

How to center web page with CSS?

but how do you go into your webpage?