<div>'s nebeneinander
Peter
- css
Hallo zusammen !
Wie kann ich erreichen dass in folgendem CSS-designten Menue die Menuepunkte nebeneinander angeordnet werden? Ich habe es öfter mal gesehen und die <div>'s sind dabei Blockelemente geblieben...
<div id="navigation">
<div id="tabs">
<div id="tab1"><a href="#1">Menue1</a></div>
<div id="tab2"><a href="#2">Menue2</a></div>
<div id="tab3"><a href="#3">Menue3</a></div>
</div>
</div>
Vielen Dank für Tipps !
Hi,
Wie kann ich erreichen dass in folgendem CSS-designten Menue die Menuepunkte nebeneinander angeordnet werden?
z.B. mit Floating arbeiten, oder die display-Eigenschaft sinnvoll verändern.
<div id="navigation">
<div id="tabs">
<div id="tab1"><a href="#1">Menue1</a></div>
<div id="tab2"><a href="#2">Menue2</a></div>
<div id="tab3"><a href="#3">Menue3</a></div>
</div>
</div>
Ich verstehe nicht, weshalb Du hier kein <ul> einsetzt. Erklärst Du es mir bitte?
Cheatah
Hallo Peter
Wie kann ich erreichen dass in folgendem CSS-designten Menue die Menuepunkte nebeneinander angeordnet werden? Ich habe es öfter mal gesehen und die <div>'s sind dabei Blockelemente geblieben...
Indem du den Divs eine Breite und float gibst.
Aber wozu braucht bei dir jeder Link ein extra Div?
Auf Wiederlesen
Detlef
Hi Peter,
Wie kann ich erreichen dass in folgendem CSS-designten Menue die Menuepunkte nebeneinander angeordnet werden?
mit float:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float
http://www.w3.org/TR/CSS21/visuren.html#propdef-float
Ich habe es öfter mal gesehen und die <div>'s sind dabei Blockelemente geblieben...
Das ist kein Problem, wenn du ihnen eine Breite zuweist.
<div id="navigation">
<div id="tabs">
<div id="tab1"><a href="#1">Menue1</a></div>
<div id="tab2"><a href="#2">Menue2</a></div>
<div id="tab3"><a href="#3">Menue3</a></div>
</div>
</div>
#tabs div { width:...; float:right }
Die dritte Ebene der <div>s kannst du weglassen und die entsprechenden Formatierungen für <a> selbst vornehmen.
Eine andere Möglichkeit wäre
#tabs div { display:inline; }
Allerdings gibt's da eventuell unerwünschte Nebenwirkungen.
Grüße,
Roland
Danke für die vielen Antworten, jetzt mach ich mich ans ausprobieren!
Die anscheinend unnötige Verschachtelung stammt aus dem Quelltext der Lycos-Seite, wo ich das her habe. Aber sie wird dort wohl noch einen anderen Sinn haben.
Aber kann ich denn <ul>'s, also eine Liste für horizontale Anordnung benutzen?
:))
Hi Peter,
Aber kann ich denn <ul>'s, also eine Liste für horizontale Anordnung benutzen?
ja, denn das vorhin gesagte gilt sinngemäß auch für die <li>s innerhalb deiner Liste.
Grüße,
Roland
Danke, funktioniert bis jetzt alles prima :)
Hi,
Die anscheinend unnötige Verschachtelung stammt aus dem Quelltext der Lycos-Seite, wo ich das her habe. Aber sie wird dort wohl noch einen anderen Sinn haben.
unwahrscheinlich.
Aber kann ich denn <ul>'s, also eine Liste für horizontale Anordnung benutzen?
Du kannst mit <ul> alles machen, was mit <div> geht, oder mit <p>, oder mit <b>, oder mit <hussadiesachsensindlos>. Für CSS sind alle Elemente gleich.
Cheatah