✔ Hover-Grafik macht beim Mozilla Probleme

[Joern Schreiber]

Also .. ich weiss garnicht wie ich anfangen soll.

Ich möchte per CSS - Datei bei Hyperlinks verschieden Grafiken anzeigen lassen.

Standardmäßig eine normale Grafik - und beim Hovern etwas anderes.

Das funktioniert beim IE auch mal wieder reibungslos .. nur der Mozilla machts einfach nicht.

Hier mal ein Beispiel meiner CSS - Definition

    a.programm:link {
          margin-top : 0px; 
          width : 200px;          
          height : 45px;
          padding-left : 0px;
          background-image : url('../button/programm_0.jpg');
          background-repeat : no-repeat;
      }
    a.programm:visited {
          margin-top : 0px;
          width : 200px;           
          height : 45px;
          padding-left : 0px;
          background-image : url('../button/programm_0.jpg');
          background-repeat : no-repeat;
      }
     a.programm:hover {
          margin-top : 0px; 
          width : 200px;          
          height : 45px;
          padding-left : 0px;
          background-image : url('../button/programm_1.jpg');
          background-repeat : no-repeat;
      }
     a.programm:active {
          margin-top : 0px; 
          width : 200px;          
          height : 45px;
          padding-left : 0px;
          background-image : url('../button/programm_1.jpg');
          background-repeat : no-repeat;
      }
     .programm_aktiviert {
          margin-top : 0px; 
          width : 200px;          
          height : 45px;
          padding-left : 0px;
          background-image : url('../button/programm_1.jpg');
          background-repeat : no-repeat;
      }

So .. aufrufen will ich das in einer HTML Datei innerhalb eines DIV-Elementes

<div align="left" valign="top" style="position: absolute; top: 30px; left: -10px; z-index: 1; width: 200px; height: 45px">
<a href="../programm/frameset.html" target="hauptframe" class="programm"></a> 
</div>

Der IE zeigt dann also ganz normal in diesem DIV-Bereich die Link-Grafik an ... und wenn
ich mit der Maus draufgehe auch die Hover-Grafik .... der Mozilla aber zeigt garnix an.

Ich bin jetz schon soweit, dass ich erkenne, das der Mozilla einen Link nur für die Zeichen akzeptiert die zwischen <A> und </A> stehen ... aber da steht nunaml nix .. der Link soll ausschließlich aus der kompletten Fläche des DIVs bestehen ..

Versteht mich hier jemand ?!

Und kann dieser jemand mir evtl. sogar helfen ?!

Gruß

Jörn

 

[hpvw]

Dann setze Doch in das a ein span, in dem Du noch einen vernünftigen Text angibst, so dass auch Browser ohne CSS (z.B. Suchmaschinen) was davon haben. Den Text kannst Du dann im CSS ausblenden:

a.programm span {display:none:}

<a href="../programm/frameset.html" target="hauptframe" class="programm"><span>Zum Frameset</span></a>

Gruß hpvw

 

[hela]

Hallo Joern,

Der IE zeigt dann also ganz normal in diesem DIV-Bereich die Link-Grafik an ...

... und eben genau das ist nicht normal, da das Hintergrundbild ja nicht im DIV-Block, sondern im A-Element untergebracht wurde! Das A-Element müsstest du aber erst mal über die CSS-Eigenschaft "display:block;" als Blockelement deklarieren, um Breite, Höhe und Hintergrundbild dort anbringen zu können.

 

[Joern Schreiber]

...die CSS-Eigenschaft "display:block;" ...

Genau das war´s

Schön einfach und hat genau den Effekt gebracht den ich wollte !

Vielen Dank für die Hilfe !