I was wondering if someone could help me. I know that when you mix text with pictures, when you use the "align" feature, the text will wrap around the picture, eg. when you want text to the left to wrap around a picture on the right, you just add 'align="right"' to the picture and vice cersa for text and pictures on the opposite side. However, it becomes totally different when you want 2 pictures, one underneath the other, or when you want a caption text underneath the picture(s), in which case the wrapping and formatting completely disappears. it is of course possible to put text and pictures in a separate cell in a table, but then the text does not wrap anymore. Has anyone got a solution to my problem, either in HTML (preferably) or in CSS? Thank you ever so much in advance.

Reply

you gotta work on it in CSS so you can better control it, to float your images and captions with text content wrapped around them.

see if this page helps:
http://css.maxdesign.com.au/floatutorial/

check out tutorials 2 and 3 in particular as these seem to pertain to your problem.

or this page for another treatment with span class OR tables (for captions):
http://www.learningmovabletype.com/a/000306text_wrap/

this one, on the other hand, has a different take on CSS image-text wrap... and is not your run-of-the-mill block-type layout: http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm

PS: i'm no expert. google is.

Reply

Text wrapping like this: http://goldenhockey.com/

that is done with floats, padding and margins using CSS (cascading Style sheets)

Reply

Thank you ever so much for your reply, gentlemen.
It has really made my day, I can now lay out my page like a real newspaper.

I think I owe you both a drink.

Reply