467,161 Members | 1,122 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

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

Positioning H2/IMG/UL in CSS

I'm trying to arrange an item
consisting of a H element across the page width,
with an unordered list below on the left, and an image below on the right.
I want to repeat this so I have each item below the previous
H1
UL IMG
H1
UL IMG
H1
UL IMG
......
or
H1
UL
IMG
H1
UL
IMG if page reduced in width

I want each H1/UL/IMG to remain together.

But H always across the top of the group, UL to the left, IMG to the right
if enough width, else below

I've tried loads of ways to use div/span and display inline/block to try to
get this but I'm obviously not understanding CSS.
I could do it with a table easily, but I would like to use CSS ?
Regards
Tony
Apr 3 '07 #1
  • viewed: 2285
Share:
1 Reply
On Tue, 3 Apr 2007, Tony B wrote:
I'm trying to arrange an item consisting of a H element across the page
width, with an unordered list below on the left, and an image below on
the right. I want to repeat this so I have each item below the previous
H1
UL IMG
H1
UL IMG
H1
UL IMG
.....
or
H1
UL
IMG
H1
UL
IMG if page reduced in width

I want each H1/UL/IMG to remain together.

But H always across the top of the group, UL to the left, IMG to the right
if enough width, else below
I'm not totally sure I understand what you want, but it sounds like you
should say float:left on the ULs, then clear:left (or clear:both) on the
H1s. Is that not what you have in mind?

-Christopher
Apr 3 '07 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

9 posts views Thread by Bryan R. Meyer | last post: by
4 posts views Thread by Jane Withnolastname | last post: by
14 posts views Thread by Harlan Messinger | last post: by
6 posts views Thread by rajek | last post: by
11 posts views Thread by NS | last post: by
1 post views Thread by Charles Harrison Caudill | last post: by
2 posts views Thread by Rob R. Ainscough | last post: by
4 posts views Thread by Alan Silver | last post: by
9 posts views Thread by Bill Norton | last post: by
6 posts views Thread by Mark | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.