link - cambio colore passaggio mouse

[meowth]

Premetto di essere principiante e, prima di fare questa domanda, ho effettuato diverse ricerche ma le risposte erano troppo complesse ...

Vorrei che al passaggio del mouse su un link la scritta diventasse rossa e si vedesse la sottolineatura. Ovviamente solo durante il passaggio del mouse. Inoltre, dopo che il link viene cliccato, la scritta deve ritornare blu

Il link è il sottoscritto

<a style="color: #000080; text-decoration: none" href="Novità/Novità.htm">
Novità</a></span></p>

Grazie fin d'ora

[gabip87]

non usare formattazioni inline, quindi metti il codice nel CSS. se lo stile non si deve applicare a tutti i link del documento associalo a una class/id.

a:link, a:visited
{
   text-decoration:none;
   color:#ccc  /* al posto ci "ccc" metti il valore del tuo blù */
}

a:hover, a:active
{
   color:#f30  /* al posto di "f30" metti il valore del tuo rosso */
}

[meowth]

Grazie funziona.

Un'ultima domanda. Oltre a cambiare colore vorrei anche la sottolineatura...

Come si fa???

Grazie 1000

[gabip87]

a:hover, a:active
{
   text-decoration:underline;
   color:#f30  /* metti il valore del tuo rosso */
}

[meowth]

Perfetto!!!
Grazie

[meowth]

Un'ultima cosa.
Quanto sopra mi è servito per creare la mappa del sito. Ora ho l'esigenza di spostare, dal margine sx, i vari link a misure diverse, es:
LINK1
sottolink
sottolink
sotto-sottolink
LINK 2
sottolink

Oltre a spostarli utilizzando la barra spazitrice, esiste un metodo più "professionale"

Grazie

[gabip87]

intendi qualcosa come i menù multi-level di cssplay? se trovi un'esempio simile a quello che ti serve, right click -> view source -> studia il codice (occhio al copyright).

[meowth]

No, non intendo un menù.
Intendo una serie di semplicissimi link, uno sotto l'altro, sempre visibili e solo ed esclusivamente con l'effetto del cambio colore e sottolineatura che tu mi hai spiegato, solo con rientri diversi. Un pò come una root con le varie cartelle

Esempio (le linette ho dovuto metterle per rendere l'idea, visto che, nell'esempio di prima, avendo usato la barra spaziatrice, gli spazi da bordo sx non sono stati visualizzati)

LINK1
----sottolink
----sottolink
-------sotto-sottolink
LINK 2
----sottolink

Grazie

[gabip87]

      <div id="menu">
            <ul>[*]Link 1
                  <ul>[*]sottolink 1[*]sottolink 2[*]sottolink 3
                              <ul>[*]sotto-sottolink 1[*]sotto-sottolink 2[/list]
                        [/list]
               [/list]
      </div>

#menu li
{
   margin-left:50px;
}
#menu li li
{
   margin-left:100px;
}
#menu li li li
{
   margin-left:150px;
}

già di default i vari sotto-item sono spostati verso destra. gioca con i margin e gli altri attributi per formattarli come desideri.

[meowth]

Non posso che dire nuovamente PERFETTO

Un 'ultima (forse) domanda:

come si fa per far si che non appaiano più i puntini o quadretti prima dei link? eventualmente per inserire un puntino JPG come si fa?

Grazie