|
|||
Navigation links zentrieren
Hallo Community,
Undzwar habe ich folgendes Problem. Meine "haupt" seite ist zentriert, aber wenn ich links eine navigation einfügen will, erscheint diese nur über dem "hauptteil" oder unten drunter, aber nie auf der selben ebene. Hab mit allen padding,margin werten rumgespielt, jedoch erfolgslos. edit: bin anfänger was css angeht Hoffe jemand hier kann mir helfen. Bedanke mich schonmal im vorraus. Code: Code:
<body> <nav> <ul> <li> <a href="linka"> navi1 </a> </li> <li> <a href="linkb"> navi2 </a> </li> <li> <a href="linkc"> navi3 </a> </li> <li> <a href="linkd"> navi4 </a> </li> <li> <a href="linke"> navi5 </a> </li> </ul> </nav> <div id="inhalt"> <div id="überschrift"> <p align="center"> text <br> </p> </div> <div id="navigation"> <a href="link1"> text1 </a> <a href="link2"> text2 </a> <a href="link3"> text3 </a> <a href="link4"> text4 </a> </div> <div id="banner"> <img src="banner.jpg" align="center"> </div> <div id="text"> <p align="center"> text </p> </div> </div> </body> Code:
nav li { letter-spacing:1px; font-family:"Arial"; list-style: none; margin: 10px; padding: 1px; border: 1px; } nav ul { position: static; width: 175px; padding: 1px; border: 1px black; background-color: #4b4b4b; } nav li { margin: 2px; padding: 5px; border: 2px white; background-color: silver; } a:link { text-decoration:none;color:#000000; } a:visited { text-decoration:none;color:#000000; } a:hover { text-decoration:none;background-color:#ffffff; } a:active { text-decoration:none; background-color:#ffffff; } p {color:#4b4b4b} #inhalt {width:900px; margin-left:auto; margin-right:auto; font-family:"Arial"; letter-spacing:4px} #überschrift {text-align:center; font-size:125%; color:#4b4b4b; padding-top:10px; padding-bottom:25px;} #navigation {text-align:center; font-size:60%; padding-bottom:25px;} #text {font-size:80%; margin:20px; letter-spacing:1px} |
Sponsored Links |
|
||||
Was du suchst sind Floats.
Little Boxes online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller) - lesen, lernen, verstehen
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Zitat:
ok, ich lese mich dann mal durch. Danke für die schnelle antwort |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten | mazzo | CSS | 10 | 05.04.2012 17:32 |
Problem mit Navigation | safari | CSS | 12 | 20.04.2011 11:11 |
Javascript UL Navigation im IE6 | ven | CSS | 7 | 29.04.2008 15:29 |
Navigation links und oben soll aktive Seite anzeigen | Zischel | CSS | 2 | 16.02.2007 22:30 |
navigation will sich nicht horizontal zentrieren lassen | mrParker | CSS | 24 | 30.05.2006 20:03 |