<div>'s nebeneinander

[Peter]

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 !

[Cheatah]

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

[Detlef G.]

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

[Orlando]

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

[Peter]

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?

:))

[Orlando]

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

[Peter]

Danke, funktioniert bis jetzt alles prima :)

[Cheatah]

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