Wie macht man ein Bild als Link...
Geschrieben am 24. February 2010 - 14:05 von mymana1
Hallo!
Ich möchte gerne in Bild einfügen, das man als Link anklicken kann. So weit klar, aber wie weist man zu, dass sich das Bild beim Mouseovern/Hovern in ein anderes Bild ändert um klar zu zeigen, dass es ein Link ist? Kanns nicht finden...!
- Anmelden oder Registrieren um Kommentare zu schreiben
-
Bild als Link
Hallo mymana1,
leider weiß ich nicht wofür du eigentlich diese verlinkten Bilder nutzen willst. Wenn hinter einem Bild ein Link sich befindet, ändert sich der Mousezeiger in eine Hand beim Hovern und zeigt somit an, dass dies ein Link ist.
.."Kanns nicht finden...!" Bitte wo kannst du es nicht finden? Arbeitest du mit ExpressionWeb?
Wenn du mit ExpressionWeb3 arbeitest und du hast noch keine große Erfahrungen HTML, CSS und Javascript, dann solltest du dich nur langsam heranwagen: Geh unter Einfügen-> interaktive Schaltfläche und wähle dort eine Schaltfläche, gib ihr Text und einen Link und speichere dies in deinen HTML-Seite mit ok. Dann schau dir den entstandenen Code an. Ändere die button1.jpg... in deine Bilder und ändere die Größe...
Gruß
Monic49
Idealerweise natürlich per CSS
Hallo,
idealerweise regelst Du so etwas allein über CSS, d.h. Du vergibst deinem a-Tag z.B. einen Klassen- oder ID-Namen (...href="ziel.html" class="bild"...). Dann kannst Du über CSS diese Klasse oder ID ansteuern, und so ein Hintergrundbild definieren, sowie beim Mouseover/Hover dieses Hintergrundbild austauschen.
CSS:
a.bild {
background: url(pfad/zum/bild.gif) center no-repeat;
width: 100px; /* so breit wie das Bild */
height: 100px; /* so hoch wie das Bild */
}
a.bild:hover {
background: url(pfad/zum/austauschbild.gif) center no-repeat;
}
Hilft Dir das, oder traust Du dich noch nicht so an CSS ran?
VG Christian