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

--

 

[Inverter]

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

Hai provato così?

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

 

[ghisirds]

infatti: semplice ma geniale!
grazie
marco

 

[ghisirds]

come non detto, non è validato w3c

 

[Arcovoltaico77]

Io ho risolto così (sito in jsp, sotto Tomcat)

<center><img src="./immagini/banner_flags_1000.gif" usemap="#Top_Map"></center>
<map name="Top_Map">
<area id="areaStatoModem" shape="rect" alt="testo alt" coords="110,0,240,20" href="www.some.boh" onclick="OpenStatoModem()" target="StatoModem_Popup">
</map>

<div id="StatoModemCei" style="position:absolute; z-index:1; left: 140px; top: 18px">
<a href="javascript:OpenStatoModem()"><font class="Flags">CIAO</font></a>
</div>

Praticamente crei una area rettangolare sovrapposta al div, cliccabile...
Lo stesso fai con il testo all' interno del div... entrambi chiamano lo stesso javascript che apre la pagina che vuoi...

Non so se sia validato W3C, ma gira... ah, ovviamente và messo nel body, dentro il form della pagina web...

 

[ghisirds]

interessante anche la soluzione di arcovoltaico, ma alla fine ho risolto con la Cover-Up span:


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

 

[zeb]

Scusa ma per quale specifica lo convalidi?
SEba