Printable View
Esiste un metodo affinchè la dimensione del carattere visualizzata dal sito sia sempre la stessa anche se l'utente cambia le impostazioni del browser per il carattere.
Insomma vorrei che i caratteri siano visualizzati nella stessa dimensione indipendentemente dal fatto che il visitatore nel browser scelga carattere piccolo, medio, grande, molto grande ecc ...
Ok fatemi sapere se voglio troppo o se è una cosa fattibile ...
Io mi son creato un foglio di stile (css) che contiene i vari formati per il testo normale, i titoli, il testo nelle tabelle...
ad esempio:
p {
font-size: 10pt;
font-family: Tahoma;
font-style: normal;
font-weight: normal;
color: #000000; }
così quando nel file html scrivo <p> tutto quello che segue ha questo stile, dimensione del carattere compreso :)
ti consiglio di usare il tag span invece di p, perchè altrimenti mozilla, netscape e opera, aggiungono una linea vuota sotto il Paragrafo.
Comunque a parte IE, tutti i browser conformi alle specifiche web consigliate dal w3c hanno reiniziato a non supportare la caratetristica tipica di bloccare il ridimensionamento dei fonts.
Quindi con IE il tuo font è bloccato, con Mozilla no.
Sapevo che ci sarebbe stato un intervento di Sugandbibi che, per chi non lo sapesse, è un esperto dei fogli di stile: ciao Marcolino.
Ecco il mio codicillo che non blocca la dimensione del testo ma la "adatta" alla risoluzione dello schermo utente.
Per cominciare copia il codice seguente e salvalo come hhh.css (è un foglio di stile che ho creato per alcune mie pagine).
______________________<File hhh.css>___________________________________
.testo640
{font-size: 6.8pt;
font-family: Verdana, Times New Roman, Arial, sans-serif, monospace;
font-height: 6.8pt;
font-wheight: normal;
font-align: left;
font-style: normal;
background-color: #ffffff;
color: #000000; }
.testo800
{font-size: 9.8pt;
font-family: Verdana, Times New Roman, Arial, sans-serif, monospace;
font-height: 9.8pt;
font-wheight: normal;
font-align: left;
font-style: normal;
background-color: #ffffff;
color: #000000; }
.testo1024
{font-size: 12pt;
font-family: Verdana, Times New Roman, Arial, sans-serif, monospace;
font-height: 12pt;
font-wheight: normal;
font-align: left;
font-style: normal;
background-color: #ffffff;
color: #000000; }
.testo1152
{font-size: 14.3pt;
font-family: Verdana, Times New Roman, Arial, sans-serif, monospace;
font-height: 14.3pt;
font-wheight: normal;
font-align: left;
font-style: normal;
background-color: #ffffff;
color: #000000; }
_______________________<fine file hhh.css>______________________________
Poi, nelle pagine web che vorrai "adattare" alla risoluzione dello schermo utente , inserisci il seguente codice JS tra il tag <head> e </head>
_______________________<codice JS>______________________________________
<link rel="stylesheet" type="text/css" href="hhh.css" />
<script language="JavaScript">
var lar = screen.Width;
switch(lar)
{
case 640:
testo = 'testo640';
break;
case 800:
testo = 'testo800';
break;
case 1024:
testo = 'testo1024';
break;
case 1152:
testo = 'testo1152';
break;
}
</script>
______________________<fine codice JS>__________________________________
Infine nelle stesse pagine web dove hai inserito il codice JS fai precedere il testo che vuoi adattare alla risoluzione schermo utente dal tag <span class="testo"> e metti alla fine del testo il tag di chiusura </span>.
Per accellerare tutto modifica solo il tag body in questo modo <body class="testo">
Ciao,
Fabio.
De nafa fper ;) buono il tuo "codicillo" poi chissà un giorno posto pure quello che uso per modificare on by-fly la dimensione dei caratteri che uso io, un giorno forse chissà :p
Grazie per le vostre dritte in merito al carattere ... ma già che ci sono vi chiedo un'altra cosa relativa agli stili ...
Nei fogli di stile posso impostare il colore per i collegamenti,
collegamenti attivi e collegamenti visitati in modo da poter avere
diversi stili dei link nell'ambito della stessa pagina? Quindi più stili
per il colore dei collegamenti da usare nella medesima pagina.
Qual'è il comando per lo stile dei collegamenti nell'ambito dei
fogli di stile CSS?
thanks
Richi
behhh? nessuno ha un'idea?
ti consiglio cdi leggerti questa noiosissima guida http://www.risorse.net/css/interattivicss.asp .buona fortuna
Cancellato. è stato corretto.
We toro seduto tranquillo :PCitazione:
Originalmente inviato da richialbum
devi usare le classi, ogni classe ha uno stile, poi applichi le classi al tuo sistema di colori, ad esempio:
A:link.rosso {color: red}
<a class="rosso" href="">tutti i link a colore rosso</a>
A:link.blu {color: blue}
<a class="blu" href="">tutti i link a colore blu</a>
Ovvio questo è solo un piccolo esempio, per tutte le possibilità ottenibili con i CSS ti rimando al manuale.