Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag05.12.2009 um 15:22 (UTC)    
Titel: Navigation nach Rechts verschieben

Hallo Leute, ich habe eine wichtige Frage, und zwar möchte ich meine Navi nach Rechts verschieben, damit sie neben meinem Logo steht -->
http://abenteuergeschichte.de.tl/Home.htm

wie man die Navi nach unten verschiebt, weiss ich, aber wie nach Rechts? Habs auch schon mit dem margin-left ausprobiert, hatte aber keinen Erfolg.

Hier mal der Code:

Zitat:

#nav { position:relative; top: -200px; bottom:0; list-style:none; }
* html #nav { bottom:-1px; }
#nav li { float:right; }
#nav li a {
background:url(http://www.muerau.eu/allgemein/hintergrund/hintergrund_dunkelgrau.gif);
display:block; height:40px; width: 80px;
font-family: Comic Sans MS, sans-serif;
text-decoration: none !important;
margin: 1px
}

#nav li a:hover {
display:block;
background:url(http://www.gaffershop.de/images/1164649167_gray_300.jpg); height:40px; width: 80px;

}
#nav li a strong { color: #000000; padding-left: 15px;
position:relative; top: 10px;
}



wäre echt toll, wenn jemand wüsste, wie ich die Navigation in diesem Code verschieben kann. Hoffe auf eure Antworten.

edit: Ich habs rausgefunden, und oben editiert, musste noch ein paar andere Dinge ändern, und das Ergebnis sieht ihr auf abenteuergeschichte.de.tl


lg
Jonas
______________
Updates:
http://twitter.com/JonasKaufmann

Danke dass ich im Baukasten so viel lernen & erfahren durfte!



Zuletzt bearbeitet von abenteuergeschichte am 05.12.2009, 20:07, insgesamt einmal bearbeitet
Beitrag08.12.2009 um 10:08 (UTC)    
Titel:

Hallo

Du musst einfach Left einfügen hier:

#nav { position:relative; top: 200px; left:-200#nav { position:relative; top: 200px; left:-200px; l bottom:0; list-style:none; }
* html #nav { bottom:-1px; }
#nav li { float:right; }
#nav li a {
background:url(http://www.muerau.eu/allgemein/hintergrund/hintergrund_dunkelgrau.gif);
display:block; height:40px; width: 80px;
font-family: Comic Sans MS, sans-serif;
text-decoration: none !important;
margin: 1px
}

#nav li a:hover {
display:block;
background:url(http://www.gaffershop.de/images/1164649167_gray_300.jpg); height:40px; width: 80px;

}
#nav li a strong { color: #000000; padding-left: 15px;
position:relative; top: 10px;
}


Ich habe das Blaumarkiert.
Bei dem Rotmarkierten musst du den Abstand von Links eintragen den du willst habe -200 in mein Css Design eingeben um das zu testen und es war ungefähr da bei deinem Logo du musst das halt ausprobieren


Zuletzt bearbeitet von helping4you am 08.12.2009, 11:09, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de