Baggrundsbillede med linkfunktion

Det er jo gået helt galt det der, der er alt alt for mange forskellige nestede elementer.

Den letteste metode er nok at tage et a flag, sætte CSS værdien display til block eller inline-block, og så ellers style som om det var en div.

Men du skal have ryddet op i rodet hvis det skal være til at arbejde med.

Ja, det er den letteste måde, men der er andre.
Du kan sætte en onclick eventhandler på den div du har rundt om dit logo, enten direkte i koden eller, måske lettere, med et javascript framework.

Hvis du vælger denne løsning kan jeg godt hjælpe dig på vej, hvis du blot siger til.

Tusind tak for jeres respons!

Da jeg nok har brug for mere konkret hjælp, vælger jeg at tage kimsey0 på ordet :-)
Vil du kontakte mig i en PB, når du engang har tid til at hjælpe mig på vej?

Mvh

Du bør ikke bruge JavaScript links, de ødelægger almindelig link funktionalitet (kopier link, åben i nyt faneblad osv.).

Her har du et eksempel på et formateret a flag:

<a style="display:block;width:173px;height:60px;background-image:url('http://www.pcworld.dk/modules/davinci/getfile.php?id=28345&width=173')" href="http://eksperten.dk/"></a>

Okay, så er Java nok ikke den ideelle løsning. Noget jeg ikke forstår er, hvad display:block skal gøre godt for?

Et link er ikke et blok element, det er et inline element, og derfor kan det ikke have baggrund, højde/bredde osv. Derfor laver jeg det om til et blok element.

Som det fremgår både af mit spørgsmål OG ikke mindst af kildekoden, så er jeg en total novice ud i de her koder. Kan du vise mig, hvordan koden konkret skal se ud, hvis det skal virke? Her er den aktuelle. Jeg håber, du vil hjælpe, ellers er jeg nok nødt til at finde en anden skabelon til min blog.


/* The Header */

#top {height:120px; margin:auto; width:1000px; background:url(http://www.rehmedier.dk/karstens/head.png);}
.blogname {width:700px; font-family:Helvetica;    margin: 0px 0 0 0px; float:left; background-repeat:no-repeat;}
.blogname h1  {height:60px; padding:0 0 0px 0; font-weight:bold; color:#cacccd; text-align:left; margin:25px 0 0 0px; text-indent:-900px; background:url(http://www.rehmedier.dk/karstens/logo.png) no-repeat; font-size:44px;}
.blogname h1  a:link, .blogname h1  a:visited{color: #cacccd; display:block; }
.blogname h1  a:hover {color: #eee;}
.blogname h2 {margin:-45px -700px 0px 0px; font-size:14px; font-weight:normal; color:#FFFFFF; text-align:center;}

Skal vi ikke bare sige at der er flere ting som er forkert end rigtigt på den side.

Det er dit valg, men jeg ville tage hunden med om bag ved laden.

Det vil jeg så overveje :-) Tak for responsen.

Det vil jeg så overveje :-) Tak for responsen.