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??
Full Version: Creating navigation box???
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.
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.
oh yeah i know how to code a bit theres just certain things i can't so i have basic knowledge
if you have any questions on them make sure you post back here 
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.
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>
.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>
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.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.