✔ Aufzählung ohne Aufzählungszeichen

Status
Nicht offen für weitere Antworten.
Hi!

Ich habs jetzt gerade mit beiden Varianten versucht aber auf deine ersten beiden Varianten sprechen keine Browser an.

Etwas weiter später hast du noch geschrieben:

Code: 
ul,li { text-decoration:none; }

und dann hats in Opera wieder hingehaut. Also wenn ich LI hinschreibe dann macht Opera auch keine Aufzählungszeichen. Der Internet Explorer weigert sich aber weiterhin ...
 
Hi!

Ich weiß nicht woran es liegt aber das funktioniert nicht. Hier noch mal mein Code:

HTML: 
<div class="uebersicht">
        	<h2>&Uuml;bersicht (Aufträge):</h2>
            <br />
  
  		<div id="foobar">
  			<ul>
            	<li><a href="#neuprojekte">Aktuelle Neuprojekte</a></li>
                <li><a href="#wien">Wien</a></li>
            	<li><a href="#noe">Niederösterreich</a></li>
                <li><a href="#ooe">Oberösterreich</a></li>
                <li><a href="#sal">Salzburg</a></li>
                <li><a href="#tir">Tirol</a></li>
                <li><a href="#ste">Steiermark</a></li>
                <li><a href="#kae">Kärnten</a></li>
                <li><a href="#bur">Burgenland</a></li>
                <li><a href="#tsc">Tschechien/Prag</a></li>
            	<li><a href="#kro">Kroatien/Zagreb</a></li>
        	</ul> 
       		
            <br />
        
        
        	<h3><strong>Legende</strong></h3>
        
     		<ul>
	   			<li>CM: Centermanagement </li>
	   			<li>OV: Objektverwaltung </li>
	   			<li>PE: Projektentwicklung </li>
	   			<li>VM: Vermietung </li>
	   			<li>CL: Consultingleistung </li>
	   			<li>KV: Kaufm. Verwaltung </li>
	   		</ul>
       
       </div>  
            
      </div>

Code: 
/* Gerneral List Classes */
ul { font-size:12px; margin:0px; margin-left:20px; padding:0px; }
li { line-height:18px; margin-bottom:16px; list-style-image:url(../images/box.gif); }

.ohneaufzaehlung { line-height:18px; margin-bottom:0; list-style:none; }

#foobar ul { list-style:none; line-height:18px; margin-bottom:0;}

.small { font-size:10px; line-height:16px; margin:0px; }
 
Dann leer mal deinen Browsercache, denn bei mir funktioniert das Stylesheet erwartungsgemäß in allen mir zur Verfügung stehenden Browsern (FF, IE 6 + 7, Netscape, Opera, Safari) einwandfrei.

mfg Maik
 
Ich muss gestehen, bei mir funktioniert es auch nicht :-)

Der Grund dürfte sein, dass die Grafik global bei li per list-style-image gesetzt wurde.
Will man sie dort wieder weghaben, muss man dies wieder per list-style-image tun:
Code: 
li { line-height:18px; margin-bottom:16px; list-style-image:url(../images/box.gif); }
li.ohneaufzaehlung{list-style-image:none;list-style-type:none}

zum Testen:
Code: 
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
li { line-height:18px; margin-bottom:16px; list-style-image:url(http://www.tutorials.de/forum/images_v6/buttons/lastpost.gif); }
li.geht{list-style-image:none;list-style-type:none}
li.gehtnichtimmer{list-style:none;}
-->
</style>
</head>
<body>
<ol>
<li>Normal-li
<li class="geht">geht
<li class="gehtnichtimmer">gehtnichtimmer(z.B. im IE nicht)
</ol>
</body>
</html>
 
Blackylein hat gesagt.:
Ich weiß nicht woran es liegt aber das funktioniert nicht. Hier noch mal mein Code:
...
Code: 
/* Gerneral List Classes */
ul { font-size:12px; margin:0px; margin-left:20px; padding:0px; }
li { line-height:18px; margin-bottom:16px; list-style-image:url(../images/box.gif); }

.ohneaufzaehlung { line-height:18px; margin-bottom:0; list-style:none; }

#foobar ul { list-style:none; line-height:18px; margin-bottom:0;}

.small { font-size:10px; line-height:16px; margin:0px; }
Zum Vergrößern anklicken....
Hallo Blackylein,
bei dir funktioniert alles so, wie du es notiert hast. Wenn du dir dein HTML mal richtig ansiehst, dann stehen beide Listen im #foobar-DIV-Block. Dort soll es aber entsprechend deiner CSS-Deklaration keine Aufzählungszeichen bzw -grafik geben.
 
Stellt sich abschliessend die Frage, ob nun die Aufzählungszeichen im DIV #foobar nicht angezeigt, oder durch eine Bullet-Grafik ersetzt werden sollen.

Mit obigen Code wird die Bullet-Grafik angezeigt, soll dies auch nicht der Fall sein, lautet die Regelerweiterung:

Code: 
#foobar ul {  list-style:none; line-height:18px; margin-bottom:0;}
#foobar li { list-style-image:none; }
mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück