Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 22

Thema: Divs vertical ausrichrichten

  1. #1
    janSchumacher
    Gast

    Standard Divs vertical ausrichrichten

    Hi Leutz,

    kann mir einer sagen wie ich in <Div> Vertical ausrichten kann??? Mit
    <Div style="vertical-align:center;"> hab ich das schon probiert kann mir da einer helfen???
    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

    mal so versucht ?

    Code:
    vertical-align&#58;middle
    >> 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

    passiert nichts

  4. #4
    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

    du willst aber schon den in halt des divs ausrichten,
    und nicht das div selber, oder ?
    >> 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..."

  5. #5
    JanSchumacher
    Gast

    Standard

    ja genau den Inhalt. Ich schreibe gerade eine Navigations leiste wo oben halt Strings stehen. wenn man da mit der Maus raufgeht dann soll ein Dropdown Menü geöffnet werden. Die Worte wo man rauf geht sind ganz oben am Rand der Seite und ich will sie Centriert in dem Div haben. Das Div und die Navi stehen aber in einer Tabelle liegt es daran???? Soll ich dir mal den Quelltext schicken????

  6. #6
    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

    kannst mal hier reinposten...
    >> 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..."

  7. #7
    JanSchumacher
    Gast

    Standard

    <style type="text/css">
    body{
    font-family: Verdana;
    font-size:12px;
    background-color:#00214a;
    }

    .link{
    color:#ABD5FF;
    text-decoration: None;
    }

    a.link:hover{
    color: #ffffff;
    text-decoration: None;
    }

    .headerborderbottom{
    font-family: Verdana;
    font-size:11px;
    color: #ABD5FF;
    text-align: center;
    border-bottom: solid 1px #FFFFFF;
    width:166px;
    height:24px;
    z-index:0;
    }

    .headerborderbottommenue5{
    font-family: Verdana;
    font-size:11px;
    color: #ABD5FF;
    text-align: center;
    border-bottom: solid 1px #FFFFFF;
    width:164px;
    height:24px;
    z-index:0;
    }

    .menueitem{
    font-family: Verdana;
    font-size:11px;
    color: #ABD5FF;
    border-bottom: solid 1px #748ca5;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    background-color: #315273;
    }

    .bottommenueitem{
    font-family: Verdana;
    font-size:11px;
    color: #ABD5FF;
    border-bottom: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    background-color: #315273;
    }
    </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 width="828" style="position: absolute; top: 10px; left: 0px; ">
    <tr>
    <td valign=top>
    <div onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
    <div style="vertical-align:middle;" class="headerborderbottom">HOME</div>
    <div id="menue#1" style="display: none;width:166px;z-index:10; margin-top:-1px;">
    </div>
    </div>
    </td>
    <td valign=top>
    <div onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
    <div class="headerborderbottom">
    COMPANY
    </div>
    <div id="menue#2" style="display: none;width:166px;z-index:10; margin-top:-1px;">
    <div class="menueitem">Contact/Departments:</div>
    <div class="menueitem">&middot;Management</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& &nbspCrewing</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>
    <div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
    <div class="headerborderbottom">
    FLEET
    </div>
    <div id="menue#3" style="display: none;width:166px;z-index:10; margin-top:-1px;">
    <div class="menueitem">Panamaxes:</div>
    <div class="menueitem">&middot;Clara</div>
    <div class="menueitem">&middot;Christina</div>
    <div class="menueitem">&middot;Carola</div>
    <div class="menueitem">Superhandymaxes:</div>
    <div class="menueitem">&middot;Kawasakis</div>
    <div class="menueitem">&middot;Tess 58</div>
    <div class="menueitem">Large Handysizes:</div>
    <div class="menueitem">&middot;Patriot</div>
    <div class="menueitem">&middot;Palau</div>
    <div class="menueitem">&middot;Papua</div>
    <div class="menueitem">Small Handysizes:</div>
    <div class="menueitem">&middot;Ida</div>
    <div class="menueitem">&middot;Lita</div>
    <div class="menueitem">&middot;Bellatrix ID</div>
    <div class="menueitem">&middot;Olga</div>
    <div class="menueitem">&middot;Comet</div>
    <div class="menueitem">Container Vessels:</div>
    <div class="bottommenueitem">&middot;Maersk Naha</div>
    </div>
    </div>
    </td>
    <td valign=top>
    <div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')">
    <div class="headerborderbottom">
    POSITIONS
    </div>
    <div id="menue#4" style="display: none;width:166px;z-index:10; margin-top:-1px;">
    </div>
    </div>
    </td>
    <td valign=top>
    <div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')">
    <div class="headerborderbottommenue5">
    SERVICES
    </div>
    <div id="menue#5" style="display: none;width:164px;z-index:10; margin-top:-1px;">
    <div class="menueitem">Chartering</div>
    <div class="menueitem">S&P</div>
    <div class="menueitem">Ship Management</div>
    <div class="bottommenueitem">Crewing</div>
    </div>
    </div>
    </td>
    </tr>
    </table>

  8. #8
    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

    die fehlenden <html>, <head> und <body> - tags stehen aber bei dir schon drin ?
    >> 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..."

  9. #9
    JanSchumacher
    Gast

    Standard

    ja in einer anderen Seite ich mache das später über openCMS

  10. #10
    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

    die überschrift bzw menüleiste brauchst doch eigentlich garnicht in div machen, oder ?
    du hast ja schon des tabellenfeld....
    >> 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..."

Ähnliche Themen

  1. vertical-align?
    Von skokes im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 11.07.2008, 17:41
  2. vertical-align
    Von giacomo84 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.09.2007, 13:29
  3. Div-Tag vertical-align center
    Von schlurpsel im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 15.05.2007, 09:59
  4. overflow: -moz-scrollbars-vertical;
    Von mr.scruff im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 26.05.2006, 20:51
  5. [HTML/CSS] vertical-align:middle will nicht
    Von meester nowak im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 15.10.2005, 23:16

Stichworte

Berechtigungen

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