Link auf Bild

[tinella]

Hey Leute

Habe ein Bild in einem Div welches von CSS included wird:

<div id="head"> <!-- here head picture from css -->	</div>

Ich möchte aus dem Bild einen Link machen, damit man zurück zur Startseite gelangt.
Der Link schaut so aus:

<a href="<?php echo $_SERVER['PHP_SELF'];?>?leftDivContent=answers"></a>

Das CSS schaut so aus:

background-image:url(../images/head.gif);

Ich peils im Moment nicht wie ich das einbinden muss (wegen CSS). Kann mir bitte jemand helfen? Wäre sehr nett!

Ich weiss is ne einfache Frage aber muss man wohl einfach mal gemacht haben.

Tinella

Vielen Dank

 

[soyo]

1. Warum das bild über eine CSS laden? Geht sicherlich mit dem normalen img-Tag schneller

2. background-image ist ein Hintergrundbild, für Tabellenzellen oder ähnliche sachen und auf solches kann man schlecht verlinken.

also einfach

<a href="<?php echo $_SERVER['PHP_SELF'];?>?leftDivContent=answers">
  <img border="0" img="../images/head.gif">
</a>

 

[Maik]

Du kannst die Hintergrundgrafik doch direkt für das a-Element bestimmen:

a.head {
display: block;
width: 200px; /* entspricht der Grafikbreite */
height: 50px; /* entspricht der Grafikhöhe */
background-image: url(../images/head.gif);
text-decoration: none;
}

a.head span {
display: none;
}

<a class="head" href="<?php echo $_SERVER['PHP_SELF'];?>?leftDivContent=answers"><span>Startseite</span></a>

 

[hela]

Warum das bild über eine CSS laden?

Weil Hintergrundbilder generell über die Stylesheets und nicht über Tag-Attribute deklariert werden sollten.

Geht sicherlich mit dem normalen img-Tag schneller ...

Das ist "sicherlich" eine Vermutung von dir. Es ist aus semantischer Sicht nicht egal, ob ein Bild im Hintergrund oder im Vordergrund erscheinen soll.

 

[soyo]

Das war auch nicht so gemeint ... meiner Meinung nach geht es schneller eben ein verlinktes Bild in HTML zu tippseln, als eine CSS-Klasse zu defenieren ... aber jeden das seine

und außerdem dachte ich das es sich um ein normales bild handelt und nicht um einen Hintergrund :

Habe ein Bild in einem Div welches von CSS included wird:

 

[Maik]

*offtopic*

@soyo: Bitte beachte die Netiquette Nr.15 bzgl. der Groß- und Kleinschreibung.