css

[DarkSiDE]

ho applicato questo stile ai link

A:hover { border-bottom: 1px dotted #5b80b2; }

solo che ovviamente lo applica anche alle img,come posso escluderle?

[cionci]

Dagli un nome:

.link1:hover { border-bottom: 1px dotted #5b80b2; }

E quando fai un link su cui vuoi applicare questo stile scrivi: <a .... class="link1">

[DarkSiDE]

Originariamente inviato da cionci
Dagli un nome:

.link1:hover { border-bottom: 1px dotted #5b80b2; }

E quando fai un link su cui vuoi applicare questo stile scrivi: <a .... class="link1">

sì ci avevo pensato il discorso è che mi sembra poco "igienico" visto che i link testuali con quello stile sono praticamente tutti,mentre img link sono solo un paio,ecco perchè mi chiedevo qual'è la proprietà per disabilitarlo sulle img, sul sito w3 ho trovato qualcosa ma per disabilitare il bordo delle img e non dei link..

[cionci]

Allora definisci una classe solo per i link delle immagini... Per gli altri dovrebbe venire usato lo stile di default...

[DarkSiDE]

Originariamente inviato da cionci
Allora definisci una classe solo per i link delle immagini... Per gli altri dovrebbe venire usato lo stile di default...


sì ma nn so quale sia la proprietà per eliminare quell'effetto..

[cionci]

Basta che imposti i vari border a 0 ;)

[DarkSiDE]

Originariamente inviato da cionci
Basta che imposti i vari border a 0 ;)

ci avevo già provato:
img { border-bottom: none }

nn va :muro:

[SteR9]

Originariamente inviato da DarkSiDE
ci avevo già provato:
img { border-bottom: none }

nn va :muro:
prova
img { border-bottom: 0}
ciao
:)

[cionci]

.img1 { border-bottom: 0}
ed assegni al tag A la classe img1...

[DarkSiDE]

Originariamente inviato da SteR9
prova
img { border-bottom: 0}
ciao
:)

ci avevo già provato..niente da fare :mad:

[lombardp]

Il problema è che l'attributo di border-bottom non lo applichi all'immagine, ma al link. Per cui annullare il bordo inferiore all'immagine non serve proprio a nulla.

Quello che ti serve è annullare il bordo inferiore ai link con le immagini: l'unico modo semplice che mi viene in mente è creare una particolare classe di link con immagini, per le quali in bordo inferiore non viene attivato.


a.linkconimmagine:hover { border-bottom: 0}


Quando farai un link con una immagine, dovrai impostare la classe opportuna.


<a href="..." class="linkconimmagine"><img ... /></a>



Così dovrebbe funzionare (è esattamente come aveva detto Cionci, con qualche discorso in più).

[DarkSiDE]

Originariamente inviato da lombardp
Il problema è che l'attributo di border-bottom non lo applichi all'immagine, ma al link. Per cui annullare il bordo inferiore all'immagine non serve proprio a nulla.

Quello che ti serve è annullare il bordo inferiore ai link con le immagini: l'unico modo semplice che mi viene in mente è creare una particolare classe di link con immagini, per le quali in bordo inferiore non viene attivato.


a.linkconimmagine:hover { border-bottom: 0}


Quando farai un link con una immagine, dovrai impostare la classe opportuna.


<a href="..." class="linkconimmagine"><img ... /></a>





Così dovrebbe funzionare (è esattamente come aveva detto Cionci, con qualche discorso in più).

ti ringrazio