Phillip has attended:
Dreamweaver 8 Introduction course
Image
How to text wrap an image in the middle of a webpage?
RE: Image
Hey Phil,
There's a saying in the web design world: "This ain't Word!"
Well, people might say that.
But my point is, we can't always easily align an image in the middle a block of text, and have the text magically wrap around the image like MS Word does.
It's mainly due to the values the image's 'align' parameter can have:
TOP: Aligns the image to the top of adjoining object.
MIDDLE: Aligns the text baseline to the middle of the image.
BOTTOM: Text baseline is aligned to the bottom of the image. This is the default value.
LEFT and RIGHT: Image is aligned right of left with text wrapping around it.
ABSMIDDLE, ABSBOTTOM and BASELINE Aligns the image with respect to the middle, bottom or baseline of the text.
TEXTTOP: Aligns the image top with respect to the ascenders of the text. This attribute value is Netscape specific.
CENTER: works same as align="middle".
As you can see, there's no 'middle and wrap text both sides' option.
However, thanks to CSS (Cascading Style Sheets) you can use a few hacks/tricks to get the result you're after, although it may need to be absolutely positioned.
Here's a tutorial with CSS and HTML code:
http://www.mandarindesign.com/2004/01/test-1.html
Good luck with it, and do let me know if you have any trouble implementing.
Hope you enjoyed your Dreamweaver course.
Regards, Rich
