[Lusis Backwood JR]

Hello
I'm trying to code up http://www.senworks.com/sands_beta/header_beta2.html in css. If i break it into 4 pieces, with the white piece on the left where the logo goes, then the sales section, the lease section, then the quick search section... I could put those in a div but how? Do I set the div to inline, then just put each one as a header tag floated left and margin on them to make them go off the left of the site appropriately?

[AmeliaR]

<div id="header"><h2>Sales</h2><ul><li>...</ul><h2>Lease</h2><ul><li>...</ul></div>
IR on the h2's and float everything left
Entire background on #header and padding-left on #header to position them

[Lusis Backwood JR]

What's IR?

[AmeliaR]

image replacement

[Lusis Backwood JR]

I don't even know what you mean by that

[AmeliaR]

Means you hide the text inside the h2's and replace it with an image (bg image)

[Lusis Backwood JR]

Ah
Yeah, I'm going to have that image with Sales, Lease, and Quick Search already in it
The rest I can do in <ul>
So you're saying float all of the H1, h2, etc left... and then use margin-left to get them lined up correctly?

[AmeliaR]

Yeah

[Lusis Backwood JR]

Awesome, thanks

[AmeliaR]

Or padding left on the container
Http://www.mezzoblue.com/tests/revised-image-replacement/
And use http://positioniseverything.net/easyclearing.html to clear the header
(since all it's children are floated it will collapse unless you add the easyclearing thingy)

[Lusis Backwood JR]

Excellent... I think I can do that

[AmeliaR]

K, have fun :P