Originariamente inviato da NataStanca
Ciao. Se vuoi un intero div cliccabile basta mettere <a> davanti al div.
Per semplificarti il tuo lavoro ti consiglierei di non usare tanti "id" dentro lo stesso dv.
NO!
Non si possono inserire dei tag di tipo blocco all'interno di tag di tipo inline.
A volte i browser lo accettano, ma potrebbe non succedere in futuro.
Nel codice postato da ciber ci sono errori di sintassi gravi, che potrebbero impedire il corretto funzionamento del tutto. Oltre ad aver inserito un
dentro un <a>, ci sono anche due oggetti con lo stesso id, e questo puo` mandare in confusione il browser.
Non so cosa sia un "monitor": immagino sia un blocco con una immagine di sfondo che assomiglia ad uno schermo di PC.
Probabilmente la cosa piu` corretta, in questo caso e`:
codice:
<div>
<a href="email.com" title="...">
[img]monitor.jpg[/img]
</a>
</div>
dove l'immagine contiene anche la scritta abc@email.com .
In alternativa si puo` mettere l'immagine come sfondo del div, e il codice diventa:
pero` in questo caso occorre definire le dimensioni del div, e centrare la scritta:
codice:
#monitor {
width:200px;
height:219px;
background-image:url(../img/monitor.jpg);
...
}
#monitor a {
display: block;
width: 100%;
height: 100%;
text-align: center;
line=height: 219px; /* occorre che sia alta quanto lo spazio */
}
Rispondi quotando
Dovrei stare più attenta.
Mentre, alla soluzione con l'immagine non ci ho pensato proprio!