| Precedente :: Successivo |
| Autore |
Messaggio |
Typhoon90
Dio maturo
Registrato: 01/06/06 16:17
Messaggi: 1019
Residenza: Vivere per niente o morire per qualcosa. Scegli tu.
|
 Inviato: 26 Nov 2006 15:44 Oggetto: * Togliere il bordo viola delle immagini |
 |
|
| Come si fa in html a togliere il bordo delle immagini prima e dopo essere cliccate??? |
|
| Top |
|
 |
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 26 Nov 2006 16:06 Oggetto: |
|
|
levi il bordo incorporando lo style:
| Codice: |
<a href="http://www.zeusnews.it"><img src="logo.jpg" style="border:0px none" alt="Zeus News" /></a>
|
o a livello di css per tutte le immagini
| Codice: |
<style type="text/css">
...
IMG {border:0}
...
</style>
|
o solo per determinate immagini (es. nel layer chiamato pippo)
| Codice: |
#pippo IMG {border:0}
|
es. solo per le immagini nel layer pippo ma che siano all'interno di un link
| Codice: |
#pippo A IMG {border:0}
|
semplicemente A include tutti i link in ogni status, altrimenti se vuoi scegliere solo alcuni status scegli A:active (link ancora da visitare o da cliccar) A:visited ( links visitati o già cliccati) o A:HOVER (il mouse over sul link) |
|
| Top |
|
|
Typhoon90
Dio maturo
Registrato: 01/06/06 16:17
Messaggi: 1019
Residenza: Vivere per niente o morire per qualcosa. Scegli tu.
|
| Inviato: 26 Nov 2006 17:54 Oggetto: |
|
|
grazie mille!!
molto chiaro e utile.
 |
|
| Top |
|
|
kluster
Dio maturo
Registrato: 15/04/06 13:14
Messaggi: 2898
|
| Inviato: 26 Nov 2006 18:16 Oggetto: |
 |
|
Figurati, solo una puntalizzazione
A volte vedi a giro delle immagini che non hanno il bordo e se ci passi sopra con il mouse appare il bordo.
Bene un trucco che ti consiglio di usare è quello di mettere lo stesso un bordo del colore di sfondo della pagina (o dell'elemento che contiene l'immagine) sullo stato a riposo e un bordo di diverso colore al mouse over. Questo per evitare una leggera scalettatura della pagina (si sposta il layout di un pixel in basso [nelle tabelle è + evidente])
quindi es.
| Codice: |
<style type="text/css">
/* assumo che il body sia di colore verde */
BODY
{
background-color: green;
}
/* do un colore di bordo all'immagine di colore verde che appare quindi invisibile */
A IMG
{
border:1px solid green;
}
/* a questo punto sull'hover non scaletta + perchè ha gia' 1 pixel occupato dal bordo invisibile */
A:HOVER IMG
{
border:1px solid yellow;
}
</style>
|
P.s non do l'hover direttamente sull'immagine (IMG:HOVER) perchè IE6 (mi sembra di ricordare che IE7 ora abbia implementato il supporto) supporta l'hover solo sul tag A |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
