Printable View
Ho cercato un po' nel forum ma non ho trovato il mio caso specifico: dell'onmouseover se ne è parlato molto sia per le immagini che per il testo: a me interessa per il testo.
In pratica ho dei link i queli col passaggio del mouse devono diventare sottolineati come se tutt'un tratto gli si aggiungesse un <U> (:lol:)
Ex: www.fantagames.altervista.org
Nello <style> devi inserire :
Codice:A:LINK {
color : quello che vuoi;
text-decoration: none
}
A:VISITED {
color : quello che vuoi;
text-decoration: none
}
A:HOVER {
color : quello che vuoi;
text-decoration : underline;
}
A:ACTIVE {
color : quello che vuoi;
text-decoration: none
}
Beh, a me a quanto pare interesserebbe solo A:HOVER no? Lo posso mettere anche da solo nel mio foglio style.css e poi richiamare con un class? Se posso richiamarlo in un class sto class lo metto in un div e chiudo il testo a cui devo fare questo effetto in esso?
Abbé, vero... avevi scritto "alcuni" e non tutti, sorry.....
Certo che devi dargli una classe però ti consiglio di lasciare almeno i primi tre parametri ("active" non è poi basilare ed è quasi in disuso) che con uno solo qualche browser potrebbe avere problemi. :wink:
[EDIT}
Una volta che gli hai dato la classe (es: a.under: ecc.ecc.) ti basta variare il link del testo : <a href class="under"="indirizzo"> link </a>
Scusami ma di CSS mi intendo poco, quel poco che so ce l'ho solo per pratica... infatti fra un po' studio pure quello oltre che l'html e il php. Io sapevo che per dare la classe di metteva un punto e poi di seguito il nome, poi di mettevano le cose tra parentesi graffe. In seguito si richiama col class il nome che si è dato alla classe. In questo caso dove lo metto a.under? Se mi fai un codice di esempio ti sarei grato perchè mi aiuterebbe a capire! Grazie ancora per la disponibilità ;)
OK..... sto cominciando anch'io a fare l'errore di molti e cioé, dare per scontate le cose ....... il codice è questo (da inserire tra
<style type="text/css"> e </style>
Poi ti basta aggiungere la classe (come ho scritto nel post precedente) al tag del link che intendi variare al passaggio del mouse ...Codice:a.collegamento: LINK {
color: quello che vuoi;
text-decoration: none
}
A.collegamento: VISITED {
color : quello che vuoi;
text-decoration: none
}
A.collegamento: HOVER {
color : quello che vuoi;
text-decoration : underline;
}
A.collegamento: ACTIVE {
color : quello che vuoi;
text-decoration: none
}
P.S.) Riguardo al "active" ... mi sono ricordato che con IE è meglio lasciare anche quello perchè può capitare che una volta cliccato il link, IE non si "ricordi" e lasci poi di default il testo sottolineato.
[EDIT]
Al posto di "collegamento" o di "under" puoi mettere il nome che vuoi, basta che poi lo riporti esatto anche nel tag del link. :wink:
...Stasera scrivo le cose a pezzi, eheheh.
aspio, mi sto confondendo sempre di più! In style.css ci devo mettere quel codice CSS? Perchè nel post che hai appena fatto dici che è da mettere tra <style type="text/css"> e la sua chiusura! Se è così in che modo? A muzzo? Scusa se ti faccio tribolare un po', ma come promesso appena avrò tempo libero me lo studio bene :D
Cerchiamo di far chiarezza:
- l'effetto "link sottolineati al passaggio del mouse" non si può fare "in loco", cioè tramite gli attributi STYLE di (D)HTML
- per farlo su TUTTI i link, includi questo codice tra i tag <HEAD>:- se invece te ne interessano alcuni, questo è il codice che devi indicare nei tag HEAD:Codice HTML:<STYLE>
A { text-decoration:none }
A:hover { text-decoration:underline }
</STYLE>
e così specifichi per quali link usare questi stili:Codice HTML:<STYLE>
A.over_link { text-decoration:none }
A.over_link:hover { text-decoration:underline }
</STYLE>
Statemi bene...Codice HTML:<A HREF="..." CLASS="over_link"> ... </A>
OK, thanks capito.
A.over_link { text-decoration:none }
A.over_link:hover { text-decoration:underline }
lo posso anche mettere nel foglio style.css? Non cambia niente? Poi lo richiamo lo stesso con CLASS="over_link"?
il tag <style type="text/css"> non è nient'altro che il modo giusto (e "validato W3C") per evidenziare il CSS e lo dovresti inserire al posto dello <style> che probabilmente hai scritto tu. la chiusura del tag è invece identica (sempre </style> ), quindi va bene ....Citazione:
Originalmente inviato da sottoscalapunk
Il sistema di Deme è sicuramente più veloce, intuitivo e semplice ma, il giorno in cui tu (malauguratamente :wink:) decidessi di creare delle pagine "validate" ed "accessibili" dovresti comunque andare a correggere quei tags ...
#Deme ...
Citazione:
Originalmente inviato da specifiche HTML 4.0
Esattamente, SOLO quelle due righe, senza intestazioni HTML di alcun tipo.Citazione:
Originalmente inviato da sottoscalapunk
[4 Taitaonline] Grazie per la segnalazione, ma personalmente ritengo che prima di essere valido un qualcosa debba almeno essere funzionante... questo, senza voler sminuire in alcun modo la validazione W3C
Statemi bene...
Ah, ok, grazie per la segnalazione. Se aveste visto in piazza centrale avevo aperto un topic sulla validazione e il sito che per ora è validato è proprio questo su cui sto ancora lavorando. In questo modo sarà ancora valido! :lol:
Grazie e ciao!
bene, chiudo!