Rollover bordo immagine

**Aekold** · 20-02-2011, 19:30

Salve a tutti.. nella mia pagina ho inserito un'immagine su cui cliccando si apre un link.. alla mia immagine ho applicato un bordo con il comando

codice:

style="border:1px solid #798ca9;"

solo che mi sono reso conto del fatto che, lasciando tutto per così com'è adesso, è poco intuitivo che bisogna cliccare sull'immagine per aprire il link.

Avevo quindi pensato di far cambiare il colore del bordo dell'immagine al rollover del mouse, solo che non ho idea di come fare.

Se possibile preferirei che il codice in questione fosse incorporabile nel codice stesso della pagina e non in un css esterno.

E' possibile?

grazie a tutti

**carlomarangoni** · 20-02-2011, 20:20

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css" media="screen">
a {
	outline: none;
	border: none;
}
a img {
	border: 1px solid #798ca9;
	outline: none;
}
a img:hover {
	border: 1px solid #F00;
	outline: none;
}
</style>
</head>

<body>
<a href="page.htm" target="_self">
	[img]immagine.jpg[/img]
</a>
</body>
</html>

**mucu** · 20-02-2011, 20:31

meglio scrivere

codice:

a:hover img{
	border: 1px solid #F00;
	outline: none;
}

poi il target _self mi sembra inutile, ridondante
e poi sarebbe il caso di consigliare il doctype strict
il transitional andava bene tanti anni fa, all'inizio

Discussione: Rollover bordo immagine

Strumenti discussione

Ricerca discussione

Visualizza

Rollover bordo immagine

Permessi di invio