Aufzählungszeichen werden im IE nicht angezeigt.

**deavis** · 18.03.2011, 10:43

Hallo Zusammen.

Ich habe folgendes Problem:

Ich soll in meine Navigation Aufzählungzeichen reinbringen.
Bei den Unterpunkten also nicht Level 1. Ich habe dafür eigene .png's, die ich verwenden möchte.

Im Firefox werden diese angezeigt, aber im IE nicht.
Stecke jetzt schon seit mehreren Woche bei diesen Aufzählungszeichen fest.
Habe auch schon im css jegliche Befehle rausgelöst die was mit den Aufzähungseichen zu tun haben. Aber hillft alles nichts.

Ich bin der Meinung das ich keine Fehler im Qode habe. Das es alleining am IE liegt.
Aber was kann ich da machen?

Und noch etwas anderes.
Wie kann ich den Link auf dem ich gerade bin anderst einfärben?
Also Wenn ich auf einer Seite bin soll man in der Navi sehen das man auf dieser Seite ist. Die Textfarbe soll auch anders bleiben bis man wechselt. Nicht wie bei :Hover.

Danke viel mals im Voraus.

Gruss Deavis

**teo** · 18.03.2011, 10:45

Kann man das Machwerk irgendwo bewundern? Und mit welcher IE-Version treten die Fehler auf?

**deavis** · 18.03.2011, 10:49

Leider nein.
Die Seite läuft im Moment auf einem Webserver der nur Intern zugänglich ist.

Bei allen gängigne Versionen. Also IE 7+8+9.

**teo** · 18.03.2011, 10:54

hmmm... schade... nächste Frage.

Arbeitest Du mit list-style-image oder background-image? Ich arbeite bei soetwas generell mit background-image, weil das weniger Probleme macht.

**deavis** · 18.03.2011, 12:18

Ich arbeite mit list-style-image.

Im Firefox, Chrome, Opera werden die aufzählungszeichen angezeigt.
IE 6,7,8,9 nicht!

Hier habe ich mein CSS.
Falls du es mal sehen willst.

Code:

.mod_navigation li:hover ul,
.mod_navigation li li:hover ul,
.mod_navigation li.sfhover ul,
.mod_navigation li li.sfhover ul
{
	list-style-image:url("tl_files/Bilder/Linkpfeil.gif");
}
.mod_navigation
{
	height:18px;
	overflow:visible;
	margin-top:-190px;
	margin-left:188px;
	z-index:999;
}
.mod_navigation a:hover,
.mod_navigation a:focus,
.mod_navigation a:active
{
	text-decoration:none;
	font-size:11px;
	color:#707f85;
	z-index:999;
}

/**
 Navigation 
**/
.mod_navigation a,
.mod_navigation li,
.mod_navigation span
{
	overflow:visible;
	margin-right:2px;
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	text-decoration:none;
	font-size:11px;
	color:#eb0000;
}
.mod_navigation p
{
	margin:0;
	padding:0;
}
.mod_navigation li
{
	position:relative;
	float:left;
	padding-right:22px;
	background-color:#ffffff;
	line-height:20px;
}
.mod_navigation ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#header .inside
{
	z-index: 999;
}
.mod_navigation .level_2 li
{
	overflow:visible;
	border:1px solid #c5c4c5;
	border-collapse:collapse;
	text-decoration:none;
	font-size:11px;
	color:#444444;
}
.mod_navigation .level_2 a,
.mod_navigation .level_2 li,
.mod_navigation .level_2 span
{
	width:110%;
	overflow:visible;
	padding-left:4px;
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	color:#444444;
}
.mod_navigation ul li:hover ul,
.mod_navigation ul li.sfhover ul
{
	display:block;
}
.mod_navigation ul li:hover ul ul,
.mod_navigation ul li.sfhover ul ul
{
	display:block;
}
.mod_navigation ul ul li:hover ul,
.mod_navigation ul ul li.sfhover ul
{
	display:block;
}
.mod_navigation ul ul li:hover,
.mod_navigation ul.sfhover,
.mod_navigation ul ul li:hover a,
.mod_navigation ul.sfhover a
{
	background-color:#eb0000;
	color:#ffffff;
}
.mod_navigation li ul
{
	width:120px;
	bottom:0;
	left:-1px;
	position:absolute;
	overflow:visible;
	display:none;
	margin-top:2px;
	background-color:#ffffff;
	right:0;
	top:18px;
}
.mod_navigation li:hover ul
{
}

