a:hover & border problem mit ie

[mberkam]

Hallo liebe leute,

ich ärgere mich schon seit einiger zeit mit einem problem in meiner menu-liste.
safari und firefox machen mit nur der ie verkraftet mein css nicht.

meine einzelnen menupunkte bestehen aus text und davor ist ein durchsichtigeskästchen mit farbigen border. beim hovern sollen praktisch border und text die farbe wechseln. klappt ja eigentlich auch nur beim ie nicht. der zeigt mir den border in den standard farben an: also blau (als noch nicht besuchtes link) und violett (als besuchtes link).

wie ich jetzt so in der foren gelesen habe hat der ie wohl seine probleme mit den hovern. allerdings wäre ich auch schon glücklich wenn ich die farben des border auf die text farben anpassen könnte damit es dann im ie nicht ganz so gräßlich dargestellt wird. leider komm ich durch probieren nicht drauf wo/wie die border farben verändert werden können.

hat irgendjemand eine idee?

hier der link:
http://www.arboris.it/home06/dt/uberuns.html

css kann ich auch ev. schicken.

[ShiNtoKu]

Hallo,

meine einzelnen menupunkte bestehen aus [...]

Das ist unnötig kompliziert.
Vorschlag: Schau dir mal Listamatic:  Bulleted Rollover List und zur Veranschaulichung vielleicht noch Listamatic: ProjectSeven's Uberlist an.

wie ich jetzt so in der foren gelesen habe hat der ie wohl seine probleme mit den hovern.

Eigentlich "nur" bei Elementen, die nicht <a> sind.

farben des border [...] anpassen

Wie das geht steht bei SelfHTML / CSS-Eigenschaften / Rahmen

Viele Grüße
Patrick

[mberkam]

Hi patrick,

dein vorschlag mit listmatic schaut schon mal gut aus..werde ich mir später mal genauer hinsehen. danke

Wie das geht steht bei SelfHTML / CSS-Eigenschaften / Rahmen

ich weiß schon wie man die rahmenfarbe ändert, allerdings hier in meinem beispiel komme ich nicht dahinter welcher tag genau diesen rahmen anspricht. es scheint einfach auf keinen tag anzusprechen.

lg
m

[Maxx]

Hallo Manfred,

[...} allerdings hier in meinem beispiel komme ich nicht dahinter welcher tag genau diesen rahmen anspricht.

Einfach der Reihe nach vorgehen:

ul#submenu                        hast du ja bereits
a:hover                ist auch klar
img            soll angesprochen werden
{ border: sind die Eigenschaften

Logisch?

Grüße,

Jochen

[mberkam]

Hi jochen,

Einfach der Reihe nach vorgehen:
Logisch?

ja wenn das logische auch immer so einfach wäre:) werde es aber mal probieren.

wie meintest du mit das .gif weglassen?  oder meinst du das .gif in den css reintun?
ich habe mir auch mal gedacht einfach so ein sonderzeichen einzusetzen (also text), denn dann dürfte selbst der ie keine probleme mehr haben..oder??

vielen dank für die hilfe

lg
m

[Maxx]

Hallo Manfred

ja wenn das logische auch immer so einfach wäre:) werde es aber mal probieren.

ich vergaß zu erwähnen, dass du
<img src="../images/navleer.gif" alt="Grafik" border="1">
natürlich weglassen must                      ^^^^^^^^^^

Und welchen Zweck erfüllt dies?
<img src="../images/pixel.gif" alt="pixel" border="0">

Die Regel meines letzten Postings würde auch hier greifen und einen Rahmen um das Bild zeichen. Das ist doch nur eine Abstandsgrafik, oder?
Gib dem ul#submenu a img ein entsprechendes margin-right

Und noch etwas: alt="Grafik" bzw. alt="pixel" darfst du bei Grafiken die nur dem Design dienen durch alt="" ersetzen. Ein Screenreader würde sonst jede einzelne vorlesen.

wie meintest du mit das .gif weglassen?

da war ich etwas voreilig. Das Design ist doch etwas umfangreicher als auf den ersten Blick angenommen.

oder meinst du das .gif in den css reintun?

Allenfalls als Hintergrundgrafik für den Link, aber das wäre ein größerer Umbau.

ich habe mir auch mal gedacht einfach so ein sonderzeichen einzusetzen (also text), denn dann dürfte selbst der ie keine probleme mehr haben..oder??

Der IE sollte eigentlich keine Probleme haben. Zumindest funktioniert es bei mir lokal mit einem schnell zusammengeschusterten Beispiel.

Grüße,

Jochen

[Maxx]

Hallo Manfred

meine einzelnen menupunkte bestehen aus text und davor ist ein durchsichtigeskästchen mit farbigen border. beim hovern sollen praktisch border und text die farbe wechseln.

Du meinst?
<li>
  <a href="erbarium.html">
    <img src="../images/navleer.gif" alt="Grafik" border="1">
                                                  ^^^^^^^^^^
    <img src="../images/pixel.gif" alt="pixel" border="0">
      Erbarium</a>

Das Aussehen der Border solltest du mit CSS regeln. Auf die Schnelle habe ich in deinem Stylesheet nichts entsprechendes gefunden.

a img {border:der gewünschte Stil und Farbe};

Noch besser wäre es allerdings auf das gif ganz zu verzichten und alles mit CSS zu visualisieren.

HTH

Jochen