dreamweaver or frontpage? - image

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

dreamweaver or frontpage? - Image

resolvedResolved · Low Priority · Version Standard

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

 

Training courses

 

Training information:

Welcome. Please choose your application (eg. Excel) and then post your question.

Our Microsoft Qualified trainers will then respond within 24 hours (working days).

Frequently Asked Questions
What does 'Resolved' mean?

Any suggestions, questions or comments? Please post in the Improve the forum thread.


 

Dreamweaver tip:

Testing a site

When developing a site, you have to cater to the widest possible audience allowing for users with different browsers and display settings.
Test pages to see how they look with:

- different display resolutions
- browser with graphics turned off
- many different browsers not just IE
- if possible different operating systems.

View all Dreamweaver hints and tips


Server loaded in 0.11 secs.