top nav help..

[mgdesmond13]

http://www.kotacouture.com/kotastore/

there it is now..

i cant get the styles right for the top navigation... can anybody help me out?
i have a random tab image as the background with text on it just for test purposes.

im trying to align it to the baseline of the green bar and fix the margining and whatnot so they are clearly spaced with the appropriate width..

i dont even know what the hell is going on at this point! haha

current CSS:

#navCatTabs ul {
	margin: 0;
	padding:0;
	list-style-type: none;
	text-align: center;
	line-height: 14px;
	font-size:14px;
	height:30px;
	}

#navCatTabs ul li {
background-image:url(../images/infants.jpg);
background-repeat:no-repeat;
display: inline;
width:auto;
height:30px;
margin-right:20px;
}

[dbltoe]

#navCatTabs ul li {
background-image:url(../images/infants.jpg);
background-repeat:no-repeat;
display: inline;
width:auto;
height:30px;
margin-right:20px;
}
[/CODE]

Try deleting the code in red. You have set the css to insert this image in every list item (li) then tell the li to use a different image. The two wind up on top of each other.

[mgdesmond13]

Say I wanted a rollover, i have 2 images one green one white(rollover & active), and i want the active page nav item to stay white.

how should i go about doing that? i know almost nothing of php. could I do it just through the CSS or will i have to edit the php as well?

[dbltoe]

The css term is hover.

You will have a call for:

• a link call (to show that it is in fact a link to something)
• a visited call (if you wish to show what links the customer has already visited)
• a hover call (to do something when the mouse hovers over the link)
• an active call (to let the customer know which link they are currently viewing)

None are required for a an anchor to work.

<a href="http://www.mysite.com">Visit our website</a>

Check out the info at http://www.yourhtmlsource.com/stylesheets/csslinks.html

[mgdesmond13]

i know that... but how can i get the images to show up correctly behind each item first? :)

[dbltoe]

If you were to take any image and place it in #navCatTabs ul li a {, it would be the background for all links.

Adding another call for the a:hover would change the image.