✔ Linkgrafik verändert sich nach dem klick nicht

[fisiling]

Hi,

ich möchte, dass die Linkgrafik sich nach dem Klick verändert. Habe hierzu ein Negativ der Grafik angelegt.

  CSS:
  .navsym
  {
    position: absolute;
    float: right;
    left: 475px;
    top: 117px;
    width: 308px;
    height: 60px;
    z-index: 2;
  }
  
  .navsymb1 p
  {
    width: 60px;
    height: 60px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    background-image: url("fussballneg.jpg");
    float: right;
    overflow: hidden;
  }
  
  .navsymb1 a
  {
    width: 60px;
    height: 60px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    background-image: url("fussballlogo.jpg");
    float: right;
    overflow: hidden;
  }
  
  .navsymb1 a:hover
  {
    background-position: 0 -60px;
  }
  
  html:
  <div class="navsymb1"><a href="LEER.html" target="main"></a></div>

Das orginal wird beim :hover zum negativ, was auch funktioniert, und soll nach dem anklicken als negativ angezeigt bleiben.

Danke im voraus.

 

[hela]

Hallo fisiling,

ist mir zwar schleierhaft, wieso das funktioniert, aber wenn es funktioniert, warum postest du dann?
Sehe kein p-Tag im HTML-Code.

 

[fisiling]

Es funktioniert ja leider nicht, nur der :hover.

Das Negativ soll ja weiterhin angezeigt werden nach dem anklicken der Grafik.

mh nen p tag noch in den html Code setzen ? kannste mal bitte sagen wie des dann aussehen soll?

 

[hela]

Wollte eigentlich nur sagen: Deine Code-Schnipsel lassen die Funktion nicht eindeutig erkennen. In den Stylesheets ist ja ein p-Selektor mit wahrscheinlich dem Negativbild drin. Nur im HTML-Code taucht er nirgendwo auf.

Ist aber wahrscheinlich egal: Die hover-Eigenschaft ist eh nur wirksam solange du mit der Maus über dem klassifizierten Element bist.

Ansonsten musst du das mit JavaScript realisieren.

 

[fisiling]

Hab das ganze jetzt auch mit java gelöst. Trotzdem Danke...