PDA

View Full Version : CSS [CSS Help] Image - Text - Layout



epoy08
November 27th, 2009, 06:11 AM
How can I design in css an image of a text, then another image over, then another one with this format like this:

* border*************
* ##### ##### ##### *
* #img# #img# #img# *
* ##### ##### ##### *
* ##### ##### ##### *
* text1 text3 text4 *
* text2 text4 text5 *
*********************


I want to use a div tag. I already tried the "float:left" property of css and it's ok, the problem is that my border is not covering the floating part.
like this:

* border*************
*.##### ##### ##### *
*.#img# #img# #img# *
**##### ##### #####**
..##### ##### #####
..text1 text3 text4
..text2 text4 text5

Samples will help thanks.

icio
November 27th, 2009, 11:54 AM
Use the setup that you have to produce the malfunctioning result as above. Then add the following HTML to the very bottom of the inside of your div tag with the border:


<div style="clear:both; height: 0; font-size: 0;"></div>

Hope that helps :thumb: