Creating navigation box???, some kinda highlight effect Options

[eveO]

ok i wanted to make a navigation box like the one in here

http://www.createblog.com/layouts/preview.php?id=22876

with the whole bar highlighting when i scroll over it if anyone knows what i mean can u help me??

[S-Majere]

Of course, seeing as I designed this particular example.

Are you familiar with the basics of coding? - This sort of navigation is for use in a DIV layout and makes up a part of the whole. You'll need some knowledge of how to do that and I'll need more specifics from you regarding the why and the what.

I can give you a sample code if that's alright, it's all about assigning a DIV class to active links and assigning a different class (the highlight bit) to apply to those links when you mouse-over.

[eveO]

oh yeah i know how to code a bit theres just certain things i can't so i have basic knowledge

[IVIike]

if you have any questions on them make sure you post back here

[J3SR0X]

I used the code from the one above (http://www.createblog.com/scripts/script.php?id=817) but it won't show on my page, BUT when i refresh the page, i can see it for a brief moment under my layout, how do i get it on top. Does it have to do with the z index? I have my layout as zero z index.

[J3SR0X]

ok. So where do I add the z-index in this code here?

CODE

a:hover,
.nava {width:XXXpx;}
.navB {width:XXXpx;}
.navC {width:XXXpx;}
.navD {width:XXXpx;}
.navE {width:XXXpx;}
.nava:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######; color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
.navb:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######; color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
.navc:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######;color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
.navd:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######; color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
.nave:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######; color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
.navz:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:000; line-height:8px;color:ffffff; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}
}
</style>

[J3SR0X]

But I'm trying to make a navagation table, only problem is...it won't appear on the page because I think the layout is covering it. For the layout i have it as z-index as zero, so I don't know why it won't work.