Ergebnis 1 bis 3 von 3

Thema: Nvigationsleiste

  1. #1
    JanSchumacher
    Gast

    Standard Nvigationsleiste

    Hey Leute,

    hab mal ne frage ich will mir ne Navigationsleiste bauen mit divs und einer tabelle. Diese soll ein dropdown menühaben. Es leuft auch eigentlich alles auf dem Internetexplorer ABER das einzige problem ist das ich die Schrift in der Menüleiste nicht vertikal Zentriert bekommen ich will sie auf valign: middle; setzen aber das klapt irgendwie nicht!! Kann mir da einer helfen?? Hier ist der Quelltext:


    <style type="text/css">

    body
    {
    padding:0;
    margin:0;
    height:100%;

    font-family: Verdana, Arial;
    font-size:12px;
    background-color:#01274C;
    }


    .bereich{
    height:20px;
    display: block;
    color: #69B3CB;
    background-color: #01274C;
    text-align: center;
    font-family: Verdana, Arial;
    font-size: 12px;
    }

    a.link{
    border: solid 1px #FF0000;
    display: block;
    color: #69B3CB;
    font-family: Verdana, Arial;
    font-size: 12px;
    text-decoration: None;
    text-align: left;
    background-color: #315273;
    height: 22px;
    }

    a.bottomlink{
    display: block;
    color: #69B3CB;
    font-family: Verdana, Arial;
    font-size: 12px;
    text-decoration: None;
    text-align: left;
    background-color: #315273;
    height: 22px;
    }

    .menueitem{
    style="position:relative;
    bottom:0px;"
    height: 50px;
    weight: 200px;
    border-bottom: solid 1px #748ca5;
    border-top: solid 1px #748ca5;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    background-color: #315273;
    }

    .bottommenueitem{
    vertical-align: middle;
    border-bottom: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    background-color: #315273;
    }

    a.link.bereich{
    display: block;
    background-color: #325475;
    width: 200px;
    height: 22px;

    }

    a.link:hover{
    display: block;
    color: #ffffff;
    background-color: #325475;
    }

    a.bottomlink:hover{
    display: block;
    color: #ffffff;
    background-color: #325475;
    }



    .borderbottom{
    border-bottom: solid 1px #FFFFFF;
    width:200px;
    height:22px;
    z-index:0;
    }

    a.link1{
    display: block;
    color: #69B3CB;
    font-family: Verdana, Arial;
    font-size: 12px;
    text-decoration: None;
    }


    </style>

    <script type='text/javascript'>
    function anzeigen(das){
    if(document.getElementById(das).style.display=='no ne')
    document.getElementById(das).style.display='block' ;
    else document.getElementById(das).style.display='none'; }
    </script>

    <table cellPadding=0 cellSpacing=0 style="position: absolute; top: 10px; left: 0px;">
    <tr>
    <td valign=top width=200>
    <div class="bereich" onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')" style="background-color:#01274C;">
    <span class="borderbottom">HOME</span>

    </div>
    </td>

    <td valign=top width=200>
    <div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
    <div class="borderbottom">COMPANY</div>
    <div id="menue#2" style="display: none;width:200px;z-index:10; margin-top:-1px;">
    <div class="menueitem">Contact/Departments:</div>
    <div class="menueitem">&middot;Management</div>
    <div class="menueitem">ccccc</div>
    <div class="menueitem">&middot;Chartering</div>
    <div class="menueitem">&middot;Operating</div>
    <div class="menueitem">&middot;S & P</div>
    <div class="menueitem">&middot;Administration & Crewing</div>
    <div class="menueitem">&middot;Insurance</div>
    <div class="menueitem">&middot;Technical & Nautical Department </div>
    <div class="menueitem">&middot;Safety Management</div>
    <div class="menueitem">&middot;Procurement</div>
    <div class="menueitem">&middot;Accounting & Controlling</div>
    <div class="menueitem">Profile</div>
    <div class="menueitem">Vacancies:</div>
    <div class="menueitem">&middot;Shore Staff</div>
    <div class="menueitem">&middot;Seagoing Staff</div>
    <div class="menueitem">Gallery:</div>
    <div class="menueitem">&middot;Ships</div>
    <div class="menueitem">&middot;Launching Ceremonies</div>
    <div class="bottommenueitem">&middot;Headquarter</div>
    </div>
    </div>
    </td>
    <td valign=top width=200>
    <div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
    <span class="borderbottom">FLEET</span>
    <span id="menue#3" style="display: none;width:200px;margin-top:-1px;">
    Panamaxes:
    &middot;Clara
    &middot;Christina
    &middot;Carola
    Superhandymaxes:
    &middot;Kawasakis
    &middot;Tess 58
    Large Handysizes:
    &middot;Patriot
    &middot;Palau
    &middot;Papua
    Small Handysizes:
    &middot;Ida
    &middot;Lita
    &middot;Bellatrix ID
    &middot;Olga
    &middot;Comet
    Container Vessels:
    &middot;Maersk Naha

    </span>
    </div>
    </td>

    <td valign=top width=200>
    <div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')">
    <span class="borderbottom">POSITIONS</span>
    <span id="menue#4" style="display: none;width:200px;margin-top:-1px;">
    Demolink
    Demolink
    </span>
    </div>
    </td>

    <td valign=top width=200>
    <div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')">
    <span class="borderbottom">SERVICES</span>
    <span id="menue#5" style="display: none;width:200px;margin-top:-1px;">
    Chartering
    S&P
    Ship Management
    Crewing

    </span>
    </div>
    </td>






    </tr>
    </table>
    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 !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich hab mir den ganzen quelltext nicht durchgesehen....

    aber ich glaub bei css musst vertical-align schreiben, statt valign
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    JanSchumacher
    Gast

    Standard

    hab ich ja probiert aber dat funtzt leider nicht ich komm da voll net weiter ich weis nicht lieg das vielleicht daran das ein link im div steht???

Stichworte

Berechtigungen

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