I am currently trying/playing with the nav_table style.
I am trying to implement a style one problem
the origonal is here...http://css.maxdesign.com.au/listamatic/vertical11.htm
my attempt is here... http://www.polygonsoup.net
I am hoping some good should out there could hel pexplain why the bottom half off each menu item is not turning orange? and how to remedy this.
the nav_table & nav_table_active in frontend.css has been altered to...
Code: Select all
.nav_table,nav_table :visited{
display:block;
border: 0px solid #333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
background-image: URL(../../img/Frontend/Menu/bgNav0.png);
}
.nav_table :link,#nav_table,.nav_table :visited{
display:block;
border: 0px solid #333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
}
.nav_table :hover{
display:block;
padding: 0px 0px 0px 4px;
border: 0px solid #333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
background-image: URL(../../img/Frontend/Menu/bgNav1.png);
}
.nav_table a,#nav_table, nav_table a:active{
display:block;
padding: 0px 0px 0px 4px;
border: 0px solid #333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
background-image: URL(../../img/Frontend/Menu/bgNav0.png);
}
.nav_table a:link,nav_table a:visited{
display:block;
padding: 0px 0px 0px 4px;
border: 0px solid #333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
}
.nav_table a:hover {
display:block;
padding: 0px 0px 0px 4px;
border: 0px solid #333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
background-image: URL(../../img/Frontend/Menu/bgNav1.png);
}
/*---------------------------------*/
.nav_table_active,nav_table_active :visited{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
display:block;
padding: 2px 2px 2px 4px;
border: 0px solid #333;
background-image: URL(../../img/Frontend/Menu/bgNav1.png);
}
.nav_table_active :link,.nav_table :visited{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
}
.nav_table_active :hover{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
display:block;
padding: 2px 2px 2px 4px;
border: 0px solid #333;
background-image: URL(../../img/Frontend/Menu/bgNav0.png);
}
.nav_table_active a, nav_table_active a:active{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
display:block;
padding: 2px 2px 2px 4px;
border: 0px solid #333;
background-image: URL(../../img/Frontend/Menu/bgNav1.png);
}
.nav_table_active a:link,nav_table_active a:visited{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
}
.nav_table_active a:hover {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
display:block;
padding: 2px 2px 2px 4px;
border: 0px solid #333;
background-image: URL(../../img/Frontend/Menu/bgNav1.png);
}