hintergrundbild:probleme im firefox

[max]

moin moin!
wäre nett wenn jemand helfen könnte:
ich hab ne navigation mit anklickbaren hintergrundbildern in form von einer liste:

<ul id="menu">
<li class="1"></li>
<li class="2"><a href="main.php"></a></li>
<li class="3"><a href="main.php?<?echo "PHPSESSID=".session_id()."&";?>cont=info"></a></li>
<li class="4"><a href="main.php?<?echo "PHPSESSID=".session_id()."&";?>cont=stats"></a></li>
<li class="5"><a href="main.php?<?echo "PHPSESSID=".session_id()."&";?>cont=credits"></a></li>
<li class="6"></li>
</ul>

css dazu:

#menu {
width:100%
list-style: none outside;
margin: 0;
padding: 0;
display: block;
height:16px;
}

ul li {
display: inline;
list-style-type: none;
background-repeat:no-repeat;
}

#menu li.1 {
width:175px;
background-image: url('pix/nav_1.gif');
}
#menu li.2 a {
width:131px;
background-image: url('pix/nav_2.gif');
}
#menu li.3 a {
width:130px;
background-image: url('pix/nav_3.gif');
}
#menu li.4 a {
width:132px;
background-image: url('pix/nav_4.gif');
}
#menu li.5 a {
width:132px;
background-image: url('pix/nav_5.gif');
}
#menu li.6 {
width:100px;
background-image: url('pix/nav_6.gif');
}

ich probiers jetzt schon ewig, aber der firefox zeigt (im gegensatz zum ie) die bilder nicht an.
weiss jemand weiter??
danke schonmal im vorraus!
mfg max

[Biesterfeld]

Hej,

siehe https://forum.selfhtml.org/?t=98038&m=597434

Beste Grüße
Biesterfeld

[max]

Hej,

siehe https://forum.selfhtml.org/?t=98038&m=597434

Beste Grüße
Biesterfeld

ne das wars leider nicht

mfg max

[Biesterfeld]

Hej Max,

ne das wars leider nicht

Präzesiere:
  [] Du bist dem Link gefolgt und hast gelesen, dass Klassennamen nicht mit Ziffern beginnen dürfen. Du hast es geändert und es funktioniert trotzdem nicht?
  [] Du bist dem Link gefolgt und hast gelesen, dass Klassennamen nicht mit Ziffern beginnen dürfen. Du hast es nicht geändert und es funktioniert immernoch nicht?

Eine Idee wäre noch:

background-image: url('pix/nav_2.gif');

Mach da mal die Anführungsstriche und Leerzeichen wech, denke aber nicht dass es daran liegen könnte.

Werden denn nur die Grafiken nicht angezeigt oder wird das ganze Format nicht übernommen?

Beste Grüße
Biesterfeld

[max]

moin,

Präzesiere:
  [] Du bist dem Link gefolgt und hast gelesen, dass Klassennamen nicht mit Ziffern beginnen dürfen. Du hast es geändert und es funktioniert trotzdem nicht?
  [] Du bist dem Link gefolgt und hast gelesen, dass Klassennamen nicht mit Ziffern beginnen dürfen. Du hast es nicht geändert und es funktioniert immernoch nicht?

ersteres

Eine Idee wäre noch:

background-image: url('pix/nav_2.gif');
Mach da mal die Anführungsstriche und Leerzeichen wech, denke aber nicht dass es daran liegen könnte.

dachtest richtig! ;)

Werden denn nur die Grafiken nicht angezeigt oder wird das ganze Format nicht übernommen?

das format stimmt schon, es ist ein loch von genau der richtigen größe da, es sollte aber eben kein loch da sein

thx
mfg max

[MudGuard]

Hi,

<li class="1"></li>

Das mit den falschen Klassennamen ist ja geklärt.

ul li {
display: inline;

Hier machst Du die li zu inline-Elementen.

#menu li.1 {
width:175px;

Hier gibst Du dann eine Breite vor. Das ist aber bei inline-Elementen nicht möglich.

Willst Du die li vielleicht floaten lassen?

cu,
Andreas