[Erledigt] ul list-style-type:disc geht nicht!

Thorus · 07.11.2010, 10:58

Hi ich habe eine ul in einem div:

Code:

			<div id="menue_info">
				<ul>
					<li><a href="/informationen" class="allginfo">Allgemeine Informationen</a></li>
					<li><a href="/informationen/preise.html" class="preise">Preise</a></li>
					<li><a href="/informationen/lage.html" class="lage">Lage</a></li>
					<li><a href="/informationen/anfahrt.html" class="anfahrt">Anfahrt</a></li>
				</ul>
			</div>

und bei dieser wird kein disc angezeigt, hier das dazugehoerige css:

Code:

#menue_info{
	display:block;
	font-size:20px;
	position:absolute;
	width:210px;
	background-color:#2a6688;
	padding:5px;
	padding-left:15px;
	margin-top:10px;
	margin-left:5px;
}
#menue_info a:link,#menue_info a:visited,#menue_info a:hover,#menue_info a:active{
	color:black;
	text-decoration:none;
}
#menue_info li{
	display:block;
	word-spacing: normal;
	color:black;
	font-size:15px;
	margin-left:20px;
}
#menue_info ul{
	list-style-type:disc;
}

Wieso ist dem so?

Chriz · 07.11.2010, 11:13

Firebug installieren und inspecten!

threadi · 07.11.2010, 11:57

Gib list-style-type:disc; dem li.

Thorus · 07.11.2010, 12:05

Zitat:

Zitat von Chriz

Firebug installieren und inspecten!

Hab ich schon, css eigenschaft wird korrekt angezeigt aber nicht umgesetzt!

Zitat:

Gib list-style-type:disc; dem li.

Hab ich auch schon probiert ohne Erfolg!

Asipak · 07.11.2010, 12:09

Zitat:

Gib list-style-type:disc; dem li.

Das ist Blödsinn und nicht Konform.

Code:

#menue_info li{
	display:block;

}

lässt offenbar die Listenpunkte verschwinden.

threadi · 07.11.2010, 12:19

"Blödsinn" ist es sicher nicht, wenn einige IE-Versionen inkl. dem 8er das so interpretieren. Da der Topiceröffner nicht gesagt hat in welchem Browser es nicht klappt, ist dies mein Tipp gewesen. Andere Browser interpretieren das übrigens auch einwandfrei und es ist kein CSS-Fehler.

Genauso ist dein Tipp "Blödsinn", weil die Punkte durch das Setzen von display: block nicht "verschwinden" sondern nach Außerhalb des Views geschoben werden. Ein beherztes größeres margin nach Links sollte da ausreichen um sie wieder zu sehen.

Thorus · 07.11.2010, 12:31

Hi,

Ok also testen tu ich das ganze im firefox^^

Konnte den Fehler jetzt identifizieren, weiss aber nicht wie ich ihn behebe!:

eine andere css-eigenschaft ueberschreibt das display:list-item welches ich brauche, habe gemerkt dass block dafuer das falsche ist...

naemlich:

#nav li{
display:inline;
}

doch dieses brauche ich da sonst die komplette navigation verrutscht, und schaffe es nicht dieses zu ueberschreiben da es immer hoeher gewichtet wird...

Weiss jmd wie ich das machen kann?

threadi · 07.11.2010, 12:34

Ohne den gesamten Code zu kennen, könnte ich nur "!important" als Lösung anbieten. Aber empfehle das nicht, da sowas auch nach hinten losgehen kann.

Thorus · 07.11.2010, 12:37

ok, dann hier mal der komplette Code der Navigation:

Zitat:

<div id="nav">
<ul>
<li>
<a href="/" id="home">Home</a>
</li>
<li id ="info">
<a href="/informationen">Informationen</a>
<div id="menue_info">
<ul>
<li><a href="/informationen" class="allginfo">Allgemeine Informationen</a></li>
<li><a href="/informationen/preise.html" class="preise">Preise</a></li>
<li><a href="/informationen/lage.html" class="lage">Lage</a></li>
<li><a href="/informationen/anfahrt.html" class="anfahrt">Anfahrt</a></li>
</ul>
</div>
</li>
<li id="kontakt">
<a href="/kontakt">Kontakt</a>
</li>
</ul>
</div>

und dass css:

Zitat:

* {
margin:0px;
padding:0px;
font-family: arial;
}
a {
cursor

ointer;
}
#anfahrt{
cursor

ointer;
}
p{
font-size:20px;
}
#home{
cursor: pointer;
position:absolute;
}
#home:hover,#home:visited,#home:link,#home:active{
color:white;
text-decoration:none;
}
#info{
cursor

ointer;
position:absolute;
left:349px;
width:240px;
padding:5px;
padding-top:0px;
}
#info a:link,#info a:visited,#info a:hover,#info a:active{
color:white;
text-decoration:none;
}
#kontakt{
cursor

