CSS Forum

**JustAGuy** · 03-10-2008, 10:25 AM

I am trying to learn this CSS stuff. I am learning it by trial and error as well as the advice I get from experts on the various forums.

I have been playing with a page - redoing it as I learn more and incorporating new methods. Recently I have learned how to add rollovers, both vertical and horizontal, but I am having a bit of a problem with the horizontal menu and I am hoping that I can get some expert advice on how to correct the problem(s) I am having with this.

The problem I am having is probably something very simple that my inexperience prevents me from seeing.

On one page I have been working on just the code for the horizontal menu. Up to this point I have managed to get the links tabs where I want them and even got them centered on the page.

My problem is that I can not figure out how to get the background image to center up on the page. You can see the page here at: http://vance.thebams.org/css/test2.html

The other problem I am having is when I try to incorporate the horizontial rollover code into an existing page that works perfectly. When I put the code into a "good" page, the horizontal tabs don't work like the do in the test3.html page. This page can be seen at: http://vance.thebams.org/css/test1.html

I would really appreciate having an expert take a look at these 2 pages and let me know what it is that I am doing wrong before I finish pulling what little bit of hair I have left out.

Thanks,
JustAGuy

**LadynRed** · 03-10-2008, 10:49 AM

Answer to #1 - read the stickies there's one there on how to center your site.
Second, get rid of the position:absolute on the #header.
Third, put a "wrapper" div around the rest of your code, this will be needed to properly center the site.

On your second page, your <body> tag is in the wrong place, it cannot be inside the wrapper div.

Put your side nav into an unordered list, don't just leave them as links sitting in a div.

On your top nav, if you're going to float an element you MUST define a width. Then get rid of the 60px left margin on the list elements - which IE is going to double because of a bug.