|
|||
Wie positioniert man eine Listenbasierte Navigation am unteren Rand eines divs?
Ich hab folgendes HTML für die Navigation:
HTML-Code:
<nav><ul id="nav_1"> <li><a href="Tutorials">Tutorials</a></li> <li><a href="News">News</a></li> </nav></ul> Code:
#nav_1 { margin-left: 0.9%; } #nav_1 li { list-style: none; float: left; margin-left: 0.1%; } #nav_1 a { background-color: white; color: #000032; display: block; font-size: 40px; text-decoration: none; } Ich würde sie gerne am unterem Rand davon haben. Wie mach ich das? |
Sponsored Links |
|
|||
Im Zweifel das Element ul positionieren:
position: Positionsart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets oder ein margin-top mitgeben oder oder
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
Zitat:
Hallo, Das DIV relativ positionieren, und die Navi absolut mit der `bottom`-Eigenschaft. BTW Hast du auch berücksichtigt, daß der IE-8 und noch einige andere ältere Browser, dein "<nav>" noch nicht implementiert haben? |
|
|||
Wenn ich das Element ul positioniere werden die beiden Links übereinander angezeigt.
Wenn ich ein margin-top einstelle wird der ganze div (in dem sich die Navigation befindet) 60px nach unten geschoben. <nav> muss gar nicht implementiert sein, da hab ich nix drauf angewendet, ich habe alles direkt auf die ul angewendet. Das ist nur für suchmaschinen. Aber das dass tag und sein end-tag beide vor dem tag bzw. dem end-tag der ul standen ist mir mittlerweile aufgefallen und ich habs korrigiert |
|
|||
Zitat:
Zu Testzwecken ist auch ein Rahmen um die Elemente nützlich, damit du deren Ausmaß und Position erkennen kannst. |
Stichwörter |
navigation, navigationsmenü, positionierung, positionierung text |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Text am unteren Rand eines Divs plazieren | RancoR | CSS | 2 | 30.08.2011 18:20 |
Kriege meine 4 Divs nichts richtig positioniert | Clubnite | CSS | 5 | 06.04.2010 08:01 |
Navigation auf verschiedene Divs aufgeteilt | seelefant | Barrierefreiheit | 2 | 10.02.2007 20:45 |
Vertikale Ausrichtung eines DIVs in einem dynamischen DIV | vamac | CSS | 7 | 15.08.2005 14:10 |
inline-liste am unteren ende eines divs | ratterobert | CSS | 4 | 13.06.2004 18:42 |