Jump to content

Things arranged


dcole.ath.cx

Recommended Posts

I'm making an xhtml page and was wondering how you would do this:I want a bulleted list in it's own box on the leftA image on the rightThen Text in the middle, but spreading out to the full width once the list and image endI DO NOT WANT ABSOLUTE POSITIONING__________***************_________________|^^List^^^|TEXT TEXT TEXT |IMAGE$$$$$$$$$$$||^^^^^^^|TEXT TEXT TEXT |$$$$$$$$$$$$$$$$$||^^^^^^^|TEXT TEXT TEXT |$$$$$$$$$$$$$$$$$|-------------- TEXT TEXT TEXT |$$$$$$$$$$$$$$$$$|TEXT TEXT TEXT TEXT TEXT**|$$$$$$$$$$$$$$$$|TEXT TEXT TEXT TEXT TEXT *|$$$$$$$$$$$$$$$$$| TEXT TEXT TEXT TEXT TEXT *------------------------- TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT...

Link to comment
Share on other sites

I'm not completely sure, but I think

<div id="main"><img src="image.jpg" alt="image"/><div id="list"><ul><li>LIST</li><li>LIST</li><li>LIST</li><li>LIST</li></ul></div>TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT</div>

and

#main img {float: right;}#list {float: left;}

should do it.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...