|
|||
Horizontale Liste positionieren
Ich hab im Header meiner Seite eine horizontale Liste - der Opera zeigt die auch dort an, wo ich sie haben will:
Nur der verd.... IE verschiebt sie mir nach oben : Wie kann ich das ändern? Mein Code: Zitat:
|
Sponsored Links |
|
||||
Probier mal:
Code:
ul#navlist { margin:115px 0 0 480px; padding: 0; white-space: nowrap; }
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
||||
Hast du an den CSS-Prolog gedacht? (siehe FAQ)
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
Suni, lies bitte nicht nur die FAQ sondern auch die Hinweise für Fragende -- und dann poste entsprechend.
Screenshots und Codeschnipsel lassen sich nicht debuggen. |
|
|||
okay
Also hier das ganze CSS: Code:
* { padding : 0; margin : 0; border : 0px none; } body, html { color : #000; font-family : Verdana, Arial, Tahoma, sans-serif; background-image : url('rasen.jpg'); text-align : center; height : 85%; } body { font-size : 0.8em; margin : 30px 80px 0 80px; } p { padding : 7px 0 7px 0; } a { color : #4169e1; text-decoration : none; } a:hover { color :#ff6347; width : 100%; background-color :#dcdcdc; text-decoration : none; } h1, h2, h3 { font-weight : 400; padding-bottom : 5px; } h1 { font-size : 2em; } h2 { font-size : 1.4em; } h3 { font-size : 1.3em; color : #ff6347; } h1 a, #header h2 { color : #fff; } h4 { font-size : 1.1em; } .clear { clear : both; } #mainContainer { width : 760px; margin : 0 auto; min-height : 100%; background-color : #c0c0c0; text-align : left; } * html #mainContainer { height : 100%; } #header { background : url('header.jpg') no-repeat right top; padding : 10px; height : 120px; } ul#navlist { margin:115px 0 0 480px; padding-left: 0; white-space: nowrap; } #navlist li { display: inline; list-style-type: none; } #navlist a { padding: 3px 10px; } #navlist a:link, #navlist a:visited { font-weight:600; color: #4169e1; background-color: transparent; text-decoration: none; } #navlist a:hover { color: #ff6347; background-color: transparent; text-decoration: none; } .outer { padding-left : 165px; } * html .outer { padding-right : 120px; } .inner { width : 595px; padding-bottom : 30px; } * html .inner { width : 100%; } .float-wrap { float : left; width : 610px; margin-left : -165px; } #content { float : right; width : 470px; background : #fff; } * html #content { position : relative; } .contentWrap { padding : 5px; } .contentWrap ol, .contentWrap ul { margin : 3px 0 5px 35px; } .contentWrap li { padding-bottom : 2px; } #left { float : left; width : 120px; padding : 10px; line-height : 1.7em; } * html #left { position : relative; } #left ul { list-style : none; padding-bottom : 4px; } #left li { padding-bottom : 2px; } #right { float : right; width : 120px; padding : 5px; } * html #right { position : relative; margin-right : -120px; } #right ul { list-style : none; padding-bottom : 4px; } #right li { padding-bottom : 2px; } ul#navi { list-style-type: none; } ul#navi li a span { display:none; } ul#navi li { height:22px; } #footer { width: 760px; height: 30px; margin: 0 auto; margin-top: -30px; text-align: right; background-color: #36648b; }[/QUOTE] Quelltext: [QUOTE]<ul id="navlist"> <li id="active"><a href="default.htm" id="current">START</a></li> <li><a href="http://www21.brinkster.com/nachwuchs/">TABELLE</a></li> <li><a href="kontakt.htm">IMPRESSUM</a></li> </ul> </div> Und hier die Seite dazu: Essling U11 Start Geändert von suni (10.11.2007 um 23:20 Uhr) Grund: Code-Button gefunden.... |
Sponsored Links |
|
||||
Dein Quellttext ist nicht vollständig und nutze bitte die "Code" Funktion, dann ist es nicht so riesig (Button mit HTML-Code)
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Horizontale Liste mit Dropdown zentrieren | Amnesys | (X)HTML | 4 | 13.10.2010 09:53 |
horizontale liste - zeilenumbruch geht nicht | outofrulez | CSS | 10 | 01.04.2010 15:13 |
Horizontale Liste mit breiteren Unterpunkten | Korasu | CSS | 3 | 12.05.2009 10:00 |
Horizontale Liste: "list-style-type:none" nötig? | Steakfred | CSS | 1 | 03.11.2007 18:47 |
Liste (inline) Umbruch erzeugen | Steakfred | CSS | 3 | 09.05.2006 13:27 |