Css: come mettere il collegamento al div header?

ghisirds

Utente Attivo
27
0
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

--
 
Ultima modifica da un moderatore:

Inverter

Utente Attivo
1,162
1
CPU
P4 2.40Ghz (Northwood)
Scheda Madre
ASUS P4B533
Hard Disk
2xHDD (Snsung 60 GB - Maxtor 80 GB)
RAM
768MB DDR
Scheda Video
Ati X1600 Series (512MB)
Monitor
Samsung SyncMaster 205BW 20"
Sistema Operativo
Windows XP
ghisirds ha detto:
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>
 

Arcovoltaico77

Utente Èlite
1,558
10
CPU
Core 2 Duo E2200 + Thermaltake silent tower 112cu (1,3 Kg)
Scheda Madre
Asus P5B
Hard Disk
160Gb Maxtor SATA2 + WD Caviar 250GB SATA2
RAM
2 * 1Gb Corsair CL4 (Pc4300, Value Select)
Scheda Video
Point of View 6600GT 256Mb (500-1000 @ 571-1183)
Scheda Audio
integrato 5.1
Monitor
LCD 17 samsung
Alimentatore
Enermax Pro82+ 525 Watt
Case
ColorsIT
Sistema Operativo
Windows XP & Ubuntu
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

Utente Attivo
27
0
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
 
Ultima modifica da un moderatore:

Entra

oppure Accedi utilizzando

Discussioni Simili

Hot del momento