Hallo zusammen.
ich habe ein Vbulletin Forum und möchte nun Nav Tabs über meinem Header haben.
Dazu wollte ich folgende Modifikation einfügen.
Install :
Upload images to /images/ folder
Additional CSS Definitions Add :ul.newsnav {
float:left;
clear:both;
margin:0;
padding:0;
width:840px;
}ul.newsnav li {
float:left;
height:27px;
list-style-type:none;
display:inline;
font-size:12px;
margin-right:1px;
padding-top:12px;
}ul.newsnav li.inorange {
height:27px;
width:auto;
padding:0 4px 0 0;
background:url(images/tabright.png) bottom right no-repeat;
text-transform:uppercase;
color:#fff;
margin-top:12px;
}ul.newsnav li.inorange span {
float:left;
height:21px;
width:auto;
padding:6px 15px 0 20px;
background:url(images/tableft.png) bottom left no-repeat;
}ul.newsnav li a {
float:left;
height:27px;
width:auto;
padding:0 4px 0 0;
background:url(images/tabright.png) top right no-repeat;
display:block;
text-transform:uppercase;
color:#2b6d9f;
text-decoration:none;
}ul.newsnav li a span {
float:left;
height:21px;
width:auto;
padding:6px 16px 0 20px;
background:url(images/tableft.png) top left no-repeat;
cursor:pointer;
display:block;
}ul.newsnav li a:hover {
background-position:bottom right;
color:#fff;
}ul.newsnav li a:hover span {
background-position:bottom left;
color:#fff;
}Add to navbar template or any where you need.
Navigation / Breadcrumb Templates / navbar
Very above find <br /> and add under
<!-- New Navbar -->
<div align="center">
<ul class="newsnav">
<li class="inorange"><span>Home</span></li>
<li><a href="#"><span>News</span></a></li>
<li><a href="#"><span>People</span></a></li>
<li><a href="#"><span>Social</span></a></li>
<li><a href="#"><span>About us</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
<li><a href="#"><span>Orange TAB</span></a></li>
</ul>
</div>
<!-- / New Navbar -->
im Firefox wird auch alle korrekt dargestellt.
Aber nicht im Internet explorer. Dort werden die Tabs nicht nebeneinander angezeigt sondern übereinander.
Ich hänge mal ein Bild an wie es im Internet explorer ausschaut.
Könnt ihr mir helfen ?
Live anschauen kann man es sich in meinem Testforum.
http://an.diespritzer.de/