Menüleiste richtig anordnen ?

[Niklas]

Hallo,

Ich versuche gerade eine Menüleiste zu erstellen nur ich muss gerade bemerken das ich selbst das nicht hinbekomme ;) Ich bekomme die Themen einfach nicht in eine Reihe obwohl ich sie doch nach links gefloatet habe.

Startseite

html

<div id="wrapper">
<div id="cb">
<a href="home.html"><img id="header" src="../bilder/header.png"></a>
[COLOR=#ff0000]<div id="menu">
<h3>Thema 1</h3><h3>Thema 2</h3><h3>Thema 3</h3><h3>Thema 4</h3><h3>Thema 5</h3> 
</div> 
[/COLOR]<div style="clear: both;"> </div>
<div id="content">

css

#menu { 
width: 910px;
float: left; 
magin: 20px 0px 0px 0px;
padding: 0px 20px 0px 20px; 
background-image: url(../bilder/navibar-splatter-rot.png);
font-family: Verdana; 
font-size: 17px;  
}

Gruß

 

[threadi]

Menüleisten erstellt mal aus Listen, nicht mit Überschriften. Siehe:
Stu Nicholls | CSSplay | A definition list menu
Tips und Tricks
...

Die kann man dann auch so positionieren wie man sie braucht/möchte.

 

[Niklas]

Ja, aber ich möchte ja garkein Dropdownmenü sonder nur 5 verlinkte "Themen"

 

[threadi]

Egal ob Dropdown oder nicht - Du brauchst eine einfache Aufzählungsliste.

 

[djheke]

Wenn du unbedingt deine Überschriften behalten möchtest

#menu h3 { display:inline;} 

oder

#menu h3 { float:left;}

Du solltest aber die Begrifflichkeit "Menü" weglassen.

@Nochwas. Wenn's verlinkte Themen sein sollen, dann gestalte diese doch so wie es bspw. in Blog's der Fall ist.

 

[Niklas]

Wie würde den in meinem Fall das mit einer Aufzählungsliste aussehen ?

 

[threadi]

Siehe Beitrag #2. Da gibt es genug Beispiele. Du musst nur noch deine Linkziele und deine Linkbeschriftungen einfügen. Und Dropdown oder nicht ist egal.

 

[Niklas]

Ist das so richtig ?

Hier mit Drop-Down

Startseite

Hier ohne

Startseite

Gruß

 

[djheke]

Habe mir nur die letzte Navi angesehen und muss schreiben, dass es auch nicht besser ist. Mal eine Frage. Liest du auch?
Wenn ja dann lies hier mal in Ruhe.
Navigationsleisten, Links oder Munüs erstellen und mit CSS gestalten