I'm trying to build my home page () as in my comp (attached) and I'm having trouble with:
1) getting those colored tabs with the translucent black background area around them to sit right at the bottom of the page.
I first tried putting the HTML into the body of the page and the black background wouldn't extend the whole width of the browser window, so I decided instead to try pasting the HTML into a contentbox in the footer, but the damn thing (colored tabs + translucent black bg) is still sitting in the vertical middle of the page - although the translucent black bg now DOES cover the whole width of the window, which is progress I guess
2) I also can't get the group of tabs to center horizontally in the footer - I've tried targeting a whole bunch of stuff and nothing works.
3) when i resize (smaller) the browser window, every other tab shifts up a few pixels. WTF????
The other thing is how do I get each tab to be a link to a page?
I could add an <a> tag to each <li> but the URL they'd link to would be dynamically generated so how do I??
Here's the HTML I have in the contentbox (I gave the contentbox a class of "bottomtabs"):