principiante: colore e sottolineatura link.

**olivia2006** · 10-12-2013, 09:05

Buongiorno a tutti,
come ho scritto sono una principiante ( o meglio una "profana" dell'HTML).
Per mostrare le mie fotografie, sto facendo un sito internet semplicissimo con Kompozer (non ridete ;P) e dovrei modificare il file source in modo da eliminare gli effetti delle parole link.
Ecco quello che vorrei: vorrei che quando clicco su una parola (per esempio "Contatti"), alla quale ho collegato la pagina dei contatti, questa parola non diventi sottolineata e non cambi colore (ora mi diventa sottolineata ed è azzurra prima di cliccarla e violetta dopo visitata, mentre io vorrei che restasse sempre grigia, come tutte le altre parole non cliccabili).
Spero di essermi spiegata perchè so essere un problema facilissino e per voi sarà la base, ma per me è insormontabile.
Cercando in giro ho trovato questo:

<style type="text/css">

</style>

Che toglie solo la sottolineatura.
Per togliere anche i colori ho trovato questo, al posto dell'altro:

<style type="text/css">
<!a:
link {textdecoration:
none; color: none}
a:visited {textdecoration:
none; color: none}
>
</style>

ma non funziona, anzi, torna pure la sottolineatura...
E' completamente sbagliato?
L'ultima cosa: va bene inserire il tutto tra <head> ...e... </head> ? Oppure è la posizione sbagliata?

Posso avere una soluzione? Purtroppo online su google si trova solo come togliere la sottolineatura e al limite come dare un colore diverso da quello di defaulf ai link, ma io non voglio dare nessun colore particolare...e non riesco!

Grazie a tutti
P.S.: se ho fatto qualche errore nel comporre il messaggio amministratori per favore ditemi come cambiarlo ma non cancellatemelo, sono un po' disperata!

**olivia2006** · 10-12-2013, 13:59

Originariamente inviata da darkhero

a{
color:gray; /*o il colore che vuoi*/
text-decoration:none;
}

con questo metti tutti i link del colore grigio, e per la sottolineatura ti sei solo dimenticata il trattino.
Per eliminare l'effetto quando ci passi il mouse sopra devi cercare nello style del tuo sito una cosa tipo :

a:hover <---- hover sarebbe quando ci passi sopra col mouse, e cancellare l'intero blocco di istruzioni (quei codici tra parentesi graffe). Fammi sapere se hai capito tutto, altrimenti posta l'intero codice (solo lo stile css) e ti dico esattamente come fare.

PS: le cose scritte tra <style> e </style> sostituiscile con quello scritto poco sopra da me.

Allora, innanzi tutto grazie.
Ho provato a sostituire tutto quello tra <style> e </style> con quello che mi hai detto tu ed effettivamente la sottolineatura è scomparsa e il colore non è piu azzurro e violetto ma è grigio, però è un grigio chiaro, diverso dal grigio con cui io ho impostato tutte le scritte del sito.
Per fare si di non dover scegliuere nessun colore e mantenere tutto invariato come posso fare?

**olivia2006** · 10-12-2013, 16:02

questo è il file (copiato dal file Source di kompozer:

codice:

<html>
<head>
  <style>
a{
color:gray; text-decoration:none;
}
  </style>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
</head>
<body style="background-image: url(immaginihome/homesfondo.jpg);">
<br>
<table
 style="background-color: white; text-align: left; margin-left: auto; margin-right: auto; width: 1000px;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="width: 1000px;"><br>
      <div style="text-align: center;"><img
 style="width: 593px; height: 458px;" alt=""
 src="homepageimage.jpg"><br>
      </div>
      <br>
      <br>
      <table
 style="width: 900px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td
 style="width: 225px; font-family: Century Gothic; color: rgb(63, 63, 63); text-align: center;"><big><big><big>Home</big></big></big></td>
            <td
 style="width: 225px; font-family: Century Gothic; color: rgb(63, 63, 63); text-align: center;"><a
 href="fotografie.html" target="_self"><big><big><big>Fotografie</big></big></big></a></td>
            <td
 style="width: 225px; font-family: Century Gothic; color: rgb(63, 63, 63); text-align: center;"><big><big><big>Link
utili</big></big></big></td>
            <td
 style="width: 225px; font-family: Century Gothic; color: rgb(63, 63, 63); text-align: center;"><big><big><big>Contatti</big></big></big></td>
          </tr>
        </tbody>
      </table>
      <span style="color: rgb(63, 63, 63); font-style: italic;"></span><br>
      <span style="color: rgb(63, 63, 63); font-style: italic;"></span></td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>

al posto di gray dovrei quindi mettere il codice del colore che ho usato io per le altre scritte...da dove si ricava il codice? (che a sto punto dovrebbe essere l'equivalente del rgb (63,63,63) o sbaglio?)

**Vincent.Zeno** · 10-12-2013, 16:12

@olivia2006
per postare codice sul forum usa la modalità avanzata, dove trovi il tasto # che ti genera l'apposito tag [CODE]

buon lavoro

**Vincent.Zeno** · 10-12-2013, 17:24

correggo il mio suggerimento:

dove trovi il tasto # che ti genera l'apposito tag [CODE]

**olivia2006** · 10-12-2013, 17:03

Ok.
Ehm, come faccio a modificare il messaggio precedente?...non sono capace

La matita con "modifica messaggio" compare solo sul mio ultimo messaggio postato, cioè questo, mentre non compare sul messaggio in cui ho postato il codice html

**Vincent.Zeno** · 10-12-2013, 17:20

Originariamente inviata da olivia2006

Ok.
come faccio a modificare il messaggio precedente?...
La matita con "modifica messaggio" compare solo sul mio ultimo messaggio postato

tempo scaduto: devi farlo entro 60 minuti

correggo io

**ac_socmel** · 10-12-2013, 17:08

ormai non puoi più (credo)
intanto ti consiglio di leggere una guida e creare un codice migliore
dove per migliore intendo che gli stili siano separati dall'html
come hai fatto per il link
e, possibilmente, crea un layout senza l'ausilio delle tabelle

**olivia2006** · 10-12-2013, 17:21

Originariamente inviata da ac_socmel

ormai non puoi più (credo)
intanto ti consiglio di leggere una guida e creare un codice migliore
dove per migliore intendo che gli stili siano separati dall'html
come hai fatto per il link
e, possibilmente, crea un layout senza l'ausilio delle tabelle

Lo so che sto facendo l'errore di molti, ovvero chiedere senza leggere guide, ma io usando kompozer trovo che sta facendo tutto lui e mi va bene, non volevo imparare a scrivere in html, dovrei solo correggere questa cosa del colore, dopo di che il mio sito sarà terminato e io potrò tornare al mio lavoro (che non ha a che fare con i computer fortunatamente, perchè non ci capisco...:P) (il sito è per uso personale e per pochi amici)...
Quindi mi basterebbe sapere a sto punto a che codice corrisponde quel colore che ho usato su kompozer

Discussione: principiante: colore e sottolineatura link.

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

principiante: colore e sottolineatura link.

Permessi di invio