eliminare il bordo alle immagini dentro i link

**mangiasassi** · 06-07-2005, 18:00

Tramite CSS ho creato uno stile a:hover con un bordo, che però non voglio si veda quando inserisco un'immagine all'interno di un link!

Seza postarvi tutto il codice della mia pagina, ho creato un esempio ad Hoc che riassume il mio problema:

codice:

<html>  
<head>  	
<title>NO BORDER!!!</title>    
<style type="text/css">    
img {  border: none;  }    
a:hover {  border: 3px Red Solid;  }    
a:hover img {  border: none;  }    
</style>    
</head>    

<body>    
<a href="www.google.it">  	
  
</a>    
</body>  
</html>

In pratica la regola

codice:

a:hover img {  border: none;  }

è come se non esistesse...

Quello che voglio è eliminare il bordo al passaggio del mouse sopra le immagini linkate...
Soluzioni? Dove sbaglio?

**awd** · 06-07-2005, 19:04

c'è qualche concetto logico che mi sfugge e non riesco a venirne a capo!

in alternativa usa delle classi

codice:

img {  border: none;  }    
a:hover {  border: 3px Red Solid;  }    
a.nobordo:hover {  border: none;  }

mi spiace ma di più non so che dirti
tra l'altro, se vedi, c'è anche un'altra discussione

**mangiasassi** · 06-07-2005, 19:42

Originariamente inviato da awd
c'è qualche concetto logico che mi sfugge e non riesco a venirne a capo!

in alternativa usa delle classi

codice:

img {  border: none;  }    
a:hover {  border: 3px Red Solid;  }    
a.nobordo:hover {  border: none;  }

mi spiace ma di più non so che dirti
tra l'altro, se vedi, c'è anche un'altra discussione

Ottimo, grazie dell'idea, sono aposto ora!

Ora rimane da risolvere il problema giusto per conoscenza... Magari si tratta di un errore nei browser (che oltre a IE riguarderebbe anche Opera 8)...

Magari se qualcuno che ha Firefox si prende la briga di controllare, potrebbe poi postare l'esito.

Discussione: eliminare il bordo alle immagini dentro i link

Strumenti discussione

Ricerca discussione

Visualizza

eliminare il bordo alle immagini dentro i link

Permessi di invio