Warum kostenlos registrieren?

Nur als registriertes Mitglied hast Du vollen Zugriff auf alle Funktionen unserer Website. So kannst Du eigene Fragen stellen und hast die volle Übersicht über neue interessante Themen im Forum.
Jetzt kostenlos registrieren.

Login


Hilfe bei Mouseover !

Fragen oder Probleme mit HTML, PHP oder CSS?

Hilfe bei Mouseover !

Beitragvon cruiser187 am 13.04.2006, 23:26

Hallo zusammen,

habe ein Problem bei einem Mouseover-Effekt.

Ich möchte z.B. so einen Effekt erzielen:

normaler Link: HOME
over-effekt: HOME »

Ich möchte neben dem Textlink bei Mouseover ein Zeichen neben dem Text erscheinen lassen.

Danke schonmal im vorraus

Gruß cruiser187
cruiser187
 
Beiträge: 13
Registriert: 13.04.2006, 23:24


Beitragvon dragonl am 14.04.2006, 09:59

moin cruiser187 :)

Ich würde das so machen:
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Hover-effekt</title>
    <style type="text/css">
      <!--
        a { color:#000000; text-decoration:none }
          a:hover         { color:#C0361F; text-decoration:underline; }
          .gfx            { color:#cccccc; }
          a:hover > .gfx  { color:#C0361F; }
      -->
    </style>
  </head>
  <body>

    <div style="width:700px; height:200px; text-align:center; margin:0px auto; background-color:#cccccc;">

      <a href="http://www.tobias-a-d.de.vu">Link1<span class="gfx">&gt;&gt;</span></a><br>
      <a href="http://www.tobias-a-d.de.vu">Link2<span class="gfx">&gt;&gt;</span></a>

    </div>

  </body>
</html>

Den QT solltest eigendlich verstehen können!
Wenn nicht, einfach fragen :D

Das funktioniert zwar nicht im Internet Explorer, aber das ist mir mitlerweile egal :-P
Nur weil der das nicht darstellen kann, bau ich nicht mein Design um !
HTML QT und CSS sind beide Valid

MFG
dragonl
dragonl
 
Beiträge: 373
Registriert: 14.09.2004, 14:10
Wohnort: Bremen



Ähnliche Themen


Zurück zu HTML, PHP & Co.

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste