Probleme mit Bullet-Zeichen im Menü

[Johannes11]

Hallo zusammen. Ich habe gerade Probleme bei einer ul und habe keine Ahnung wo der Fehler liegt. Die klassischen Bullet-Points neben den Menüpunkten gehen einfach nicht weg obwohl ich die ul-div in CSS mit list-style-type:none angesprochen habe. Weiss jemand was ich vielleicht beachten müsste bzw. was der Fehler sein könnte?

CSS:
#menue_nav {
float:left;
width:200px;
padding: 0;
list-style-type: none;
font-style:italic;
color: #3e3d40;
line-height: 30px;
}

Viele Grüße und Dank im voraus

Johannes

 

[Elroy]

Hallo

Aus deine Code geht leider nicht hervor was du mit #menue_nav genau ansprichst.
Zeig und das doch bitte mal im Zusammenhang mit dem dazugehörigen HTML.

Gruss
Elroy

 

[Johannes11]

Hatte ich vergessen

Hier der HTML-Auszug:

<div id="menue_nav">

<ul>

<li><a href="page1.html">page1</a></li>
<li><a href="page2.html">page2</a></li>
<li><a href="page3.html">page3</a></li>
<li><a href="page4.html">page4</a></li>
<li><a href="page5.html">page5</a></li>
<li><a href="page6.html">page6</a></li>
<li><a href="page7.html">page7</a></li>
<li><a href="page8.html">page8</a></li>

</ul>

</div>

</div>

</body>
</html>

Grüße

 

[Elroy]

Hallo.

Gib mal dem <ul> das list-style-type: none;

Gruss
Elroy

 

[Johannes11]

Wie meinst Du das genau bzw. wie muss ich es denn ansprechen (in CSS)? Wird die ul nicht automatisch angesprochen, weil es in der menue-div ist?

Viele Grüße

 

[Wustersoss]

Wird die ul nicht automatisch angesprochen, weil es in der menue-div ist?

W3C sagt dazu:
Applies to elements with 'display: list-item'
Tja das trifft auf divs nicht zu, die haben von Haus aus bei display block dort stehen.

siehe: http://www.w3.org/wiki/CSS/Properties/list-style-type

Es muss lauten ul{list-style-type:none}

Wenn du dem UL-Element noch die ID aus dem Div mitgibst, schlägst du 2 Fliegen mit einer Klappe.
Anstatt
<div id="menue_nav">
<ul>

Schreibst du
<ul id="menue_nav">
und lässt das Div weg. - Eingespart!


IM CSS dann:

ul#menue_nav {
     float:left;
     width:200px;
     padding: 0;
     list-style-type: none; 
     font-style:italic;
     color: #3e3d40;
     line-height: 30px;

    list-style-type:none;
}

 

[Elroy]

Du kannst das <ul> genau so ansprechen wie jedes andere HTML Element auch: Cascading Style Sheets, Level 2 - 5*Selektoren
Du kannst dem <ul> zum Beispiel eine class oder eine ID geben oder du kannst es als Nachfahrenselektor deines div ansprechen.

Nur weil sich etwas in einem div befindet das du formatierst wird der Inhalt nicht automatisch mit formatiert.

Gruss
Elroy

 

[Johannes11]

Ah ok. Vielen Dank. Ich hab die Punkte gerade auch im HTML-Dokument mit ul-style (<ul style="list-style-type:none">) wegbekommen, aber es im CSS zu definieren ist natürlich besser. In diesem Sinne vielen Dank für Eure Hilfe und einen schönen Abend noch

Johannes