Ergebnis 1 bis 2 von 2

Thema: Tab Darstellungsproblem Firefox und IE

  1. #1
    HTML Newbie
    Registriert seit
    20.08.2011
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Tab Darstellungsproblem Firefox und IE

    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;
    cursorointer;
    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/
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    HTML Newbie
    Themenstarter

    Registriert seit
    20.08.2011
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tab Darstellungsproblem Firefox und IE

    Ach ja, ihr müsst unter umständen unten Style 1 auswählen.

Ähnliche Themen

  1. Darstellungsproblem im IE
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 23.10.2009, 12:00
  2. Darstellungsproblem im Firefox
    Von Tschanna im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 10.06.2008, 18:20
  3. Darstellungsproblem
    Von HighFlyer im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 02.05.2008, 19:20
  4. Darstellungsproblem im IE
    Von Greg10 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 19.08.2007, 22:55
  5. Darstellungsproblem
    Von Moendu im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.06.2005, 14:55

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •