469,160 Members | 2,063 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,160 developers. It's quick & easy.

Layout question... bafflement reigns!


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:


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...

Jul 20 '05 #1
0 1382

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

8 posts views Thread by T. Bjarne | last post: by
3 posts views Thread by John | last post: by
10 posts views Thread by Volker Lenhardt | last post: by
15 posts views Thread by Gary Peek | last post: by
5 posts views Thread by Ed Sproull [MSFT] | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.