zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Horizontales Menü

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.02.2007, 17:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.02.2007
Beiträge: 5
tabstop befindet sich auf einem aufstrebenden Ast
Beitrag Horizontales Menü

Hallo zusammen,

ich bin neu hier und auf euch gestoßen, da ich eine Frage bezgl. CSS habe.

Und zwar möchte ich mir ein Menü erstellen und habe mir das ganze mit <ul><li> realisiert.
Das ganze sollte aber horizontal ausgerichtet sein.

Weiß jemand wie ich das realisiere?

Vielen Dank

Gruß

Tabea
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.02.2007, 17:27
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

schau mal in meine Sig zum Thema Menus, da sind allerlei Beispiele. Im FAQ-Thread stehen noch weitere.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.02.2007, 13:11
Neuer Benutzer
neuer user
 
Registriert seit: 09.02.2007
Beiträge: 4
House-Herr befindet sich auf einem aufstrebenden Ast
Standard

Hi.
Ich biete dir einfach mal meinen Code an, den ich leider selbst aus einem Tutorial entnommen habe, welches ich allerdings nicht mehr finde.

House/Minimal-DJ - Ben Journo

So sieht das ganze in der style.css aus:

#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float:left;
font: bold 16px Tohoma;
width: 798px;
height:28px;
position:absolute;
left:1px;
top:118px;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float:left;
color: black;
padding-top: 5px;
padding-bottom:5px;
text-align:center;
width:99px;
text-decoration: none;
border-style:;
border-width:1px;
}

#vdividermenu ul li a:visited{
color: black;
}

#vdividermenu ul li a:hover{
background-color:#CFCFCF;
}

Und so sehen die einzelnen Menüpunkte aus:

<div id="vdividermenu">
<ul>
<li><a href="./index.php" title="Home">Home</a></li>
<li><a href="" title="Punkt 2">About</a></li>
</ul>
</div>

Hoffe das hilft dir.
Gruß,
Benjamin
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Darstellungsproblem flohpapa CSS 3 16.12.2009 09:55
horizontales Menü sarahg CSS 9 10.02.2009 15:25
Horizontales Menü - zweizeilig franc CSS 11 13.10.2008 13:35
Horizontales Menü rechts ausrichten theonlyrobi CSS 2 17.01.2008 23:26
Horizontales Menü Problem unter IE6 Xtremo CSS 8 14.02.2007 11:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:53 Uhr.