Autor Zpráva
tomyx007
Profil
Dobry den,
prosim o radu, mam na webu definovane velikost pisma jako
body {font-size: 62.5%;	line-height: 1.2;}
#content p{ padding:.2em 0em 1.1em 0em;line-height:1.4em;font-size:1.2em;}
#content .info {padding:.2em 0em 1.1em 0em;line-height:1.4em;font-size:1.2em;} 

a pak nekde v tele html stranky:
  <div id="content">
    <p>Textik1 textik1...</p>
    <div class="info"> 
      <p>Textik2 textik2...</p>
    </div>
  </div>


Moc tomu nerozumim, jak to, ze oba odstavce maji ruznou velikost (druhy odstavec s textem "Textik2 textik2.." ma vetsi velikost pisma )?Kdyz maji oba font-size:1.2em?
Dekuju za vysvetleni.
panther
Profil
tomyx007:
ten druhý má 1.44em.

jednou zvětšuješ písmo všem odstavcům a podruhé všemu, co je v .info.
Odstavec v .info tak má 1.2*1.2em = 1.44em.
tomyx007
Profil
Aha, dekuju za vysvetleni. A jakto, ze kdyz pridam styl
 #content .info p{ padding:.2em 0em 1.1em 0em;line-height:1.4em;font-size:1.2em;}
 

tak je Textik1 textik1... i Textik2 textik2... stejne veliky?
fikus
Profil *
Podle mě řešíš nesmysly.
Zkus to opačně, v body definuj velikost v em a pak už se odkazuj jen v %:

body{font-size:1em}
#content .info p{font-size:80%}

a přečti si něco o tom, jak se kaskádové styli dědí, pak ti to bude jasné.
panther
Profil
fikus:
Podle mě řešíš nesmysly.
neřeší. Je dobré pochopit, jak to funguje.

Zkus to opačně, v body definuj velikost v em a pak už se odkazuj jen v %:
ne. Je to úplně jedno.

tomyx007:
A jakto, ze kdyz pridam styl [...] tak je Textik1 textik1... i Textik2 textik2... stejne veliky?
protože proto :-)
#content p{font-size:1.2em;} /* velikost všech odstavců na stránce 1.2em */
#content .info p {font-size: 1.2em;} /* je take odstavec, predchozi deklaraci prebijes, takze novy rozmer je opet 1.2em. Jakou hodnotu zadas, takova bude. Tys vybral stejnou, tak budou stejné */ 
/* ALE */
#content .info p span {font-size: 2em} /* tady je 1.2em odstavce * 2em u spanu. Text ve spanu tak bude mnohem vetsi */


Doporučil bych ti si s kaskádou pohrát, po cvhvilce kombinování na to přijdeš. Em jsou relativní jednotky, odvozují se tedy od velikosti písma, které je nastavené v elementu, nikoliv absolutně, jako je například 12px. 12px ať je zanořených kdekoliv, je vždy stejně velkých (a nejde v IE zvětšit).
tomyx007
Profil
Aha, dekuju za vysvetleni, uz je mi to jasne.
panther
Profil
tomyx007:
1em = 100% = 10px
1.2em = 120% = 12px atd.
Chamurappi
Profil
Reaguji na tomyxe007:
Žádný spolehlivý přepočet neexistuje, velikost písma je nutno chápat jako proměnlivou.
tomyx007
Profil
Aha, dekuju vsem za objasneni

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: