Bild (link) nur teilweise anklickbar!?

[ad]

Hallo,
ich habe im header ein Logo zur Startseite verlinkt:

<a href="/">  
<img class="logo" alt="Logo" src="/images/content/logo.png">  
</a>

Positioniert wird das Logo wie folgt:

.logo{  
	position:relative;  
	top:15px;  
	left:40px;  
	float:left;  
}

Daraus ergeben sich zwei Merkwürdigkeiten:
1. Im FireBug wird das "<a href>..." ausgegraut dargestellt. Warum?
2. Das Logo ist nicht komplett anklcikbar. Nur ca. das untere Drittel reagiert auf die Maus.

Ich denke es liegt an der position-Eigenschaft. Nehme ich die raus, wird es im FireBug normal dargestellt und das Bild ist komplett anklickbar - nur eben falsch positioniert.

Warum ist das so und wie sollte ich vorgehen?

danke - ad

[MudGuard]

Hi,

Positioniert wird das Logo wie folgt:

.logo{

position:relative;
top:15px;
left:40px;
float:left;
}

>   
> Daraus ergeben sich zwei Merkwürdigkeiten:  
> 1. Im FireBug wird das "<a href>..." ausgegraut dargestellt. Warum?  
> 2. Das Logo ist nicht komplett anklcikbar. Nur ca. das untere Drittel reagiert auf die Maus.  
>   
> Ich denke es liegt an der position-Eigenschaft. Nehme ich die raus, wird es im FireBug normal dargestellt und das Bild ist komplett anklickbar - nur eben falsch positioniert.  
  
schon mal mit margin statt mit position/top/left probiert?  
  
cu,  
Andreas

-- 
[Warum nennt sich Andreas hier MudGuard?](http://MudGuard.de/)  
[O o ostern ...](http://ostereier.andreas-waechter.de/)  
  
Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.  

[Matthias Apsel]

Om nah hoo pez nyeetz, ad!

Ich denke es liegt an der position-Eigenschaft. Nehme ich die raus, wird es im FireBug normal dargestellt und das Bild ist komplett anklickbar - nur eben falsch positioniert.

#1# Schau dir an, wie position funktioniert

positioniere richtig.

Vielleicht ist die Grafik unter ein anderes Element gerutscht. Dann würde u.U. z-index helfen. Mehr lässt sich anhand deines Codeschnipsels nicht sagen.

Matthias

[ad]

Hallo

positioniere richtig.

Ich dachte, das hätte ich :)

Vielleicht ist die Grafik unter ein anderes Element gerutscht. Dann würde u.U. z-index helfen. Mehr lässt sich anhand deines Codeschnipsels nicht sagen.

hier der link zur Seite

[Felix Riesterer]

Liebe(r) ad,

hier der link zur Seite

das <div id="main_navigation"> verdeckt Dein Logo. Wie Matthias schon gesagt hat sollte ein höherer z-index helfen.

Liebe Grüße,

Felix Riesterer.

[ad]

Hi

das <div id="main_navigation"> verdeckt Dein Logo. Wie Matthias schon gesagt hat sollte ein höherer z-index helfen.

Ah super. Vielen Dank :)