Eliminare bordo ad un'immagine con link

**dabbia** · 25-06-2008, 19:34

Ho impostato poche semplici regole con i CSS per i link. Tuttavia non riesco ad eliminare questo fastidioso bordo inferiore che si visualizza quando passi il mouse sopra le immagini con link

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>
<style>
img a { border:0px;}
a:link {color: #006600;
}
a:visited { color: #006600;}
a:hover {
	color: #009900;
	border-bottom:1px solid #009900; padding-bottom:1px;
}
</style>
</head>

<body>
[img]cane.jpg[/img]
</body>
</html>

**fcaldera** · 25-06-2008, 23:37

img a { border:0px;}

semmai il contrario, cioè

a img { border: 0;}

è l'immagine ad essere dentro il link, non viceversa

**dabbia** · 26-06-2008, 10:41

Giusto... ma il problema rimane!

**dabbia** · 29-06-2008, 13:02

up

**sezenec** · 29-06-2008, 14:04

metti border:0px; a tutte le classi
e anche all'immagine.

<a href="#">[img]cane.jpg[/img]

Se funziona li ritogli uno a uno fino a quando capisci dove andava messo.

Discussione: Eliminare bordo ad un'immagine con link

Strumenti discussione

Ricerca discussione

Visualizza

Eliminare bordo ad un'immagine con link

Permessi di invio