CSS: caratteri discendenti tagliati.

Di: lorenzo | 26/09/2020 18:23:06
Ho quasi terminato un sito (uso mac) realizzato con Dreamweaver usando gli stili CSS e mi sono accorto che su pc con Explorer in alcuni casi le lettere discendenti tipo la "p" e la "g" vengono tagliate. Su Netscape questo non succede... qualcuno può aiutarmi? Il sito è in rete www.terzaonda.it/test/operatori.html
Grazie

Risposte



Ciao Lorenzo,
benvenuto e grazie per aver scelto 001design.it.
Passiamo subito alla risoluzione del tuo problema, prendendo come esempio uno dei tanti stili che hai preparato.
.testoRelatore {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 12px;
font-weight: bolder;
color: #598085;
text-align: center;
font-style: normal;
}
Il line-height di questo stile CSS ha il valore inferiore rispetto al font-size...
E questo potrebbe essere un problema da risolvere (da provare).
Alternativamente, una causa potrebbe essere il fatto che le parole sono sottolineate per default (ai lilnk).
In questo caso, puoi provare ad inserire uno stile per evitare la sottolineatura dei link e vedere cosa succede.
Inserisci all'interno del tuo head:
<style>
A:LINK {color: #0033CC;text-decoration: none}
A:VISITED {color: Purple;text-decoration: none}
A:HOVER {color: Red;text-decoration: none}
A:ACTIVE {color: Purple;text-decoration: none}
</style>
Fammi sapere.

Di: Pablito | 26/09/2020 18:23:06

CSS: caratteri discendenti tagliati.

Ti ringrazio, era proprio il valore dell'interlinea inferiore al corpo del carattere a causarne il problema....
grazie

Di: lorenzo | 26/09/2020 18:23:06

CSS: problema sui caratteri discendenti tagliati risolto.

Ottimo, missione compiuta!
Adesso posso aggiungere la faccina felice all'argomento dedicato ai caratteri discendenti tagliati.

Di: Pablito | 26/09/2020 18:23:06