dreamweaver or frontpage? - image
The UK's Number 1 for Microsoft Office Training Add this page to your favourites/bookmarksBookmark page
 
View printable version of pagePrintable version
Plus One Google
Customer: Sign in
Delegate: Sign in
Trainer: Log in

Forum home » Delegate support and help forum » Dreamweaver Training and help » dreamweaver or frontpage? - Image

dreamweaver or frontpage? - Image

resolvedResolved · Low Priority · Version Standard

replyReply Thu 22 Nov 2007, 16:41Delegate Phillip said...

Phillip has attended:
Dreamweaver 8 Introduction course

Image

How to text wrap an image in the middle of a webpage?

For upcoming training course dates see: Pricing & availability

replyReply Fri 23 Nov 2007, 09:02Trainer Rich said...

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

 


Microsoft Certified Partner Accredited Training Provider: Institute of IT Training Institute of Leadership and Management - Certified Courses Security Seal verified by visa, mastercard securecard