Web Design and Graphics Room. Thread, centering an image

#1 8th-January-2008, 02:15 PM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

<img>
<body>

Please I have tried !!!!!

What code do I use and where, to get the image into the center of the page, using DW MX.

CPS · #2 8th-January-2008, 06:32 PM

This should do the job, placed between the Body Tags.

Code:

<body>
<div align="center">
[img]yourpic.jpg[/img]
</div>
</body>

#3 8th-January-2008, 09:25 PM

Thanks Peter,

Did that but didn't include the DIV command, what does that do, or mean ?

Also does <H1> and </H1> mean Header. ?

CPS · #4 8th-January-2008, 11:01 PM

The "div" tag is used to separate sections, in your case a picture.
The "align" tag on its own is depreciated in html 4 and not allowed in xhtml (in effect html 5).
Its recommended that the div tag is used as I have shown.
The "h1" tag is indeed a heading tag ranges from h1 to h6 and appears as bold text.
Go to http://www.w3schools.com/tags/default.asp for full reference on tags.
Note most of them you wont need or use,
but like all things, the tags change over time.

CPS · #5 9th-January-2008, 11:18 AM

Robert
In Dreamweaver click "file", then "new", in the popup window select "basic page",
in the bottom right corner tick " make document xhtml compliant" click"create".

This gives you the basic layout and dtd that complies with xhtml,
Dreamweaver will add code according to the xhtml standard.

All contents of the page you see go between the body tags and must be in lower case.

To insert a picture and center it, click insert, click image,
in the popup window browse for your picture and select it.

In the bottom tool bar on the right you will see B, I in bold type.
plus 4 little page icons select the second icon this will center the image on the page.

Hope this is of help to you.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode