oMeE: Rollover mit CSS, will nicht so recht :((

SELF-Forum

Rollover mit CSS, will nicht so recht :((

oMeE
– Informationen zu den Bewertungsregeln

Hi zusammen  ;-)

Ich habe mit diesen Quelltext ein kleines Problem und hoffe das jemand eine Lösung hat:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 <title>Rollover mit CSS - Beispiel 5</title>
 <style>
   a       { display:block;
             background-image:url(logo.jpg);
             width:144px; height:179px }
   a:hover { background-image:url(logo_over.jpg); }
 </style>
</head>
<body>
  <h1>Bild-Button mit CSS</h1>
  <p><a href="logo.jpg"></a></p>
</body>
</html>

So wie der Quelltext hier angezeigt wird, klappt es mit dem Rollover Effekt auch.
Nur wenn ich jetzt einen ganz normalen Link (z.B <a href="Test.html">Test-Link</a> ) im  <body>  einbauen, dann wird dieser Link angezeigt *yupi*, nur kommt das logo.jpg auch dort zum einsatz.  :((

Wie funktioniert dies? Dass, dass  logo.jpg  nur einmal angezeigt wird und die rechtslichen Links auf der Seite normal als Link angezeigt werden??

Bin für jede Antwort dankbar.

Gruß  «oMeE»

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Rollover mit CSS, will nicht so recht :((

    Jens Peter
    – Informationen zu den Bewertungsregeln

    Hi,

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

    Du verwendest einen ungültigen Doctype.
    siehe http://www.w3.org/TR/html4/sgml/dtd.html
    Moderne Browser verarbeiten dann CSS ua. nicht korrekt.

    a:hover { background-image:url(logo_over.jpg); }

    vielleicht geht es eine Klasse zuzuweisen
      a:hover.logo { background-image:url(logo_over.jpg); }

    <p><a href="logo.jpg"></a></p>

    <p><a href="logo.jpg" class="logo"></a></p>

    Andere URIs dann ohne oder mit abweichender Klassenangabe.

    HTH
    Jens

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Rollover mit CSS, will nicht so recht :((

      oMeE
      – Informationen zu den Bewertungsregeln

      Hi,

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
      Du verwendest einen ungültigen Doctype.
      siehe http://www.w3.org/TR/html4/sgml/dtd.html
      Moderne Browser verarbeiten dann CSS ua. nicht korrekt.

      a:hover { background-image:url(logo_over.jpg); }

      vielleicht geht es eine Klasse zuzuweisen
        a:hover.logo { background-image:url(logo_over.jpg); }

      <p><a href="logo.jpg"></a></p>
        <p><a href="logo.jpg" class="logo"></a></p>

      Andere URIs dann ohne oder mit abweichender Klassenangabe.

      HTH
      Jens

      Danke für deine Antwort  &  dem Tipp mit dem Doctype  ;-))

      Das mit den zuweisen der Klasse hat funktioniert, hab das ganze so geschrieben:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1//EN">
      <html>
      <head>
       <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
       <title>Rollover mit CSS - Beispiel 5</title>
       <style>
         a.logo       { display:block;
                      background-image:url(logo.jpg);
                      width:144px; height:179px }
         a:hover.logo { background-image:url(logo_over.jpg); }
       </style>
      </head>
      <body>
        <h1>Bild-Button mit CSS</h1>
        <p><a href="logo.jpg" class="logo"></a></p>
        <br>
        <a href="test.html" class="x">test-link</a>
      </body>
      </html>

      Die normalen Links auf der Seite haben die  class="x", und sonst funktioniert dies wunderbar, danke nochmals.

      Gruß  «oMeE»

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln