I am using the Glossy Tabbed menu whose css code is
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(menub_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
and so on
My Html code looks
<ul class="glossymenu">
<li class="current"><a href="Modify.aspx"><b>Modify</b></a></li>
<li ><a href="Update.aspx"><b>Update</b></a></li>
<li ><a href="Export.aspx"><b>Export</b></a></li>
</ul>
Currently Modify is the page which is selected and tabbed. That is Modify will be tabbed and blue & Glossy as i have chosen blue glossy image. Other links will be grey and not selected .
BUT
When i click on another link like Update I want the Update link to be tabbed and blue & Glossy, Exportand Modify Links should be grey or not selected
SIMILARLY
When i click on another link like Export I want the Export link to be tabbed and blue & Glossy, Update and Modify Links should be grey or not selected
HOW CAN I ACHIEVE THIS? I am new to CSS?
Thanks
Roger



Reply With Quote



The site that I'm referring to is a dot net site and the menus are located in a master page, not each individual page.

Bookmarks