5 replies [Last post]
corvus606
Offline
newbie
Last seen: 12 years 3 weeks ago
Joined: 2009-07-07
Posts: 3
Points: 0

I want to archieve something like that:

[img txt txt txt
..... txt txt txt
..... [blank space]
....] [blank space]
txt txt txt txt txt
txt txt txt txt txt

Is there any way to do this aside from adding margin to the div with the text (to make the blank space thing)?
Because when I need, let's say five or six images like that it gets quite frustrating when I have to add different margin values for each one...

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 21 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

to be honest, I can't make

to be honest, I can't make heads or tails of that. you may want to post a pic of what you're trying to accomplish.

corvus606
Offline
newbie
Last seen: 12 years 3 weeks ago
Joined: 2009-07-07
Posts: 3
Points: 0

Here you are, sorry for

Here you are, sorry for trouble Wink
I want to use float to make the img, well, float to the left, and then do -something- to make this blank space under the text.

AttachmentSize
PIC.png 11.08 KB
davestone
davestone's picture
Offline
Enthusiast
Last seen: 11 years 3 weeks ago
Timezone: GMT-7
Joined: 2009-05-11
Posts: 74
Points: 43

Create a div for your images

Create a div for your images column, float the column left - give a margin left the same width as the floated column to your text. Give a width to your text div, then you can place a blank space div under the text, but within the text div.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 7 years 21 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

The pic still isn't very

The pic still isn't very infomative - what's to follow? more of the same?

There are a couple of things that come to mind. You could place the image inside a paragraph and float it left. Set the p to overflow: hidden to contain the float.

Or you could set the following element to clear: left;

corvus606
Offline
newbie
Last seen: 12 years 3 weeks ago
Joined: 2009-07-07
Posts: 3
Points: 0

The clear: left is a perfect

The clear: left is a perfect solution, thank you!