Backgroundimage mit Link

[Neoaxizz]

Hallo ihr lieben,

ist es möglich mittels CSS einen Link in meinen Banner einzufügen, der wieder zur Startseite führt?

<div id="banner"></div>

#banner {background-image:url(images/banner.gif);background-position: 7px 5px;width:756px;height:115px;background-repeat:no-repeat;}

Gruß Neo

 

[ein schlauer]

nein.

 

[dkdenz]

Wenn Du logisch darüber nachdenkst, dann kommst Du zum Ergebnis, das dass nicht funktionieren kann.

Edit: ein schlauer war schneller...

 

[jeko]

Was meinst du mit "mit CSS Link einfügen"? Also eine CSS-Alternative für den <a>-Tag?

Bilder verlinkt man normalerweise mit einem <img>-Tag in einem <a> oder ein <a> mit entsprechendem CSS-Background.

<a href="startseite" title="Zur Startseite"><img src="banner.ext" alt="Startseite" /></a>
// ...
<a href="startseite" title="Zur Startseite" style="padding:40px 0px 0x 0px; background-image:url(banner.ext);"><span style="visibility:hidden;">Startseite</span></a>

Edit: Jetzt aber... ^^ Gleich 2 Posts in der Zeit wo ich einen schreib'. Puh...

 

[dkdenz]

Edit: Jetzt aber... ^^ Gleich 2 Posts in der Zeit wo ich einen schreib'. Puh...

:d

 

[ein schlauer]

Tja, gewußt wie :d

 

[Neoaxizz]

Danke für die schnellen Antworten.
Ergo muss ich dann den Banner aus der CSS auslagern und in meine HTML Datei einbetten, damit ich ihm ein Link geben kann, hab ich das so richtig verstanden?!

 

[dkdenz]

Ja, richtig verstanden!
Du kannst allerdings auch das <div id="banner"></div> zwischen <a>-Tags klemmen, aber das ist natürlich nicht valide...

 

[ein schlauer]

oder den Banner als Hintergrund eines Links verwenden.

 

[Neoaxizz]

Vielen dank, werde es dann wohl bei dem belassen, wie es jetzt ist.
Source soll vadile bleiben und alles auszulagern möchte ich nicht.

Wieder etwas gelernt, DANKE

 

[ein schlauer]

Was soll an einem Link denn invalide sein?

 

[dkdenz]

HTML / XHTML / XML / WML Validator

 

[ein schlauer]

Warum packst du ein DIV in den Link?
EDIT: es reicht a href="#" id="banner">....</a>

 

[Neoaxizz]

Sry, gerade erst gesehen.

Anfrage handelte sich NICHT um Reisefotografie & Fotoreportagen | Fotografien - Sandra Melcer

 

[dkdenz]

@ein schlauer:
Ich bezog mich auf diese Aussage:

Du kannst allerdings auch das <div id="banner"></div> zwischen <a>-Tags klemmen, aber das ist natürlich nicht valide...

Wenn Du das so machen willst:

<a href="#" id="banner">....</a>

dann gehören da noch einige CSS-Schnipselchen dazu, wie etwa display:block und height und width etc...

 

[rightman]

hallöchen...

versuchs doch mal mit <div id="banner" onClick="self.location.href='http://www.google.de';"></div>

oder halt xhtml konform <div id="banner" onclick="self.location.href='http://www.google.de';"></div>

wenn du lust hast, dann kannst du auch noch via onMouseOver='cursor:xxx;' nen anderen cursor nutzen...

 

[undefined]

wenn du lust hast, dann kannst du auch noch via onMouseOver='cursor:xxx;' nen anderen cursor nutzen...

 

[ZeitGeist]

cursorointer zum Beispiel, damit der Benutzer merkt das er da was anklickern kann. Allerdings würde ich das lieber in die Styles schreiben.

Ob der code allerdings funktioniert weiß ich nicht, sieht mir ein wenig komisch aus

 

[undefined]

Allerdings würde ich das lieber in die Styles schreiben.

Ob der code allerdings funktioniert weiß ich nicht, sieht mir ein wenig komisch aus

Genau das meinte ich. Sowas mit JS zu machen ist Quatsch und der Code ist falsch.

 

[xenon89]

Der vollständigkeit halber hier noch der richtige Code :

<div id="banner" onClick="javascript:document.location.href='http://www.google.de'"></div>

mfg
flo