ointer;
position:absolute;
left:725px;
}
#kontakt a:link,#kontakt a:visited,#kontakt a:hover,#kontakt a:active{
color:white;
text-decoration:none;
}
#menue_info{
display:none;
font-size:20px;
position:absolute;
width:210px;
background-color:#2a6688;
padding:5px;
padding-left:15px;
margin-top:10px;
margin-left:5px;
}
#menue_info a:link,#menue_info a:visited,#menue_info a:hover,#menue_info a:active{
color:black;
text-decoration:none;
}
#menue_info li{
word-spacing: normal;
color:black;
font-size:15px;
margin-left:20px;
}
#menue_info ul{
list-style-type:disc;
}
#nav{
color:white;
position:absolute;
top:103px;
height:35px;
width:926px;
font-style: Italic;
font-weight: bold;
font-size: 33px;
word-spacing: 6.2em;
padding-left: 55px;
margin-top:20px;
text-shadow:black 3px 3px 6px;
}
#nav li{
display:inline;
}
.kontakt{
text-decoration: underline;
}

Hoffe das hilft, eine loesung habe ich gefunden die aber natuerlich nicht optimal ist, mit jquery:

Zitat:

$("#menue_info li").css("display","list-item");

Asipak · 07.11.2010, 12:39

Das kannst du vermutlich über eine höhere Präzendez lösen: http://www.vanseodesign.com/css/css-...ance-cascaade/

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
direkten Style überschreiben	DarkManX	HTML, Usability und Barrierefreiheit	2	05.03.2010 16:50
[Erledigt] dynamischen signatur zeigt fehler "grafik kann nicht angezeigt werden" an	steive	PHP Tipps 2009	33	12.11.2009 11:31
Ein mehrdimensionales Array mit list() auslesen.	Wilfer	PHP Tipps 2008	3	21.07.2008 02:20
Fehlermeldung: list is ambiguous	MilanX	Datenbanken	3	20.04.2006 21:13
[Erledigt] Problem mit cp und &amp;quot;Argument list too long&amp;quot;		Server, Hosting und Workstations	9	11.10.2005 22:17
Bad word list für eigenes Forum benötigt		Beitragsarchiv	9	31.07.2005 12:43
Style		Beitragsarchiv	3	14.07.2005 15:00
Auswerten von LIST per ftp_raw	Schaelle	PHP Tipps 2005-2	2	01.07.2005 16:15
[Erledigt] List Class		PHP-Fortgeschrittene	24	23.02.2005 17:19
[Erledigt] nur in tabelle style benutzen!		HTML, Usability und Barrierefreiheit	10	17.12.2004 20:23
[Erledigt] css style für <tr>?		HTML, Usability und Barrierefreiheit	5	02.12.2004 16:52
[Erledigt] Style Sheets und Firefox, Verständnisfrage.		HTML, Usability und Barrierefreiheit	11	24.11.2004 21:25
Style von php.de?		Off-Topic Diskussionen	7	22.11.2004 12:07
Auswahllisten + style?		HTML, Usability und Barrierefreiheit	0	16.11.2004 08:41
CSS Style Problem		HTML, Usability und Barrierefreiheit	5	09.08.2004 10:35


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.11.2010, 11:13
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Firebug installieren und inspecten! __________________ "Nuschel ich?" - "Was?"

07.11.2010, 11:57
threadi Benutzer Registriert seit: 03.03.2008 Beiträge: 57	Gib list-style-type:disc; dem li.

07.11.2010, 12:19
threadi Benutzer Registriert seit: 03.03.2008 Beiträge: 57	"Blödsinn" ist es sicher nicht, wenn einige IE-Versionen inkl. dem 8er das so interpretieren. Da der Topiceröffner nicht gesagt hat in welchem Browser es nicht klappt, ist dies mein Tipp gewesen. Andere Browser interpretieren das übrigens auch einwandfrei und es ist kein CSS-Fehler. Genauso ist dein Tipp "Blödsinn", weil die Punkte durch das Setzen von display: block nicht "verschwinden" sondern nach Außerhalb des Views geschoben werden. Ein beherztes größeres margin nach Links sollte da ausreichen um sie wieder zu sehen.

07.11.2010, 12:31
Thorus Erfahrener Benutzer Registriert seit: 04.05.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	Hi, Ok also testen tu ich das ganze im firefox^^ Konnte den Fehler jetzt identifizieren, weiss aber nicht wie ich ihn behebe!: eine andere css-eigenschaft ueberschreibt das display:list-item welches ich brauche, habe gemerkt dass block dafuer das falsche ist... naemlich: #nav li{ display:inline; } doch dieses brauche ich da sonst die komplette navigation verrutscht, und schaffe es nicht dieses zu ueberschreiben da es immer hoeher gewichtet wird... Weiss jmd wie ich das machen kann? __________________ http://rottmann-moebel.de/

07.11.2010, 12:34
threadi Benutzer Registriert seit: 03.03.2008 Beiträge: 57	Ohne den gesamten Code zu kennen, könnte ich nur "!important" als Lösung anbieten. Aber empfehle das nicht, da sowas auch nach hinten losgehen kann.

07.11.2010, 12:39
Asipak Moderator Registriert seit: 18.07.2005 Beiträge: 4.072	Das kannst du vermutlich über eine höhere Präzendez lösen: http://www.vanseodesign.com/css/css-...ance-cascaade/