Hi...
I have a question about a custom layout in CSS. I am trying to achieve a
result where I have a inline container which contains an image and three
command buttons layed out as in this image:
http://www.plankmeister.org.uk/new/box-model.png
The red box is the containing object (p, div, span or whatever.) The blue is
the image, and the green boxes are the buttons.
I've tried many many different methods to achieve the desired result without
having to use position : absolute but have run out of knowledge so am asking
here. It appears that if I put a <br> inside an inline element, it inserts a
line break that breaks the inline content, not as I thought it would do:
place a line break inside the object.
Is it possible to do what I'm planning? Or will I have to resort to position
: absolute? I hope not, for the number of these 'nested' objects that is to
be displayed is unknown... It could be as little as one or as many as a
hundred, and having to work all that out server-side to write an inline
style sheet defining the tops and lefts of each box would be a nightmare...
Especially if then the user resized the browser window!
Hope someone can shed some light or offer advice...
P.