Css: come mettere il collegamento al div header?

[ghisirds]

Domanda banale, ma a cui ancora non ho trovato soluzione.
Ho un header in un div, caricato come immagine dal css, come da esempio:

#header {
height: 100px;
background-image: url(../immagini/header.jpg);
}

ora, vorrei fare in modo che cliccando sull'header mi si apra l'home.
ho provato così:

<div id="header"><a href="http://www.[...cut...].com"></a></div>

ma non va.
Dov'è l'inghippo?
Grazie
Marco

 

[PoLe]

Fai così

<div id="header" onclick="javascript:window.location.href='pagina.htm';"></div>

:byebye:

 

[ghisirds]

è bastato invertire a e div così:

<a href="http://www.[...cut...].com"><div id="header"></div></a>

grazie a tutti
marco

 

[ghisirds]

come non detto, non è validato w3c

 

[biochimistu]

Prova cosi:
<div id="header">
<h1><a href="http://www.[...cut...].com"></a></h1>
</div>

 

[PoLe]

è bastato invertire a e div così:

<a href="http://www.[...cut...].com"><div id="header"></div></a>
...
...
come non detto, non è validato w3c

Il metodo che ti ho suggerito ti fa così schifo?

 

[ghisirds]

mah, se non sbaglio non compare la manina del collegamento..!

comunque ho risolto con la Cover-Up span:

http://css.html.it/articoli/leggi/351/le-tecniche-di-image-replacement/3/

solo che a differenza della guida, ho dovuto inserire

display: block;

e non ho ancora capito perchè, però funziona ed è convalidato!
ciao e grazie
marco

 

[ghisirds]

ho risolto con la Cover-Up span:

http://css.html.it/articoli/leggi/351/le-tecniche-di-image-replacement/3/

solo che a differenza della guida, ho dovuto inserire

display: block;

e non ho ancora capito perchè, però funziona ed è convalidato!
ciao e grazie
marco

 

[PoLe]

mah, se non sbaglio non compare la manina del collegamento..!

Bastava aggiungere allo style:

#header {
height: 100px;
background-image: url(../immagini/header.jpg);
[COLOR="Red"]cursor: pointer;[/COLOR]
}

Felice che hai risolto comunque

:byebye: