problemino con css - bordo immagine

**chef** · 27-12-2004, 00:42

Salve a tutti!
Una domanda: con i css volevo fare in modo che alcune miniature (cliccabili) che ho in una pagina html avessero ad esempio un bordo rosso ed al passaggio del mouse il bordo diventa, ad esempio, nero.
Ho provato nel mio css ha scrivere una cosa del genere:

a.raduni {
border : 2px solid Red;
}
a.raduni:hover {
border : 2px solid Black;
}

ma non funziona... secondo voi dove sbaglio?
Vi riporto un pezzetto di codice:

<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="../img/friends/280804_007.jpg" target="_blank" class="raduni">
[img]../img/gallery/raduno_pranzo_livorno/mini/mini_000_0254.jpg[/img]</a></td>
...bla bla bla...
</table>

PS ho provato anche a togliere il border="0" nella img src, ma non succede nulla!!

grazie

**Barman@83** · 27-12-2004, 01:07

c'e qualcosa che non mi convince cmq controllo meglio il tuo codice e ti rispondo con calma aspetta ancora 2o 3 giorni...............

**chef** · 27-12-2004, 01:19

ok grazie,
cmq stavo controllando nella guida sui css su questo sito anche se per adesso non ho trovato la risposta al mio quesito.
Faro' anche un'altra prova: cercherò un sito che funziona e do un'occhiata al codice...
:rollo:

thanks
carlo

**lorenzo12375** · 27-12-2004, 01:23

a me funziona (nonostante i colori scritti in maiuscolo)
non c'è qcosa d'altro di sbagliato?
ecco una porzione di codice che funziona:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
a.raduni {
border : 2px solid Red;
}
a.raduni:hover {
border : 2px solid Black;
}
</style>
<body>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="blabla" target="_blank" class="raduni">
[img]blabla.jpg[/img]</a></td></tr>

</table></body>
</html>

ciao

**chef** · 27-12-2004, 10:12

grazie per la tua info.
Ho provato ad incollare il codice in una nuova pagina html e l'effetto riesco a vederlo anche se solo parzialmente.

Infatti il bordo non mi riquadra completamente la fotografia, ma solo la sua parte inferiore e parte dei bordi dx e sx. Ho fatto la prova con Firefox e con IE6 ed i risultati sono simili.

Il fatto di mettere "border : 2px solid Red;", dovrebbe incorniciarli completamente, dove sta l'inganno??

**span** · 27-12-2004, 10:29

Prova così:

codice:

a.raduni img{
border : 2px solid Red;
}
/* serve solo per IE, senza 
stranamente non funziona */
a.raduni:hover{
  font-family: sans-serif;
}
/* Fine dichiarazione per IE */
a.raduni:hover img{
border : 2px solid Black;
}

**chef** · 27-12-2004, 11:16

Grazie funziona!!!!!

ps: comunque è strana questa cosa...

**span** · 27-12-2004, 11:56

Originariamente inviato da chef
Grazie funziona!!!!!

ps: comunque è strana questa cosa...

già, prima di scoprirlo ci avevo scritto una lunga pillola per ottenerlo con un metodo alternativo... ora sarebbe da buttare

(o modificare)

Discussione: problemino con css - bordo immagine

Strumenti discussione

Ricerca discussione

Visualizza

problemino con css - bordo immagine

ok grazie

ho provato... ma... sigh!!!

PERFETTO!!!

Re: PERFETTO!!!

Permessi di invio