Newsgroup: it.comp.www.html
Titolo: css font-size %

Nel Font-size dei css a che cosa è relativa la misura in percentuale?
Mi spiego meglio con un problema...
Io ho questo css:
body {	margin: 0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: silver;
	font-size: 15em; }
e poi dentro un td di una tabella ho un link in questo modo:
a.link_categoria {
	font-size: 50%;
	letter-spacing : 2px;
	text-decoration : none;
	font-weight: bold;
	text-indent : 5px; }
CREDEVO che il 50% fosse relativo al 15em del body e quindi mi aspettavo di vedere un font
esattamente della metà.... a quanto pare non è così. L'avrei usato volentieri perchè in
quel modo variando UN SOLO parametro ero in grado di variare di conseguenza TUTTI gli
altri valori dei font.
Allora cosa è quella percentuale? Come posso sfruttarla?
Grazie dei consigli...
-
Mah... hai visto?
No! Non visto nulla...

 esattamente della metà.... a quanto pare non è così. 
ah, non e' cosi'?  a me risulta che sia proprio come l'hai
descritta tu, la faccenda.
copia incolla questo:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
   "
http://www.w3.org/TR/html4/strict.dtd
">
<html>
<head>
<title>font-size</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body,p {
   font: normal 24px/100% Arial, sans-serif;
}
p {
   font-size: 50%;
}
</style>
</head>
<body>
   testo nel body, 24px.
   <p>testo nel paragrafo, 12px.</p>
   di nuovo 24px, se non è cosi c'è un problema del vostro browser.
</body>
</html>
il problema puo' avere varie cause: il browser non
capisce gli em, il browser non propaga la dimensione
del font impostata nel <body> agli altri elementi della pagina,
il browser e' vecchio ed e ora che lo cambiate, il browser
cerca di emulare comportamenti scorretti delle versioni
precedenti (perche' non avete inserito un doctype in
testa alla pagina).
ciao. ^__^
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

 esattamente della metà.... a quanto pare non è così.
[cut]
Sicuro che non hai dichiarato il font-size per la tabella?
Perchè a me, con il tuo stile, funziona. Ad occhio e croce direi che il
secondo carattere è la metà del primo.
Questo è il codice di test:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
<title>Test</title>
</head>
<body style=" background-color: #000000; margin: 0px; text-align:center;
font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:
silver; font-size: 15em;">
ABCabc <br />
<span style="font-size: 50%; letter-spacing : 2px; text-decoration : none;
font-weight: bold; text-indent : 5px;">
ABCabc
</span>
</body>
</html>

 testa alla pagina).
Eheheeheh
Mi ricordo una delle prime pagine "grosse" che avevo fatto: stupidamente mi
ero dimenticato di inserire la DTD (dai, ero un pivellino :P) e quando l'ho
inserita, a lavoro finito, e ho aggiornato la pagina...quasi mi prende un
infarto! Tutto spostato, tutte le dimensioni sballate, un casino!
Per fortuna sono bastate poche correzioni. Per fortuna...
Deep, rimembranze :)

secondo carattere è la metà del primo.
Infatti... funziona benissimo!!! MA NON DENTRO IL TD!!!
La mia inesperienza mi ha fatto credere che il TD ereditasse dal TR che ereditava dalla
TABLE che ereditava dal BODY   ((( alla fiera dell'est... per due soldi un topolino...)))
A quanto pare NON E' così.
Potrei scrivere in questo modo (vedi sotto) o è troppo rischioso?
da  --> 
body {	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: silver;
	font-size: 40px; }
a --> 
body, td {font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: silver;
	font-size: 40px; }
Grazie di tutto
Ciao


bah nn saprei... in htm ad esempio il +2 +3 ecc sono rispetto all
basefont che setti...
qui nn so... aspettiamo risposte...

 font-size: 40px; }
Ad ogni modo, se quella dimensione non ti serve solo per i link, puoi
risolvere con questo css
body { dichiarazioni del body }
TABLE { font-size: 50%; letter-spacing : 2px; text-decoration : none;
font-weight: bold; text-indent : 5px; }
Deep

"mister", il "font-size" se determinato in percentuale fa riferimento alla 
dimensione del font impostato nel Web browser, che nel vecchio attributo 
(deprecato) "size" della tag FONT , corrispondeva al 3.
Personalmente utilizzo "font-size" in percentuale dopo aver definito il 
valore in punti nella tag "BODY".
Così ho un solo valore assoluto di dimensione font in tutto il layout ed 
il resto vengono impostati in % proporzionate (H1 = 200%, H2 = 150%, 
scritte piccole = 70% , ecc.)
Gxis revido!
-- 
Mackley

  con insistenza e convinto delle proprie azioni
affermava:
Avrei anche un'altra esigenza... 
vorrei che un testo fosse grande l'80% di un altro testo...
Come posso scrivere nel css?
Grazie


 A quanto pare NON E' cosě.
E COSI', ma e' il tuo browser che e' stronzo (o e' stato
istruito da TE a comportarsi da stronzo).
il valore di "font" viene ereditato 
(
http://www.w3schools.com/css/pr_font_font.asp
 "Inherited: Yes"),
salvo browser con enormi falle di implementazione.
vuoi un consiglio? prenditi un po' di tempo per studiarti
i CSS e i bug dei browser. e' tutto di guadagnato, credimi.
per i link vedi il mio post su: "Re: Qualche domandina sui css
e richiesta consigli"
ciao.
-- 
goldicus1970 AT 
yahoo.it
http://www.deelan.com

font-weight: bold; text-indent : 5px; }
Appunto (vedi sopra) mi serve per il link in relazione ai TOT pixel (o EM) dati al Body
mentre la Tabella, dal momento che non "forzo" nessuna dimensione, avrei voluto che
prendesse le dimensioni del Body...


mister ha scritto:
|A me servirebbe poter dichiarare UNA SOLA grandezza del font nel Body e poi "crearci"
| introno il sito con tuttti gli altri font in proporzione (quindi in %).
Ciao mister,
    il dimensionamento in percentuale funziona così: viene rilevata l' effettiva dimensione dell' elemento
padre se ce n'e' uno, e ricalcolata in base alla percentuale definita.
Considera che il font-size viene ereditato sempre a meno che venga ridefinito.
Così se ho nel css:
body{
    font-size: 40px;
    }
body td{
    font-size: 50%;
    }
body td a{
    font-size: 50%;
    }
Nell' html i link verranno il 50% del 50%, quindi 0.5*0.5=0.25 volte il font-size del body, se
è di 40px verranno quindi di 10px.
Stesso discorso per gli em (per esempio, font-size: 0.5em è equivalente a font-size: 50%)
che però presentano un enorme vantaggio rispetto ai valori percentuali, anzi due:
-sono una unità di misura vera e propria
-consentono di definire grandezze dei block-level-element omogenee
Per esempio:
body{
    font-size: 12px;
    }
div#box{
    width: 10em;
    height: 5em;
    font-size: 1em
    }
Il <div id="box"> con il css così definito avrà un font di 12px e le dimensioni pari a
10*12 0px e 5*12`px. Se nel css ridimensiono il font-size del body, anche il box verrà
ridimensionato.
Saluti,
    SantaKlauss