Border color style

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?
 

Kea BD

Nuovo Utente
13 Feb 2007
19
0
0
www.scentificbus.altervista.org
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)
 

mooug

Utente Attivo
15 Feb 2007
49
0
0
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:

Kea BD

Nuovo Utente
13 Feb 2007
19
0
0
www.scentificbus.altervista.org
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...
 

mooug

Utente Attivo
15 Feb 2007
49
0
0
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?
 

Kea BD

Nuovo Utente
13 Feb 2007
19
0
0
www.scentificbus.altervista.org
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.
 

mooug

Utente Attivo
15 Feb 2007
49
0
0
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
 

Kea BD

Nuovo Utente
13 Feb 2007
19
0
0
www.scentificbus.altervista.org
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.
 

mooug

Utente Attivo
15 Feb 2007
49
0
0
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
Autore Titolo Forum Risposte Data
L border in tabella php + layout stampa PHP 0
F [HTML] Inserire testo all'interno di una div con border radius HTML e CSS 2
F border li causa lo spostamento delle voci di menù HTML e CSS 2
S Problema Border-Radius e IE 9 -.- HTML e CSS 4
M tabelle con i css e nn tramite echo"<table border='1'> HTML e CSS 1
H border/outline HTML e CSS 6
B meta name="Microsoft Border" HTML e CSS 1
F css: -moz-border-radius e :hover HTML e CSS 0
K border si border no HTML e CSS 4
C colorare il border di un immagine HTML e CSS 5
Alex_70 Javascript date color Javascript 3
felino [Wordpress] Modifica main color del template WordPress 8
Shyson Cambiare color all'onclick Javascript 9
A Problema con valore style.color in Esadecimale Javascript 16
Dusy ...solita borsa color nero black-out Altri Annunci 4
P [WordPress] Messaggio di errore in file style.css WordPress 0
G [HTML] mettere menu style smartphone anche sui tablet HTML e CSS 0
M element style immodificabile dentro una galleria javascript Javascript 6
F select style personalizzato HTML e CSS 0
F my style woocommerce WordPress 0
R Scelta CMS Per Sito "non blog Style" CMS (Content Management System) 3
A Mostrare video style facebook Javascript 0
novello88 DIV style - stilizzare un div contenitore HTML e CSS 2
A GoGo css style tema help HTML e CSS 4
A Proprietà 'style': oggetto nullo o non definito Javascript 2
M errore in IE con array.style Javascript 0
N Jquery style switcher in ogni pagina del sito jQuery 0
J Create Topic Selectors like Digg Style Javascript 0
M Dreamweaver foglio di style Programmazione 0
A style.left Javascript 0
grottafelix Set Icone style Light Webdesign e Grafica 7
peppoweb Mozilla 1.4, ultima versione old-style Windows e Software 0

Discussioni simili