**wotank** · 18.03.2011, 12:42

Hi,

list-style-image hat die gleichen Nachteile wie die automatischen Listenzeichen, da sie lt. Spezifikation die autom. Listenzeichen nur ersetzen und deshalb auch gleich deren Nachteile erben.

Browserübergreifend einheitlich bekommt man es am besten mit einer HG-Grafik hin, da hat teo absolut recht.

**deavis** · 18.03.2011, 12:57

Also wenn ich das recht verstehe muss ich nur list style image gegen das backround image tauschen und dann sollte das klappen?

**teo** · 18.03.2011, 13:00

Was hältst Du denn hiervon?

Code:

.mod_navigation ul { list-style-type: none; }
.mod_navigation li { padding: 0; }
.mod_navigation li a { display: block; background: url('list-style-image.png') top left; padding-left: 20px; }

Das hätte dann auch den Vorteil, dass Du je nach Zustand (CSS-Klassen .active, .trail )andere Grafiken einstetzen kannst.

**deavis** · 18.03.2011, 13:09

Funktioniert!

Danke viel viel mals.

Hätte das nicht geschafft ohne euch!
Tolle Hilfe hier im Forum.
Heute Mittag gepostet und jetzt gelöst!
Danke!

Hat vlt noch jemand ne Idee wie ich das mit der Schriftfarbe machen kann.

a:hover = beim überfahren
a:visited = schon gecklickte links.

was gibt es noch?

Gruss

**teo** · 18.03.2011, 13:16

HTML-technisch gibt es noch a:active, aber bei einem CMS ist das meist irrelevant, weil die Darstellung der Links immer neu erzeugt wird. Somit ist nur a:hoover und a:visited verwendbar. Den Aktiv-Status macht man eben mit der CSS-Klasse .active

**deavis** · 18.03.2011, 13:26

Also

.active
{
font-color= Irgenwas
}

oder muss ich noch ein Modul ansprechen?

**teo** · 18.03.2011, 13:51

Schau einfach in den erzeugten HTML-Code wo die Navigation ist. Es werden sowohl die LI als auch die A Tags mit der CSS-Klasse .active bestückt. Auch kann man mit der .trail Klasse die aktiven Überpunkte ansprechen.

Das bietet Raum für nahezu unbegrenztes Styling

Viel Spaß beim Tüfteln

**deavis** · 18.03.2011, 14:02

Danke für die vielen Tipps.

Aber wie kann ich so eine Klasse ansprechen?
Es scheint sich nichts zu ändern.

Im Anhang sieht man ja welches das active ist. Und es heisst auch active submenu.
Ich kann es aber mit
.acitve submenu oder #active submenu nicht ansprechen.

Eine Idee?

Danke

**teo** · 18.03.2011, 20:50

Code:

.mod_navigation ul.level_1 li.active span.active { color: perlmetallic; }

...sollte klappen, wenn ich mich nicht versehen habe (also mal abgesehen von meiner Farbedefinition)

**deavis** · 21.03.2011, 10:36

Danke hat wunderbar geklappt.

Habe noch eine Frage.

Ich habe 3 verschiedene Stylesheets.
Wenn ich im Stylesheet mit der höchster Priorität (basic) für alle Links auf der Seite ein Bild via backgroundimage einfüge, kann ich das im Stylesheet von meiner Navi, wieder ausblenden lassen?

Gruss

**wotank** · 21.03.2011, 12:10

Zitat von deavis

Wenn ich im Stylesheet mit der höchster Priorität (basic)

da hast du leider etwas falsch verstanden.

Wann eine Gestaltungsanweisung vom Browser berücksichtigt wird hängt zuletzt von der Reihenfolge des Auftretens in der css-Datei, oder von der Reihenfolge der css-Dateien im head ab.

Ist die Spezifität einer Anweisung nicht ausreichend, wird die Anweisung nicht berücksichtigt, egal in welcher CSS-Datei und an welcher Stelle sie dort steht.