Css: come mettere il collegamento al div header?

giovedì 17 maggio 2007 - 11.58

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

ghisirds Profilo | Junior Member

151 messaggi | Data Invio: gio 17 mag 2007 - 11:58

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

__________________
http://www.idee-regalo.biz/ - http://www.originalgiftideas.net/

alx_81 Profilo | Guru

8.814 messaggi | Data Invio: ven 18 mag 2007 - 08:32

>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?
Tra <a> e </a> c'è qualcosa? se è così come l'hai scritto non va perchè non c'è nulla..
dovresti fare il contrario, tipo:

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

anche se veramente l'editor di visual studio ti ritorna un errore in quel caso..
Una soluzione può essere quella di definire una struttura che raggruppi tutto il contenuto dell'header, tipo un asp:panel.. e poi di racchiudere in un hyperlink quel panel.. qualcosa tipo:

<a href="http://www.google.it">
            <asp:Panel ID="prova" runat="server">
            Ciao
            </asp:Panel>
        </a>

se controlli l'output html è lo stesso che avresti ottenuto mettendo il link fuori dal div..

>Grazie
di nulla!

Alx81 =)

http://blogs.dotnethell.it/suxstellino

freeteo Profilo | Guru

6.542 messaggi | Data Invio: ven 18 mag 2007 - 19:47

ciao,
perche' non metti un tag "img" normale dentro al tag "a" ? all'img gli metti la proprieta' src= path dell'immagine.

Altrimenti dovresti mettere le prprieta' width e display:block del tag "a" altrimenti è vuoto e non viene visualizzato, un codice tipo:

<html>
  <style>
    a { display:block; width:30px;height:10px; border:solid silver 1px; }
  </style>
  <body>
    <div id="header"><a href="..."></a></div>
  <body>

</html>

Io nell'esempio te l'ho messo "inline" tu ovviamente mettilo nel foglio di stile...
ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

ghisirds Profilo | Junior Member

151 messaggi | Data Invio: ven 18 mag 2007 - 20:45

grazie dalla soluzione, alla fine navigando anche in altri forum, sono riuscito a risolvere con il cover up che mi sebra funzionare egregiamente.
ciao
marco
--
Realizzazione siti internet - http://www.ghisirds.it
Idee regalo originali - http://www.idee-regalo.biz
Geometri Reggio Emilia - http://www.geometri-reggio-emilia.it

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !