Schweres CSS Listen(Grafik)menue Problem!!!

[apexmuffin]

EDIT: OK jetzt läufts in allen Browsern ausser im IEXplorer da wir die oberste Grafik nicht angezeigt, für alle die später reingeschaut haben: Ich hab versucht via CSS aus einer 9x32 Pixel grafik jeweils für jeden link, hover, aktive eine eigene grafik auszuladen und das als Background für ein Listenmenue: Mittlerweile gehts FAST!! Hier mein Entwurf bisher:

http://apexmuffin.ap.funpic.de/index2.htm

hier die CSS:

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 75%;
	font-weight: bold;
	font-variant: small-caps;
	}	
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu1 {
	width: 136px;
	margin: 0px;
	}
	
#menu1 li a {
  	height: 32px;
  	voice-family: none; 
  	height: 24px;
	text-decoration: none;
	padding: 8px 0 0 5px;
	}
	
#menu1 li a:link, #menu1 li a:visited {
	color: #000099;
	display: block;
	background: url(images/nav/men/1.gif)0 -96px;
	padding: 8px 0 0 5px;
	}
	
#menu1 li a:hover {
	color: #CC0000;
	background: url(images/nav/men/1.gif) 0 -192px;
	padding: 8px 0 0 5px;
	}
	
#menu1 li a:active {
	color: #CC9900;
	background: url(images/nav/men/1.gif) ;
	padding: 8px 0 0 5px;
	}

#menu2 {
	width: 136px;
	margin: 0px;
	}
	
#menu2 li a {
  	height: 32px;
  	voice-family: none; 
  	height: 24px;
	text-decoration: none;
	padding: 8px 0 0 5px;
	}

u.s.w. bis menue 9!!!! also 9 IDs für neun Div Tags mit

WIE GESAGT ES FUNKTIONIERT IN NETSCAPE, OPERA und sogar FIREFOX ohne Bugs nur der damn Microschrott explorer zeigt die oberste Grafik nicht an!!!! HILLFEEEEEEEEEE!!!!

Hier die div Tags:

<div id="menu1">
		<ul>
			<li><a href="news.htm" title="Neuigkeiten aus Rainbow" target="main">RBJ-NEWS</a></li>							
		</ul>
	</div>
	<div id="menu2">
		<ul>
			<li><a href="members.htm" title="Die Mitglieder der RBJ" target="main">RBJ-MEMBERS</a></li>							
		</ul>
	</div>
	<div id="menu3">
		<ul>
			<li><a href="gallery.htm" title="Partypics and Media" target="main">RBJ-GALLERY</a></li>							
		</ul>
	</div>

u.s.w. bis div tag 9!!!!

Greetz Muffin

[Boris]

Der Link geht nicht ...

[apexmuffin]

Zitat von Adagio

Der Link geht nicht ...

LINK IS GEFIXT BITTE HELFT...

Thnx Muffin

[AnnaStesia]

background: url(images/nav/men/1.gif)0 -96px;

da fehlt ein leerzeichen zw. der klammer und der null bei #menu1 li a:link, #menu1 li a:visited {...}.

[apexmuffin]

Zitat von AnnaStesia

background: url(images/nav/men/1.gif)0 -96px;

da fehlt ein leerzeichen zw. der klammer und der null bei #menu1 li a:link, #menu1 li a:visited {...}.

DANKE DANKE voll der bOOn Fehler *schäm*

[Boris]

Sind wir hier im Kindergarten, oder bist Du erst 10 Jahre alt? Hör bitte auf, in GROSSBUCHSTABEN zu schreiben, das gilt im Allgemeinen als "herumschreien". Danke

[UweB]

@apexmuffin
Du hast dir da ja viel Mühe beim Tippen gegeben.
Warum hast du nicht nur ein Menü definiert, und dann für jeden Link eine Klasse mit Hintergrund angelegt? Das wäre viel kürzer und einfacher zu warten/ändern.

Ausschnitt der html-Datei:

<div id="menu">
		<ul>
			<li><a class="link1" href="#" title="Neuigkeiten aus Rainbow" target="main">RBJ-NEWS</a></li>							
			<li><a class="link2" href="#" title="Die Mitglieder der RBJ" target="main">RBJ-MEMBERS</a></li>							
									
		</ul>
	</div>

Ausschnitt der css-Datei:

#menu {
	width: 136px;
	margin: 0px;
	}
	
#menu li a {
  	height: 32px;
  	voice-family: none; 
  	height: 24px;
	text-decoration: none;
	padding: 8px 0 0 5px;
	}
	
#menu li a:link, #menu1 li a:visited {
	color: #000099;
	display: block;
	padding: 8px 0 0 5px;
	}
	
#menu li a:hover {
	color: #CC0000;
	padding: 8px 0 0 5px;
	}
	
#menu li a:active {
	color: #CC9900;
	padding: 8px 0 0 5px;
	}
	
.link1:link {
 	background: url(file:///d:tmp/1.gif) 0 -96px;
 	}
 	
.link1:hover {
	background: url(file:///d:tmp/1.gif) 0 -192px;
	}
	
.link1:active {
	background: url(file:///d:tmp/1.gif);
	}	 	

.link2:link {
 	background: url(file:///d:tmp/1.gif) 0 -128px;
 	}
 	
.link2:hover {
	background: url(file:///d:tmp/1.gif) 0 -224px;
	}
	
.link2:active {
	background: url(file:///d:tmp/1.gif) 0 -32px;
	}

Gruß
Uwe

[Spongebob]

Link geht nicht.

[apexmuffin]

mir war halt grad nach schreien, aber egal...
das problem is scho gelöst der thread kann geschlossen werden

danke für eure hilfe

greetz muffin