Nuove caratteristiche dei link

gigliotave

Nuove caratteristiche dei link

Ho stabilito per tutto il mio sito delle caratteristiche dei link:
[php] a:link {color: #988753;
font-weight:bold;
font-size:8pt;
text-decoration:none;}
a:visited {color:;
text-decoration:none;}
a:hover {text-decoration:underline}[/php]
ora voglio che in una tale sezione di una pagina le caratteristiche mutino,
cioe' che il link sia semplicente sottolineato abbia una dimensione di 11pt e non sia in grassetto?
come fare?
( N.B. solo in quella sezione della pagina dato che in ogni pagina e' presente l' indice con le caratateristiche dei link stabiliti)
la sezione nella quale voglio cambiare le caratteristiche e' definito da una <div>
Non riesco a comabiare le cartteristiche ed ho provato vari modi,

link:

Grazie a tutti

meryk

@gigliotave said:

Ho stabilito per tutto il mio sito delle
[php] a:link {color: #988753;
font-weight:bold;
font-size:8pt;
text-decoration:none;}
a:visited {color:;
text-decoration:none;}
a:hover {text-decoration:underline}[/php]la sezione nella quale voglio cambiare le caratteristiche e' definito da una <div>

Puoi fare questo lavoro attraverso l'uso delle classi.
Nel div dove vuoi che le proprietà dei div siano diversi definisci una classe (o un'id dipende se lo userai altre volte).
[HTML] <div class="sezionespeciale">
TESTO testo <a href="xxx" >link</a>
</div>[/HTML]

Se ho capito, tu vuoi che il link della sezionespeciale sia formattato in maniera diversa. In questo caso nel foglio di stile farai:

div.sezionespeciale a{ text-decoration:underline; font-weight:normal; font-size:11px;}

div.sezionespeciale a: hover{ caratteristiche }
```...e via dicendo.


PS perchè le misure in pt? è un css per la stampa?
PPS: ti consigio le Faq della sezione per comprendere l'uso delle classi e degli id :71:

axxe16

allora se è dentro un div puoi fare:

div a:link {
color: #988753;
font-weight:normal;
font-size:11pt;
text-decoration:underline;
}
div a:visited {
color:;
text-decoration:underline;
}

Meglio ancora se attribuisci una classe a quel div, per evitare di trovarti in una situazione in cui a è contenuto in un div ma non vuoi le caratteristiche dichiarate qui sopra, in questo caso dovresti fare una cosa così:

div.nomeclasse a:link {
color:;
font-weight:normal;
font-size:11pt;
text-decoration:underline;
}
div.nomeclasse a:visited {
color:;
text-decoration:underline;
}

gigliotave

Grazie x la rispiosta chiara.
per quanto riguarda il settaggio delle dimensioni dei caratteri utilizando i punti e' solo perche' tra tutte le unita' di misura dei font era quella che mi da di piu' il senso della dimensione
PS
se posso rubarti del tempo volevo che tu mi dessi un consiglio sull edimensioni del carattere e le distanze tra le righe ( magari anche tra i caratteri)..lo so che ci sarebbe la sezione specifica dove sottoporre il proprio sito a specifiche date, ma si tratta solo di un consiglietto.

Se dovessi decidere ke e' lecito aiutarmi tieni presente vche ho "ristretto" il testo perche' ho preseunto che i visitatori che visitano siti di questo generei si spaventano o si stufano trovandosi troppo testo davanti....

Ciao

axxe16

Ciao,
ridurre l'interlinea per far sembrare "meno" il testo non è una buona politica perchè:

di fatto il testo resta
si riduce la leggibilità

per le dimensioni dei font di consiglio gli em che sono una misura relativa (prova a settare 0.9em) o se non ti interessa il ridimensionamento dei caratteri su ie6 usa i px (12px)

per l'interlinea (line-height) l'ottimale dovrebbe andare tra 1.3 e 1.7 volte il font-size. Dai un po di padding fra un paragrafo e l'altro.
Peggio del troppo testo è il troppo testo illeggibile...

karedas

Attento che a volte il line-height crea dei problemi di sbordamento dei contenuti nei suoi contenitori.
L'em è in assoluto l'unità di misura in ambito di accessibilità.
Conta anche qui però che Internet Explorer 7 ha alcune problematiche.

meryk

@axxe16 said:

Ciao,
ridurre l'interlinea per far sembrare "meno" il testo non è una buona politica perchè:

di fatto il testo resta
si riduce la leggibilità

Ciao, sottoscrivo. Dal mio punto di vista non è importante che il testo sia lungo o corto, ma che sia interessante :D!!!

In ogni caso, in tutti due i casi è importante favorire la leggibilità... aggiungo a quello che ti ha consigliato axxe di usare il grassetto in modo furbo (naturalmente con il tag strong, visto che <b> è deprecato), evidenziando quelle che per te sono parole o concetti importanti. In questo modo l'utente riesce da cogliere velocemente il contenuto attraverso una lettura veloce, spezzando il "muro di testo tutto uguale".

Per quanto riguarda le unità di misura, ti sconsiglio caldamente di usare i pt, che sono nati e pensati per i layout di stampa. Usa i px, se vuoi una misura fissa, o meglio ancora gli em.
Gli em sono una misura *proporzionale *alla larghezza del carattere "m". Questo significa che definisci un tipo di font e la sua dimensione di partenza, e successivamente definisci tutte le misure come proporzione del testo di base. Ad esempio se ridefinisci h1 in questo modo:

h1{ font-size:2em; }

Significa che h1 sarà 2 volte la dimensione del font di base.
Questo ti dà il vantaggio che se hai bisogno di ingrandire tutto il testo, perchè ti rendi conto che hai definito una dimensione troppo piccola, ti basta cambiare la misura del font di base, e le misure degli altri tag, ridefiniti, si sistemeranno automaticamente.

gigliotave

...ho "ristretto" il testo perche' ho preseunto che i visitatori che visitano siti di questo generei si spaventano o si stufano trovandosi troppo testo davanti....
credo di non essermi espresso ben, non ho ristretto il testo ho usato una dimensione dei caratteri molto piccola.

COme faccio a stabilire il carattere di base?

GRZ

axxe16

@gigliotave said:

credo di non essermi espresso ben, non ho ristretto il testo ho usato una dimensione dei caratteri molto piccola.

COme faccio a stabilire il carattere di base?

GRZ

ciao
stabilisci la dimensione dei carattery per il body

gigliotave

Che stupido...
hai ragione
grazie