Border color style

  • Creatore Discussione Creatore Discussione mooug
  • Data di inizio Data di inizio

mooug

Utente Attivo
15 Feb 2007
49
0
0
Ho un codice particolare:

<img class="bcolor" src="$thumbPath" width="$thumbWidth" height="$thumbHeight">

che richiama questo style

.bcolor {
border-color: #808080; <!-- grigio -->
border-width: 2;
border-style: solid;
margin: 1;
}

.bcolor:hover {
border-color: #FFFF00; <!-- ffff00 giallo -->
border-width: 2;
border-style:1px solid;
margin: 1;
}

.bcolor:visited {
border-color: #008000; <!-- verde -->
border-width: 2;
border-style: solid;
margin: 1;
}

ma a video appare il bordo grigio sempre anche se passo o clicco sull'immagine, come lo modifico?
 
L'hover con firefox funziona, è con ie che non funziona.

Cmq mi sarebbe utile sapere se l'immagine è contenuta in un link.
Inoltre puoi essere + preciso sul codice della pagina? (magari passa il link alla pagina o ad una versione grezza di essa)
 
L'hover con firefox funziona, è con ie che non funziona.

Cmq mi sarebbe utile sapere se l'immagine è contenuta in un link.
Inoltre puoi essere + preciso sul codice della pagina? (magari passa il link alla pagina o ad una versione grezza di essa)
Scusa il ritardo ma avevo problemi di visualizzazione cioè: nell'editor vedevo i bordi ma online non si vedevano, questa è la pag con questo CSS

.bcolor {
border-width: 1;
border-color: #808080; <!-- grigio -->
border-style: solid;
margin: 1;
}


http://www.photoman.altervista.org/fabio-out/index.html
 
Ultima modifica:
Non so come ottenere il rollover di colore con ie, però dovresti togliere border="0" dalle immagini, dato che imposti il bordo col css non ha senso toglierlo poi nei tag img, inoltre hai notato quelle lineette blu che ci sono accanto alle immagini?
Sono dovute al <br> che metti all'interno dei link subito dopo la chiusura del tag img, dovresti spostare i <br> dopo la chiusura dei link.

Codice:
<td valign="bottom" width="60">
<a title="Lucio al sole" target="slide" href="slides/Lucio al sole.html">
<img class="bcolor" src="thumbs/Lucio al sole.jpg" width="41" height="60">
</a>
<br>
</td>

anche se non capisco a cosa ti servono dato che ogni immagine si trova nel suo td...
 
Non so come ottenere il rollover di colore con ie, però dovresti togliere border="0" dalle immagini, dato che imposti il bordo col css non ha senso toglierlo poi nei tag img, inoltre hai notato quelle lineette blu che ci sono accanto alle immagini?
Sono dovute al <br> che metti all'interno dei link subito dopo la chiusura del tag img, dovresti spostare i <br> dopo la chiusura dei link.

Codice:
<td valign="bottom" width="60">
<a title="Lucio al sole" target="slide" href="slides/Lucio al sole.html">
<img class="bcolor" src="thumbs/Lucio al sole.jpg" width="41" height="60">
</a>
<br>
</td>

anche se non capisco a cosa ti servono dato che ogni immagine si trova nel suo td...
Non vedo lineette blu da IE, la foto gallery viene creata automaticamente da JAlbum, come hai fatto a trovare il codice dell'immagine?
 
Lui crea il codice automaticamente, ma quando arriva sul mio browser è codice esistente e quindi lo posso vedere...
Con ie basta fare Tasto Destro -> HTML
Con ff fai Tasto Destro -> Visualizza Sorgente Pagina

Per il trattino blu ho appena controllato:
con internet explorer nulla (non ne vedo)
con firefox 1°, 2°, 4°, 5°, 7°, 11°, 14° lo vedo, da quello che ho capito (ad intuito) lo si vede nelle foto - larghe (in base alle colonne).

Rollover del colore:
al momento non lo vedo con nessuno dei due browser, hai rinunciato a metterlo? Almeno in firefox nel modo che avevi usato prima si vedeva.
 
Lui crea il codice automaticamente, ma quando arriva sul mio browser è codice esistente e quindi lo posso vedere...
Con ie basta fare Tasto Destro -> HTML
Con ff fai Tasto Destro -> Visualizza Sorgente Pagina

Per il trattino blu ho appena controllato:
con internet explorer nulla (non ne vedo)
con firefox 1°, 2°, 4°, 5°, 7°, 11°, 14° lo vedo, da quello che ho capito (ad intuito) lo si vede nelle foto - larghe (in base alle colonne).

Rollover del colore:
al momento non lo vedo con nessuno dei due browser, hai rinunciato a metterlo? Almeno in firefox nel modo che avevi usato prima si vedeva.

Nel mio vedo i thumbs col bordo grigio
 
Che browser usi?

Cmq anch'io vedo i bordi grigi, sia con firefox che con internet explorer si vedono grigi.

Le lineette di cui ti parlo sono di lato alle immagini (a destra e in basso, e sono orizzontali), non fanno parte dei loro bordi, e le vedo solo con ff come già detto.
 
Che browser usi?

Cmq anch'io vedo i bordi grigi, sia con firefox che con internet explorer si vedono grigi.

Le lineette di cui ti parlo sono di lato alle immagini (a destra e in basso, e sono orizzontali), non fanno parte dei loro bordi, e le vedo solo con ff come già detto.
Uso ie, allora è JAlbum che opera così.
 

Discussioni simili