a name senza decorazione

[moneta173]

Ciao, penso che il mio problema sia semplice da risolvere per voi

Ho bisogno di scrivere un articolo piuttosto lungo per il mio blog e vorrei realizzare un piccolo indice all'inizio, con link ai vari paragrafi.

Per fare questo so che bisogna utilizzare l'attributo name, il problema è che il titolo del paragrafo a cui il link punta presenta la stessa decorazione dei link, mentre io vorrei che si comportasse come un testo normale.

Grazie mille a chi mi aiuterà

[carlomarangoni]

Dai un id ad ogni paragrafo esempio:

<p id="par1">.....</p>

e lo richiami con

<a href="#par1">Vai ai paragrafo 1</a>

[Mich_]

Credo che Moneta chiedesse qualcosa diverso:

HTML:

<ul>
  <li><a href="#par1">primo paragrafo</a></li>
  <li><a href="#par2">secondo paragrafo</a></li>
  <li><a href="#par3">terzo paragrafo</a></li>
...
</ul>
...
<div id="testo">
  <h3 id="par1">primo paragrafo<h3>
  <p> tutto il testo del paragrafo ...
    ...
  </p>
  <h3 id="par2">secondo paragrafo<h3>
  <p> tutto il testo del paragrafo ...
    ...
  </p>
  ...
</div>

CSS:

NOTA: questo metodo non e` valido per IE6 e precedenti

... formattazioni per la lista ...

h3 {           /* oppure (se ci sono altri <h3> nella pagina): #testo h3 { 
  ... formattazione per il titolo dei paragrafi ...
}

IN ALTERNATIVA
HTML:

<ul>
  <li><a href="#par1">primo paragrafo</a></li>
  <li><a href="#par2">secondo paragrafo</a></li>
  <li><a href="#par3">terzo paragrafo</a></li>
...
</ul>
...
<div id="testo">
  <h3><a id="par1" name="par1">primo paragrafo</a><h3>
  <p> tutto il testo del paragrafo ...
    ...
  </p>
  <h3><a id="par2" name="par2">secondo paragrafo</a><h3>
  <p> tutto il testo del paragrafo ...
    ...
  </p>
  ...
</div>

CSS:

... formattazioni per la lista ...

h3 a, h3 a:visited, h3 a:hover {           /* oppure (se ci sono altri <h3> nella pagina): #testo h3 a, #testo h3 a:visited, h3 a:hover { 
  ... formattazione per il titolo dei paragrafi ...
  NOTA IMPORTANTE: devi includere:
  text-decoration: none;    /* o quello che vuoi */
  color: ...;
}

[moneta173]

Grazie mille ad entrambi.
Ho risolto seguendo il suggerimento di Mich_, dando l'id all'h2.

Non è servita la modifica al css, perchè non utilizzando l'a name l'h2 con l'id presenta la formattazione normale dell'h2, che a me va benissimo. Utilizzando l'a name, invece, avrei avuto la formattazione dei link.

[carlomarangoni]

Beh! Il problema era in sostanza da risolvere con l'id per identificare l'ancora, come avevo suggerito io solo che non ho messo il codice di una intera pagina

[moneta173]

Beh! Il problema era in sostanza da risolvere con l'id per identificare l'ancora, come avevo suggerito io solo che non ho messo il codice di una intera pagina

Scusami, ho sbagliato io! Ho risolto seguendo il tuo suggerimento, ho letto anche Mich_, ma avevo già risolto a quel punto