Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.08.2008 um 06:58 (UTC)    
Titel: Anstatt die Navi-Links nach unten lieber nach rechts

Wie kann ich die Navigationsleiste in CSS anstatt nach unten nach rechts machen also so:

z.B:
Home Kontakt Gästebuch
Hier mein Code:
#nav_container{
position: absolute;
left: 40%;
top: 160px;
margin-left: -490px;
width: 200px;
border:1px solid #000000;
background-color: #008000;}

ul#nav{
width: 130px;
}

li.nav_element{
list-style-type: none;
position: relatve;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
font-weight: bold;
font-size: 16px;
text-decoration: none;
text-algin: left;
color: #000000;
background-color: #008000;
font-size: 18px;}

li.nav_element a:hover{
color: #000000;
background-color: #808080;
font-size: 17px;}

Danke schon mal im vorrraus!
Beitrag08.08.2008 um 07:01 (UTC)    
Titel:

Statt -490 kannst Du "plus" 490 machen:

Zitat:
#nav_container{
position: absolute;
left: 40%;
top: 160px;
margin-left: 490px;
width: 200px;
border:1px solid #000000;
background-color: #008000;}

______________
Macht mit und teilt Eure Ideen mit anderen Besuchern:

Beitrag08.08.2008 um 07:21 (UTC)    
Titel:

idee hat Folgendes geschrieben:
Statt -490 kannst Du "plus" 490 machen:

Zitat:
#nav_container{
position: absolute;
left: 40%;
top: 160px;
margin-left: 490px;
width: 200px;
border:1px solid #000000;
background-color: #008000;}


Ne dann ist es wo anders und zwar links!
Beitrag08.08.2008 um 08:01 (UTC)    
Titel:

Du musst einfach ein bissl mit den Zahlen ausprobierren:


#nav_container{
position: absolute;
left: 40%;
top: 160px;
margin-left: 490px;

width: 200px;
border:1px solid #000000;
background-color: #008000;}

Der Dickmakierte Bereich prosizioniert deinen nav_container.Du musst einfach bei margin-left mit der Zahl rumprobieren bis du es da hast wo du es haben möchtest.Und bei top kannst du auch etwas verändern wenn du möchtest "top" ist der abstand von oben.

Beitrag08.08.2008 um 08:59 (UTC)    
Titel:

Man kann es auch einfach von rechts aus positionieren Wink

Zitat:
#nav_container{
position: absolute;
right: 20px;
top: 160px;
width: 200px;
border:1px solid #000000;
background-color: #008000;}
Beiträge der letzten Zeit anzeigen:   


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