Come linkare un'immagine?

[wilderness]

Ciao a tutti, ho un problema...
come posso dare il link ad un'immagine che ha il seguente codice?

#headerpic
{
position: relative;
height: 109px;
background: #A7A8AA url(images/hdrpic.jpg) no-repeat top left;
margin-bottom: 2px;
}

Grazie!

[Mich_]

I link fa parte della marcatura, per cui non puoi assegnarlo tramite CSS.

In teoria, se usi XHTML puoi fare:
[img]...[/img]

In pratica per far funzionare la cosa in tutti i browser, e` necessario fare:
[img]...[/img]

Sposto in (X)HTML.

[wilderness]

però dove vado ad inserire il link?
nella mia pag. html ho questo codice:

<div id="headerpic"></div>

[Mich_]

Ma dov'e` l'immagine?

Se ti riferisci all'immgine di sfondo citata nel CSS, la cosa non funziona. Non puoi dare un link ad un'immagine di sfondo. Ed e` anche un grave errore semantico (ci sono dei trucchi, ma non credo siano applicabili nel tuo caso, e comunque resta l'errore semantico).

Per trasformare un'immagine in link, devi usare il codice che ti ho postato prima (prendi solo il secondo, l'altro non funziona in IE).
Se hai dubbi, vedi un tutorial HTML, alla voce link o alla voce immagini.

[wilderness]

è nella cartella images, e viene visualizzata nel layout in html tramite il tag:

<div id="headerpic"></div>
Dreamweaver non me la rende "cliccabile", appunto la riprende come immagine di sfondo: images/hdrpic.jpg

e a sua volta headerpic è stato impostato nel file default.css così:

#headerpic
{
position: relative;
height: 109px;
background: #A7A8AA url(images/hdrpic.jpg) no-repeat top left;
margin-bottom: 2px;
}



non si può proprio dare un link?

[Gufo]

Originariamente inviato da wilderness
è nella cartella images, e viene visualizzata nel layout in html tramite il tag:

<div id="headerpic"></div>
Dreamweaver non me la rende "cliccabile", appunto la riprende come immagine di sfondo: images/hdrpic.jpg

e a sua volta headerpic è stato impostato nel file default.css così:

#headerpic
{
position: relative;
height: 109px;
background: #A7A8AA url(images/hdrpic.jpg) no-repeat top left;
margin-bottom: 2px;
}



non si può proprio dare un link?

A un'immagine di sfondo ad un div non si può dare un link, ma se la levi come sfondo e la inserisci vome ti hanno già consigliato si può dargli un link

[Virus_101]

L'immagine viene caricata in backgroud nel div quindi invece di caricarla con il css la carichi con tag img :

#headerpic
{
position: relative;
height: 109px;
margin-bottom: 2px;
}
/*Nel caso stilizzi l'immagine*/
#headerpic img
{
......
}

<div id="headerpic">[img]images/hdrpic.jpg[/img]</div>

Così facendo mantieni lo stile del div, e l'immagine la usi per linkare.

la rimozione di questo "background: #A7A8AA url(images/hdrpic.jpg) no-repeat top left;" ti modifichera sicuramente il layout , dovrai modificare il css per rimettere la visualizzazione come prima.

Sennò puoi mettere un div nascosto con il link e' una sol ma nn so quanto sia valida anche perche' se fai un block box poi devi stare attento alla compatibilita' con i browsers e devi usare qlke hack per renderlo visibile nello stesso modo ovunque.


In mancanza di altre info potrebbe essere una sol.

[wilderness]

l'immagine con i tag img..solo che adesso mi visualizza attorno all'immagine un bordino..che non c'è effettivamente nel file.. e il bordo in dreamw. è impostato a 0!

[Virus_101]

lo elimini in 2 modi

1) nel css

#headerpic img{ border:0}

2) nel tag img

<div id="headerpic">[img]images/hdrpic.jpg[/img]</div>

[wilderness]

#headerpic
{
position: relative;
height: 109px;
background: #A7A8AA url('images/hdrpic.jpg') no-repeat top left;
border:0;
margin-bottom: 2px;
}

e nell'html ho:


<div id="headerpic">[img]../images/hdrpic.jpg[/img]</div>

ma lo visualizzo lo stesso... dove sbaglio?