Log in

View Full Version : Resolved Align text around images



monique
11-03-2008, 09:48 AM
See http://www.arti-sign.nl/ckc/visie.htm to see my problem.

There is an image floated left. I want the text of the 2nd sentence ("De CHI is een haakvormige stok...") and further to be wrapped around the image. In other websites I've built this works fine. I can't find the reason why it doesn't work here.

The CSS can be found here: http://www.arti-sign.nl/ckc/css/styles.css. See line 71 and further for image styles.

Could it have to do with the p styles?

Can someone help please?

Thanks!
Monique

Snookerman
11-03-2008, 12:53 PM
Remove the display:block on line 595:

.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

monique
11-03-2008, 01:53 PM
Thanks Snookerman! This was what I needed (see http://www.arti-sign.nl/ckc/visie.htm).

Also the other pages look fine now, although another "minor" error occurs on the bottom of another page (see http://www.arti-sign.nl/ckc/leven-is-leren-en-leren-is-leven.htm) where the image in a blockquote is now half out of the border of the blockquote.

Do you also have a solution for that?

Monique

Snookerman
11-03-2008, 02:25 PM
Sure, add this to your css:

blockquote p:after {display:block;}

monique
11-03-2008, 02:40 PM
Thanks a lot Snookerman!

Looks quite logic now that I see the solution :D
Next time I'll try to think a bit better myself too :o

Monique

Snookerman
11-03-2008, 02:56 PM
You're welcome!
Make sure you mark this thread as Resolved by editing your first post and adding the Resolved prefix.

monique
11-03-2008, 03:25 PM
Ok, I'll do that!