[HTML] OnMouseOver sottolineato

20-04-2006, 20.41.23

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> (

)

Ex: www.fantagames.altervista.org

**Taitaonline** · 20-04-2006, 20.48.43

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
}

20-04-2006, 21.00.09

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?

**Taitaonline** · 20-04-2006, 21.02.51

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.

[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>

20-04-2006, 21.08.59

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à ;)

**Taitaonline** · 20-04-2006, 21.25.25

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>

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
}

Poi ti basta aggiungere la classe (come ho scritto nel post precedente) al tag del link che intendi variare al passaggio del mouse ...

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.

...Stasera scrivo le cose a pezzi, eheheh.

20-04-2006, 21.37.41

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

**dementialsite** · 20-04-2006, 22.04.11

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>:

Codice HTML:

<STYLE>
A { text-decoration:none }
A:hover { text-decoration:underline }
</STYLE>

- se invece te ne interessano alcuni, questo è il codice che devi indicare nei tag HEAD:

Codice HTML:

<STYLE>
A.over_link { text-decoration:none }
A.over_link:hover { text-decoration:underline }
</STYLE>

e così specifichi per quali link usare questi stili:

Codice HTML:

<A HREF="..." CLASS="over_link"> ... </A>

Statemi bene...

20-04-2006, 22.15.00

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"?

**Taitaonline** · 21-04-2006, 12.42.14

Originalmente inviato da sottoscalapunk

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

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 ....

Il sistema di Deme è sicuramente più veloce, intuitivo e semplice ma, il giorno in cui tu (malauguratamente

) decidessi di creare delle pagine "validate" ed "accessibili" dovresti comunque andare a correggere quei tags ...

#Deme ...

Originalmente inviato da specifiche HTML 4.0

14.2.3 Informazioni sullo stile nell'intestazione: l'elemento STYLE

<!ELEMENT STYLE - - %StyleSheet -- informazioni di stile -->
<!ATTLIST STYLE
%i18n; -- lang, dir, da usare con title --
type %ContentType; #REQUIRED -- tipo di contenuto del linguaggio di stile --
media %MediaDesc; #IMPLIED -- progettato per l'uso con questi media --
title %Text; #IMPLIED -- titolo di riferimento --
>

Tag iniziale: richiesto, Tag finale: richiesto

**dementialsite** · 21-04-2006, 13.35.15

Originalmente inviato da sottoscalapunk

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"?

Esattamente, SOLO quelle due righe, senza intestazioni HTML di alcun tipo.

[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...

24-04-2006, 10.33.54

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!

Grazie e ciao!

24-04-2006, 22.56.37

bene, chiudo!

Discussione: [HTML] OnMouseOver sottolineato

LinkBack

Strumenti discussione

Display

[HTML] OnMouseOver sottolineato

Regole di scrittura