|
|
| 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? |
| <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 |
| What's IR? |
| image replacement |
| I don't even know what you mean by that :) |
| Means you hide the text inside the h2's and replace it with an image (bg image) |
| 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? |
| Yeah |
| Awesome, thanks |
| 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) |
| Excellent... I think I can do that |
| K, have fun :P |
