Dotaz: css styly a zobrazení v prohlížečích

[Jitka]

Dobrý den, píšu jednoduchý web a narazila jsem na pro mne nepochopitelý problém. V externím css si naformuluji např. .male {font -size : 8pt} a v hlavnim dokumentu napíši < font class.male >zde je něco napsáno < /font >

tak v IE se to zobrazí ve správné velikosti, ale v mozille a opeře nikoli. Zobrazí se defaultně nastavené písmo.Zkoušela jsem projet strávku v html validátorovi, ten nehlásí žádnou chybu. Ten horní příklad je schválně odsazen od sebe aby to nezpůsobilo tady nějaký problém přï formátování dotazu. Všem předem děkuji.

Odpovědi

[rastos]

(0. ked som zacinal na PC-ckach v jednom klube, tak baby nemuseli robit konkurz ) 1. Ze by mozilla/opera mala nastaveny 'minimal font size'? 2. Skus v mozille otvorit DOM inspector, daju mu URL na svoju stranku, potom povedz 'Find a node to inspect by clicking on it' (stvorcova ikonka vlavo od URL) a nakoniec pozri 'computed css style' (ikonka hore vedla zvislej rozdelovacej ciary). Tam sa docitas aku velkost mozilla priradila danemu elementu bez ohladu na to ako sa jej ho podari zobrazit.

[rastos]

(0. ...) aby som bol spravne pochopeny: nie preto, ze by ho nezvladli, ale preto, ze ich bolo tak malo

[xpj]

No, v css souboru musi byt: .male { font-size: 8px; } (muze byl i pt) a pouziti je pak < span class="male">male pismo< /span> Pouzil bych spise < span nez < font, protoze pokud uz pouzivam CSS tak se snazim o oddeleni obsahu od vzhledu, coz < font nedela. Ted uz i vidim chybu: < font class.male > ma byt samozrejme < font class="male" > Pavel

[theo]

1. pokud chcete menit velikost pisma tak bych doporucil pouzivat ... a ne ... 2. v mozille se da nastavit nejmensi velikost pisma (coz je proti IE obrovska vymozenost :) 3. validator vam nikdy neodhali chyby vzhledu :) validator kontroluje validitu predlozeneho dokumentu, tj. jetli se nekde neco nekryje a tak.

[theo]

jaaaj. to je hluupe, ono mi to orezalo moje pracne vytvorene znacky. tak znova. <span class="male">…</span> – spravne <font class.male>…</font> – spatne.

[Jitka]

Děkuji za pomoc, v mem přikladu jsem se překlepla, mám tam < font class="male" >zde něco < / font>. Přehodila jsem to do spanu, ale výsledek stejný. Nemůže to být tím, že to co tímto "formátuji", není klasický text nebo odkaz ale odkaz v php takže např. < a href="jinastrana.php"> Jiná strana< /a >.Podotykám, že formát strany je < ?php neco php ? > < html > neco html neco v php napr < ?php echo("< a href="jinastrana.php"> Jiná strana< /a >."); ? > < /html >

[Vit Baloun]

pokud pouzivate css, tak je velmi vyhodne nastavovat predevsim cele html tagy, tzn. <p class="neco">, v definici css se pak objevi napriklad

p.neco {font-size:12pt}

Ovsem je dost zasadni vedet, ze css jsou kaskadovymi styly. Tzn. je dulezite, jak jdou definice po sobe, ktere se dedi a ktere ne. Napriklad pro html tag <a> se vlastnosti odstavce (tedy <p>) nededi. Cili pro odkazy si musime nadefinovat neco takoveho

a.male {font-size:12pt}

-aby to fungovalo. A v html to pak vypada tak: <a href="cokoli_treba_zrovna_odkaz_na_php.php" class="male">Tady odkaz</a> Pokud chcete nastavit tridu univerzalni, tak napiste jen

.male {font-size:12pt}

Vrele doporucuju navstivit webove stranky Petra "Pixy" Stanicka na www.pixy.cz. Tenhle clovek mimo jine napsal knizku "Kompletni pruvodce kaskadovymi styly", ktera je velmi prehledne a srozumitelne napsana. Jo - a php s timhle nesouvisi, protoze se provadi uz na serveru, cili prohlizec dostava zas jen html.

[Beda]

to je sice pekny, ale html validator validuje html a v tom chybu nemate, takze to jeste prozente css validatorem at vas pekne serve... w3.org je tam nekde link.

[Jitka]

Pánové, všem děkuji za pomoc chyba byla ve mne a to v css .male{font -size:8pt} chyba je ta mezera mezi font a -. Ještě jednou děkuji