jakWEB
Sun 6th Apr '08, 4:28am
I have a problem with my menu. It will not selected my Forum button. :(
http://www.kitesurfmaniac.com/forum
If someone can give me a bit of help would be nice.
Following html code:
<ul id="tabkm">
<li id="Khome"><a href="/home.html">Home</a></li>
<li id="Kspots"><a href="/spots.html">Spots</a></li>
<li id="Kwindf"><a href="/wind.php">Wind Forecast</a></li>
<li id="Kbos"><a href="/buyorsell.html">Buy or Sell</a></li>
<li id="Ktb"><a href="/travelbuddy.html">Travel Buddy</a></li>
<li id="Kaccom"><a href="/accommodation.html">Accommodation</a></li>
<li id="Kforum" class="selected"><a href="/forum/">Forum</a></li>
<li id="Kblog"><a href="/forum/blog.php">Blog</a></li>
</ul>Following CSS Code:
#tabkm {
position: absolute;
margin: 0;
padding: 0;
height: 23px;
list-style: none;
display: inline;
overflow: hidden;
width: 900px;
}
#tabkm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#tabkm a {
float: left;
padding: 23px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:23px; /* for IE5/Win only */
}
#tabkm a:hover {
background-position: 0 -23px;
}
#tabkm a:active, #tabkm a.selected {
background-position: 0 -46px;
}It works on my other sites but not in vbulletin, do I use a already used ID?
Thank you
Jerome
http://www.kitesurfmaniac.com/forum
If someone can give me a bit of help would be nice.
Following html code:
<ul id="tabkm">
<li id="Khome"><a href="/home.html">Home</a></li>
<li id="Kspots"><a href="/spots.html">Spots</a></li>
<li id="Kwindf"><a href="/wind.php">Wind Forecast</a></li>
<li id="Kbos"><a href="/buyorsell.html">Buy or Sell</a></li>
<li id="Ktb"><a href="/travelbuddy.html">Travel Buddy</a></li>
<li id="Kaccom"><a href="/accommodation.html">Accommodation</a></li>
<li id="Kforum" class="selected"><a href="/forum/">Forum</a></li>
<li id="Kblog"><a href="/forum/blog.php">Blog</a></li>
</ul>Following CSS Code:
#tabkm {
position: absolute;
margin: 0;
padding: 0;
height: 23px;
list-style: none;
display: inline;
overflow: hidden;
width: 900px;
}
#tabkm li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#tabkm a {
float: left;
padding: 23px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:23px; /* for IE5/Win only */
}
#tabkm a:hover {
background-position: 0 -23px;
}
#tabkm a:active, #tabkm a.selected {
background-position: 0 -46px;
}It works on my other sites but not in vbulletin, do I use a already used ID?
Thank you
Jerome