Menü nur mit Grafiken

[aTa]

Hi,
ich hab ein kleines Problem mit einem Menü und zwar benutz ich nur Grafiken für die einzelnen Menüpunkte und keinen Text, wenn ich aber den Text weglasse dann zeigt es mir nichts an, erst wenn ich wieder Text reinschreibe, also in den Link, erscheinen die Grafiken wieder.
Wie kann ich das umgehn? Gibt es da ne Lösung

 

[Maik]

Hi,

klingt so, wie wenn du Hintergrundbilder verwendest, und den Links "Block-Level-Charakteristika" fehlt.

Zeig doch bitte mal deinen bisherigen Code.

mfg Maik

 

[aTa]

CSS

ul#horizmenue a span {
display:none; /* für Blindtext */
}
#horizmenue {
  width: 780px;
}
#horizmenue li {
  display: inline;
  padding: 0px 10px;
}
#horizmenue a {
  padding: 2px 8px 5px;
}
 #link_1{

   width: 120px;
   height: 24px;
background-image: url(images/programm.png);
 }

HTML

<ul id="horizmenue">
  <li><a href="#" id="link_1"><span>Seite 1</span></a></li>
  <li><a href="#" id="link_2"><span>Seite 2</span></a></li>
  <li><a href="#">Seite 3</a></li>
  <li><a href="#">Seite 4</a></li>
</ul>

 

[Maik]

Bingo

Im Original-Code meines Tutorials CSS-Rollover fehlt display:block aber nicht :suspekt:

Ansonsten setz da mal float:left ein: hat dieselbe Wirkung bzgl. der benötigten "Block-Level-Charakteristika", nur in horizontaler Richtung

mfg Maik

 

[aTa]

Stimmt, aber ich brauch leider display: inline....

 

[Maik]

... hab meine letzte Antwort wohl einen Tick zu spät editiert

mfg Maik

 

[aTa]

Ok, super werds mal testen!

 

[aTa]

Also im Firefox und Safari tuts wunderbar so, aber im IE leider nicht.
Gibts da noch n Trick damits dort auch tut?

 

[Maik]

Hi,

mein Vorschlag funktioniert im IE gleichermaßen.

mfg Maik

 

[Maik]

mein Vorschlag funktioniert im IE gleichermaßen.

#horizmenue a {
  padding: 2px 8px 5px;
  float: left;
}

Oder für welches Element hast du float:left deklariert?

mfg Maik