In CSS eingebundenes Bild verlinken

Unregistriert

Hallo,

ich habe folgende Frage, mit der ich einfach nicht weiterkomme und von der bei mir viel davon abhängt..

Ich weis, das ist jetzt eventuell etwas peinlich, aber wie verlinke ich ein in einem <div> enthaltenes Bild?

Ich habe in ein .htm Script von mir folgendes eingefügt:

Das Bild wird prima genau dort angezeigt, wo es hin soll, nur die verlinkung klappt eben nicht...

Ich weis, die Frage ist etwas peinlich, aber ich habe seit Jahren mich nicht mehr mit HTML und CSS beschäftigt, daher ist so gut wie alles wissen, das ich mal hatte, weg..

Ich wäre für Hilfe sehr Dankbar. Danke.

threadi

Das geht nicht. Du könntest allerdings auch das Hintergrundbild und die ganzen anderen Eigenschaften direkt an das <a>-Element hängen und auf das <div> verzichten.

lachfläsh

Ich würde HTML und CSS getrennt verbinden so komisch sich das auchhört

kannst auch den Css extern irgendwo speichern wenn du möchtest !

Oder auch so wenn du nur HTML nutzen möchtest

lg

Grevas

Zitat von threadi

Das geht nicht. Du könntest allerdings auch das Hintergrundbild und die ganzen anderen Eigenschaften direkt an das <a>-Element hängen und auf das <div> verzichten.

Nana. Nicht so hastig, natürlich geht das, aber auch nur mit Javascript

Mit jQuery:

HTML

var link = $('#et_vbutton').css('background-image').replace(/url|\(|"|'|\)/g, '');
$('a[href=SEITENLINK]').attr('href', link);

//P.S. das replace regex ist natürlich nicht perfekt, wenn ein Bild im Namen 'url' oder sonst einen der aufgeführten Zeichen hat, wirds nicht mehr funktionieren

Tags