Eingebundenes CSS-Bild weiterleiten

Beitrag von **aBanDon** » 29.06.2011, 23:08

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;
}

von **Anzeige von ABAKUS** »

Beitrag von **800XE** » 29.06.2011, 23:53

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

oder, vielleicht

<a href=""><div

Beitrag von **Can** » 30.06.2011, 00:11

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

von **Anzeige von ABAKUS** »

Beitrag von **aBanDon** » 30.06.2011, 11:39

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
}

Beitrag von **Can** » 30.06.2011, 11:42

#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;}

Beitrag von **aBanDon** » 30.06.2011, 21:59

Leider funktioniert es nocht nicht.

Ausschnitt aus meiner HTML:
<div id="header_bg">
<div class="logo_bg2"><a href="index.html">  </a>
<div class="logo_divider">
<h1>Überschrift<span></span></h1>
<p class="content">Text</p>
<p class="more"><a href="Ordner/Test.html"> Lesen </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;
}

Beitrag von **madi** » 30.06.2011, 23:48

Möglichkeit 1 (als CSS Hintergrund):
---------------------------------------------
HTML
<a href="LINK" class="logolink"> </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">  </a></div>

Beitrag von **aBanDon** » 01.07.2011, 22:48

Erledigt - danke.