Blocks and divs
Permalink
Ok, I have a problem controlling how things are displayed inside blocks on my site.
I have a simple setup of a container div holding a sidebar and content divs (floats and size etc. controlled by CSS)
When a user adds to the content div, ie. a block of text aligned left and a very large/long image aligned right it looks fine.
HOWEVER
When they click add to content again and do the same thing the new text will also wrap along side the previous image.
What I want is for each instance of content to be separate. I have tried adding heights and padding to the CSS but this only affects the block as a whole, not individual instances of content within it.
I have also tried the very useful block travisn_spacer but this does not help.
Any help would be appreciated.
An example of the dev can be seen here:
http://www.katiemale.com/index.php/graphics/print/...
Each heading and paragraph should align with the relevant image. However it all just wraps to the top.
*the only way I can think of fixing this is to hard code 20 divs to the page type and use one for each entry but this is a horrible solution!
I have a simple setup of a container div holding a sidebar and content divs (floats and size etc. controlled by CSS)
When a user adds to the content div, ie. a block of text aligned left and a very large/long image aligned right it looks fine.
HOWEVER
When they click add to content again and do the same thing the new text will also wrap along side the previous image.
What I want is for each instance of content to be separate. I have tried adding heights and padding to the CSS but this only affects the block as a whole, not individual instances of content within it.
I have also tried the very useful block travisn_spacer but this does not help.
Any help would be appreciated.
An example of the dev can be seen here:
http://www.katiemale.com/index.php/graphics/print/...
Each heading and paragraph should align with the relevant image. However it all just wraps to the top.
*the only way I can think of fixing this is to hard code 20 divs to the page type and use one for each entry but this is a horrible solution!
Hey Tony, Thanks for taking the time to have a look. A simple grid is exactly what I am after.
My biggest problem with the free solution is that I would need to put a fixed or min height on the divs. This would create a very long page if only 2 or 3 were used but there are 20 x 400px high blocks waiting to be used.
I will look in to the splitter block! I must have missed it on my first look through.
If anyone has a magic way of hiding a div until it has content then please let me know!!! :)
My biggest problem with the free solution is that I would need to put a fixed or min height on the divs. This would create a very long page if only 2 or 3 were used but there are 20 x 400px high blocks waiting to be used.
I will look in to the splitter block! I must have missed it on my first look through.
If anyone has a magic way of hiding a div until it has content then please let me know!!! :)
i don't really understand why you'd need min or fixed heights there?
Ah, good point. Sorry, I got my wires crossed there.
I am slightly confused though, when the site is in edit mode, each block segment displays correctly. As in the correct height for the content and no wrapping.
Is this done purely with CSS or is there some PHP doing something clever as well?
Unfortunately I dont understand enough about about how it does this to replicate it.
I am slightly confused though, when the site is in edit mode, each block segment displays correctly. As in the correct height for the content and no wrapping.
Is this done purely with CSS or is there some PHP doing something clever as well?
Unfortunately I dont understand enough about about how it does this to replicate it.
if so, there's two possible solutions for that.
The free option is to make a new page type or single page, and just add a 2-column & multiple-row table to the content div, with a seperate "area" in each table cell. (yes, you could also use divs with floats for this kind of thing).
The other option is buy the area splitter block from the marketplace, which was made specifically for this kind of thing.