mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 16.04.2024 06:36 Benutzername: Passwort: Auto-Login

Thema: (CSS) Navigationsleiste rechts unten positionieren? vom 01.07.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> (CSS) Navigationsleiste rechts unten positionieren?
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?

 Antworten mit Zitat Zum Seitenanfang
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]
  View user's profile Private Nachricht senden
Zim

Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: Männlich
Verfasst Fr 01.07.2011 17:30
Titel

Antworten mit Zitat Zum Seitenanfang
wie wäre es mal wenn du hinter die 70 mal px oder sonst eine Einheit schreiben würdest *bäh*

da überall (und unten in dem block auch):

margin-top:70;
margin-left:50
padding:0;
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Handcreme
Threadersteller

Dabei seit: 14.01.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 01.07.2011 17:38
Titel

Antworten mit Zitat Zum Seitenanfang
Hoppla Grins Ja, jetzt klappts. Danke!
  View user's profile Private Nachricht senden
Zim

Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: Männlich
Verfasst Fr 01.07.2011 17:40
Titel

Antworten mit Zitat Zum Seitenanfang
So einfach kanns sein – Bitte Lächel
  View user's profile Private Nachricht senden
Handcreme
Threadersteller

Dabei seit: 14.01.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 01.07.2011 18:29
Titel

Antworten mit Zitat Zum Seitenanfang
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?
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Fr 01.07.2011 19:24
Titel

Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden
Handcreme
Threadersteller

Dabei seit: 14.01.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 01.07.2011 20:07
Titel

Antworten mit Zitat Zum Seitenanfang
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);
}
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Fr 01.07.2011 20:19
Titel

Antworten mit Zitat Zum Seitenanfang
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.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Counter unten rechts neben Scrollbalken positionieren?
wie kann man ein bild "rechts unten" positionieren?
Navigationsleiste
navigationsleiste php
[CSS] Navigationsleiste Schwierigkeiten
Hilfe zur Navigationsleiste
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB