a e a:hover con attributo style

[fabbio86]

Ciao a tutti!

Sto realizzando un menu in CSS utilizzando una lista.

Siccome vorrei visualizzare un bordo sottile intorno a ogni pulsante setto la proprietà border-right-width a 0px. Ovviamente l'ultimo pulsante rimane sguarnito di un bordo che aggiungo con l'attributo style="border-right-width: 1px solid #000000"
Purtroppo i pulsanti sono link e il testo cambia di colore da nero a bianco al passaggio del mouse.
Questo effetto viene anche (fastidiosamente) applicato in FF all'ultimo bordo.

Qui un esempio. Cliccando su Bordo Grosso o Bordo Finale si può vedere tale effetto. Il diverso spessore dei bordi è voluto.

Come posso risolvere il problema? Si possono definire nell'attributo style i comportamenti dei bordi per link e hover? Altrimenti come posso fare?

Grazie

[knifekiller]

usa le css..dai un id o una class al link che t interessa e poi specifica le proprietà del link a pagina ferma tipo:

.tua_classe a{
border-color:#fff;
}

e poi quelle di quando c passi sopra con il mouse

.tua_classe a:hover{
border-color:#000;
}

[fabbio86]

Ciao e grazie della risposta.
Ho provato ma non funziona:

aggiungendo il seguente codice al CSS:

.borderLinkBig a {
    border-right: 3px;
    border-color: #000000;
}

.borderLinkBig a:hover {
    border-right: 3px solid;
    border-color: #000000;
} 

e questo al link in questione:

[url='#']Bordo Grosso[/url] 

Ottengo solo che il pulsante non presenta più nessun bordo (come puoi vedere nella pagina di test linkata sopra).
Dove sbaglio?

[darkmavis]

Prova cosi'

 a.borderLinkBig {
    border-right: 3px;
    border-color: #000000;
}

a.borderLinkBig:hover {
    border-right: 3px solid;
    border-color: #000000;
}

[darkmavis]

A parte che va scritto border-right: 3px solid #000000;

[fabbio86]

Ciao. Ho messo così:

a.borderLinkBig {
    border-right: 3px solid #000000;
}

a.borderLinkBig:hover {
    border-right: 3px solid #000000;
} 

ma ancora non funziona (e mi avrebbe sorpreso il contrario, perchè per funzionare avrei bisogno di un contenitore definito sotto il livello link).

[bluarancia7]

Ciao Fabio, dovrebbe essere sufficiente aggiungere il colore subitodopo la width del bordo: style='border-right: 1px solid #000000;' con Mozilla e IE funziona, prova
F

[bluarancia7]

se vuoi metterlo in css devi modificare la classe aggiungendo !important.... non ho ben capito perchè, però funziona:
.borderLinkBig {
border-right:3px solid #000000!important;
/* border-right: 3px solid;
border-color: #000000;*/
}

ciao

[fabbio86]

Ciao!

Mitico, mi ero dimenticato di !important
La mia ipotesi è che serva !important perchè si va a modificare una proprietà che ha la stessa priorità della classe (in a ho definito il bordo di dimensione 1). Ma magari è una scemenza.

Grazie a tutti per l'aiuto!

[darkmavis]

Io ho messo il bordo migliaia di volte cosi' e non mai usato l'important :-|