Eingebundenes CSS-Bild weiterleiten

[aBanDon]

Hey,
ich möchte en Bild welches ich per CSS eingebunden und positioniert habe mit einem Hyperlink versehen. Praktisch wenn man auf das Bild klick auf eine andere ( interne ) Seite weitergeleitet wird. Hat da wer eine Idee?

BeispieL:
#header_bg div.logo_bg2 {
width : 160px;
float : left;
background : url(images/Bild.png) 0% 0% no-repeat;
line-height : 0;
font-size : 0;
padding : 12px 0 0 0;
margin : 80px 19px 0 0;
}

[800XE]

<a href=""><img src="trans.gif">...




oder, vielleicht

<a href=""><div

[Can]

Gib dem link im css ne höhe und breite und leg ihn rein.

[aBanDon]

Wie genau gebe ich den dem link eine Höhe und muss ich das dann in den DIV "#header_bg div.logo_bg2" schreiben? Habe bis jetzt immer nur Links farblich geändert ( hover, active, visited, focus.. )

So z.B.?

#header_bg div.logo_bg2 {
width : 160px;
float : left;
background : url(images/Bild.png) 0% 0% no-repeat;
line-height : 0;
font-size : 0;
padding : 12px 0 0 0;
margin : 80px 19px 0 0;
a:link text-decoration:none; width:200px height:200px
}

[Can]

#header_bg div.logo_bg2 muss das wirklich so lang sein ? Also brauchst du die ganzen selektoren ??......


Also im html packste in den <div class="logo_bg2"> HIER DEN LINK hin </div>
und im CSS kommt dann

.logo_bg2 a {
width:160px;
height:200px;}

[aBanDon]

Leider funktioniert es nocht nicht.

Ausschnitt aus meiner HTML:
<div id="header_bg">
<div class="logo_bg2"><a href="index.html">&nbsp;&nbsp;</a>
<div class="logo_divider">
<h1>Überschrift<span></span></h1>
<p class="content">Text</p>
<p class="more"><a href="Ordner/Test.html">&nbsp;Lesen&nbsp;</a></p>
</div>
<br class="spacer">
</div>

Meine CSS:
#header_bg {
background : url(images/header_bg.jpg) 0% 0% no-repeat;
line-height : 0;
font-size : 0;
padding : 23px 0 0 35px;
width : 727px;
}
#header_bg div.logo_bg2 {
width : 160px;
float : left;
background : url(images/Test.png) 0% 0% no-repeat;
line-height : 0;
font-size : 0;
padding : 12px 0 0 0;
margin : 80px 19px 0 0;
}
div.logo_bg2 a {
width:160px;
height:200px;
}
#header_bg div.logo_divider {
background : url(images/divider.gif) 0% 100% repeat-y;
padding : 157px 19px 24px;
line-height : 0;
font-size : 0;
width : 122px;
text-align : center;
}

[madi]

Möglichkeit 1 (als CSS Hintergrund):
---------------------------------------------
HTML
<a href="LINK" class="logolink">&nbsp;</a>

CSS
a.logolink {
display:block;
width :?px;
height:?px;
background : url(DATEI);
}

Möglichkeit 2 (normales Bild):
-----------------------------------
HTML
<a href="index.html"><img src="images/Test.png" /></a>

______________________

P.S.: Dein Div is nicht zu
<div class="logo_bg2"><a href="index.html">&nbsp;&nbsp;</a></div>

[aBanDon]

Erledigt - danke.