I'm trying to format a page that has images within nodes (a page full of nodes that are bios for people, with thumbnail images floated left).
My theme has a border around the node. If the text is short, the image protrudes from the border. Any advice on how to fix this?
The page is at http://www.isna.org/about/board
The image is represented as: [image:885 class=bio_image]
The css has:
img.bio_image { float: left; border: 1px solid black; margin: 10px; }
Thanks, Cheryl
* Cheryl Chase [2005-09-07 20:56]:
I'm trying to format a page that has images within nodes (a page full of nodes that are bios for people, with thumbnail images floated left).
My theme has a border around the node. If the text is short, the image protrudes from the border. Any advice on how to fix this?
I *think* if you just put a "clear:left;" on you "links" div (read more..) that will force that div down below your pics. Try it in Firefox using the handy Edit CSS sidebar plugin.
The cure is a 'clear' somewhere - if not on that link div perhaps the node div itself(?)
have a look here: http://phrogz.net/css/understandingfloats.html Your problem is explaibned in "Floats in Containers"
Op donderdag 08 september 2005 02:50, schreef Cheryl Chase:
I'm trying to format a page that has images within nodes (a page full of nodes that are bios for people, with thumbnail images floated left).
My theme has a border around the node. If the text is short, the image protrudes from the border. Any advice on how to fix this?
The page is at http://www.isna.org/about/board
The image is represented as: [image:885 class=bio_image]
The css has:
img.bio_image { float: left; border: 1px solid black; margin: 10px; }
Thanks, Cheryl
Regards, Bèr
-
Bèr Kessels -
Cheryl Chase -
Todd Grimason