Forum
Tipps
News
Menu-Icon

Mouseover

Hat einer nen ahnung wo man verschiedene Mouseover mit HTML Code herbekommt sprich:
Links die anders unterstrichen werden oder die Farbe ändern wenn man mit der Maus drüberfährt...

Bräuchte ich für meine HP


mfg

Little


Antworten zu Mouseover:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

für die Funktionalität brauchst du keine JavaScript-Funktion (obwohl das sicherlich auch gehen würde). Du benötigst lediglich CSS. Dort schreibst du dir veschiedene Klassen (s.g. Pseudoklassen) für den Link mit der jeweils entsprechenden Farbe, die er haben soll. Dann bindest du das ganze einfach direkt im Link selbst mit dem Klassenaufruf ein.

Bsp:
im CSS-Teil
<style type="text/css">
 a:link.rot { color:red; text-decoration:none; font-weight:bold; }
 a:link.blau { color:blue; text-decoration:none; font-weight:bold; }
</style>

und im Code dann:
<a href="#" class="rot">roter Link</a>
<a href="#" class="rot">blauer Link</a>

Du solltest aber bei den Angaben in CSS beachten, dass du alle Arten für einen Link angibst. Also a:link, a:visited, a:hover, a:active, a:focus und möglichst noch genau in der Reihenfolge, sonst gibst Probleme.

##edit:
Sorry, in deinem Fall wäre der richtige Beispielcode für den CSS-Teil der hier:

a:hover.rot { color:red; text-decoration:none; font-weight:bold; }
a:hover.blau { color:blue; text-decoration:none; font-weight:bold; }

da du ja den den Link anders darstellen willst, wenn man mit der Maus drüberfährt :-)
###

Mario 8)

« Letzte Änderung: 19.08.05, 09:24:03 von Mario »

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi,

  • echte "Profi" scheuen sich nicht, sich ein bisschen eizulesen
  • z.B. bei "Selfhtml" :


http://de.selfhtml.org/

« HomepagePHP Login merken »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Snapchat
SnapChat ist eine kostenlose Messaging-App, mit der - ähnlich wie bei WhatsApp oder dem Facebook Messenger - Nachrichten an andere Personen oder Gruppen gesendet wer...

HTML
HTML steht für Hyper Text Markup Language, ist die Sprache, mit der Internetseiten kodiert werden. Es handelt sich dabei um ASCII Text, in den die HTML Befehle einge...

XHTML
Die Extensible Hypertext Markup Language, kurz XHTML, ist eine textbasierte Auszeichnungssprache zur semantischen Auszeichnung von Bildern, Texten und Hyperlinks in Dokum...