background cliccabile

[kappa85]

Pagina html:

<div id="header"> 	 </div>

Css:

#header {       
display: block; 	
height: 110px; 	
background: transparent url(../images/logo.png) top center no-repeat;  	
margin: 5px auto 0 auto; 	
width: 100%; 	
padding: 0; }

Vorrei che l'immagine "logo" fosse cliccabile e che fosse un collegamento alla home del sito. Come faccio?

Grazie

[Valvole_]

usa il div come contenitore e il background mettilo in un tag "a" all'interno del div...

[arx707]

O ancora più semplice:

<a id="header"></a>

--------


#header {
display: block;
height: 110px;
background: transparent url(../images/logo.png) top center no-repeat;
margin: 5px auto 0 auto;
width: 100%;
padding: 0; }

[kappa85]

Originariamente inviato da Valvole_
usa il div come contenitore e il background mettilo in un tag "a" all'interno del div...

Non è già un contenitore così?

[kappa85]

Originariamente inviato da arx707
O ancora più semplice:

<a id="header"></a>

--------


#header {
display: block;
height: 110px;
background: transparent url(../images/logo.png) top center no-repeat;
margin: 5px auto 0 auto;
width: 100%;
padding: 0; }

Non funziona, mi sparisce il logo... e poi la pagina da puntare dove la piazzo?

[arx707]

cosa vuol dire ti sparisce il logo? controlla il percorso nel foglio di stile, se è corretto, lo sfondo dovrebbe visualizzare il logo.

il percorso lo piazzi dentro il tag del link

href="percorsodellink"

[kappa85]

Originariamente inviato da arx707
cosa vuol dire ti sparisce il logo? controlla il percorso nel foglio di stile, se è corretto, lo sfondo dovrebbe visualizzare il logo.

il percorso lo piazzi dentro il tag del link

href="percorsodellink"

Ok ora il logo si vede, ho inserito così nella pagina html

ma l'immagine non è cliccabile.

Il css è:

#header {       
display: block; 	
height: 110px; 	
background: transparent url(../images/logo.png) top center no-repeat;  	
margin: 5px auto 0 auto; 	
width: 100%; 	
padding: 0; }

[arx707]

ciò che è cliccabile in realtà non è l'immagine in se, ma è il link con l'immagine di sfondo e dimensioni fisse

[gengix]

Per rendere cliccabile un immagine soprattutto se questa è significativa deve essere messa fisicamente nella struttura con il suo attributo alt="" e la relativa descrizione dentro.

Se lo inserisci nel background come vuoi fare te e un utente disabilita le immagini o le immagini non le vede proprio non avrà punti di riferimento (soprattutto in questo caso che nell'esempio suggeritoti c'è un link senza neanche il testo! In IE8 questo link non sarà cliccabile)

<div id="header">
	[img]logo.png[/img]
</div>

Con gli stili lo adattarai alle tue esigenze.

[kappa85]

Originariamente inviato da gengix
Per rendere cliccabile un immagine soprattutto se questa è significativa deve essere messa fisicamente nella struttura con il suo attributo alt="" e la relativa descrizione dentro.

Se lo inserisci nel background come vuoi fare te e un utente disabilita le immagini o le immagini non le vede proprio non avrà punti di riferimento (soprattutto in questo caso che nell'esempio suggeritoti c'è un link senza neanche il testo! In IE8 questo link non sarà cliccabile)

<div id="header">
	[img]logo.png[/img]
</div>

Con gli stili lo adattarai alle tue esigenze.

Vorrei capire meglio:

l'immagine è logo.png
la pagina che l'immagine deve linkare è index.php

non mi è chiaro cosa devo mettere nel IMG ALT..