ABAKUS

Verfasst: **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;
}

Verfasst: **29.06.2011, 23:53**

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

oder, vielleicht

<a href=""><div

Verfasst: **30.06.2011, 00:11**

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

Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:

einzigartige Texte
suchmaschinenoptimierte Inhalte
eine sinnvolle Content-Strategie
Beratung und Umsetzung

Jetzt anfragen: 0511 / 300325-0

Verfasst: **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
}

Verfasst: **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;}

Verfasst: **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;
}

Verfasst: **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>

Verfasst: **01.07.2011, 22:48**

Erledigt - danke.

ABAKUS

Eingebundenes CSS-Bild weiterleiten

Eingebundenes CSS-Bild weiterleiten