Autor |
Nachricht |
Handcreme
Threadersteller
Dabei seit: 14.01.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 01.07.2011 16:33
Titel (CSS) Navigationsleiste rechts unten positionieren? |
|
|
Moin,
ich versuche gerade krampfhaft, meine Navigation im Container nach unten rechts zu verlegen und bekomme es einfach nicht hin.
So sieht das CSS aus:
Code: | .menu{
margin-top:70;
margin-left:50 padding:0; height:10px;
width:100%;
display:block;
margin-left: 50px;
}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(0,0,0); text-decoration:none; font:15px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; outline:none;}
.menu li a span{float:left; display:block; padding-right:15px;}
.menu li a:hover{background-position:0px -60px; color:rgb(202,53,28);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{
font:15px Verdana, Arial, Helvetica, sans-serif;
color:rgb(202,53,28);
} |
Ich habs mit margin top 70 gleich im ersten Punkt probiert, aber irgendwie scheint das nix zu bringen.
Jemand eine Idee? So sieht's aktuell aus.
[img]http://img225.imageshack.us/content_round.php?page=done&l=img225/4380/samplexe.png[/img]
|
|
|
|
|
Zim
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
Verfasst Fr 01.07.2011 17:30
Titel
|
|
|
wie wäre es mal wenn du hinter die 70 mal px oder sonst eine Einheit schreiben würdest
da überall (und unten in dem block auch):
margin-top:70;
margin-left:50
padding:0;
|
|
|
|
|
Anzeige
|
|
|
Handcreme
Threadersteller
Dabei seit: 14.01.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 01.07.2011 17:38
Titel
|
|
|
Hoppla Ja, jetzt klappts. Danke!
|
|
|
|
|
Zim
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht:
|
Verfasst Fr 01.07.2011 17:40
Titel
|
|
|
So einfach kanns sein – Bitte
|
|
|
|
|
Handcreme
Threadersteller
Dabei seit: 14.01.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 01.07.2011 18:29
Titel
|
|
|
Noch was: wenn ich die Navi jetzt mittig setzen möchte, wie gehe ich da am besten vor?
Einfach ein div drum herum mit align=center funktioniert ja leider nicht.
Mit margin kann das aber odch auch nicht gehen, da ich bei einer fest definierten Gesamtbreite ja schlecht margin-left:50px; margin-right:50px; sagen kann, oder?
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Fr 01.07.2011 19:24
Titel
|
|
|
Z.B. bei bekannter Breite des div (als Beispiel mal 100px):
left: 50%;
margin-left: -50px;
Und wenn es nicht absolut positioniert ist bietet sich natürlich eher margin: auto gepaart mit nem umschließenden div und text-align: center an.
Zuletzt bearbeitet von easteregg am Fr 01.07.2011 19:25, insgesamt 1-mal bearbeitet
|
|
|
|
|
Handcreme
Threadersteller
Dabei seit: 14.01.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 01.07.2011 20:07
Titel
|
|
|
easteregg hat geschrieben: | Z.B. bei bekannter Breite des div (als Beispiel mal 100px):
left: 50%;
margin-left: -50px;
Und wenn es nicht absolut positioniert ist bietet sich natürlich eher margin: auto gepaart mit nem umschließenden div und text-align: center an. |
Will beides irgendwie nicht so:
Html:
Code: | <div align="center">
<ul class="menu1">
<li ><a href="kontakt.html" class="active"><span>Kontakt</span></a></li>
<li><a href="anfahrt.html"><span>Anfahrt</span></a></li>
<li><a href="newsletter.html"><span>Newsletter</span></a></li>
</ul>
</div>
|
CSS:
Code: | .menu1{
margin-top:10px;
margin-left:50%; padding:0px; height:10px;
width:100%;
display:block;
margin-left: 50px;
}
.menu1 li{
padding:0;
margin:auto;
list-style:none;
display:inline;
}
.menu1 li a{float:left; padding-left:15px; display:block; color:rgb(0,0,0); text-decoration:none; font:14px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; outline:none;}
.menu1 li a span{float:left; display:block; padding-right:15px;}
.menu1 li a:hover{background-position:0px -60px; color:rgb(202,53,28);}
.menu1 li a:hover span{background-position:100% -60px;}
.menu1 li a.active, .menu li a.active:hover{
font:14px Verdana, Arial, Helvetica, sans-serif;
color:rgb(202,53,28);
}
|
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Fr 01.07.2011 20:19
Titel
|
|
|
Wie soll etwas auch zentrieren, wenn es eine Breite von 100% hat?
CSS: Code: | div { display: block; text-align: center; }
.menu1 { width: 200px; margin: 0 auto; text-align: left; } |
Mal so ein Schnellschuss, sollte jedenfalls klappen und fördert evt. dein Verständnis von der Angelegenheit.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Counter unten rechts neben Scrollbalken positionieren?
wie kann man ein bild "rechts unten" positionieren?
navigationsleiste php
Navigationsleiste
Navigationsleiste zentrieren
ul-Navigationsleiste, Div-Container u.a.
|
|