Kaskádové styly/Juandev/Průzkum

Z Wikiverzity

Zde by bylo vhodné ještě doplnit řešení problému 1 a označit ho za hotový.

Viz též: Studuji webdesign s Molly E. Holszchlag (Juandev)
Fičury:

Problém 1: Jak se poprat s ID, které obsahuje tečky[editovat]

Při skynování MW se stává, že některé znaky jsou v názvu třídy či ID tečkami. Tečka, ale nemůže být selektorem, protože tečkou v CSS začíná selektor třídy. Například ID p-N.C3.A1stroje (asi se jedná o Nástroje) by pak nebyla interpretována. Existují 3 způsoby, jak takovému ID udělit styl, pokud nemohu měnit samotnou stránku:

  1. #p-N\.C3\.A1stroje
    
    , kde \ (backhash) ruší interpretaci následného znaku

Problém 2: Přestylování thumbů v Monobooku  Hotovo[editovat]

Mám pár stránek, kde potřebuji přestylovat pár obrázků zobrazených thumbem. Buď si přečtu common a monobook styly a pokusím se najít to co chci přestylovat, nebo si na testovanou stránku umístím thumby v různých variacích a pozicích. Následně si otevřu zdrojový kód a vyberu si třídy a ID, které mě daný prvek ovlivňují. Hledám jejich styly ve stylopisech a podle potřeby měním do svého stylopisu.--Juandev 11. 11. 2010, 10:51 (UTC)


Problém 3: Vlaječky pro cizí jazyky (pozicování a odkazy)  Hotovo[editovat]

Asi závisí na výchozím stylu, ale absolutní pozicování se jevý jako problematické. Při změně velikosti okna se totiž takové prvky odsouvají někam kde nejsou vidět, nebo něco překrývají. Mohou to dělat i při relativním.

V takovém případě označíme objekt za plovoucí a vypozicujem ho udáním vnějších okrajů margin. Pokud je objekt obtékán zleva, můžeme udat vnější okraj zprava. Jinak vždy udáváme horní a levý. Například tedy:

#ennavflag {
float: right;
margin-top: -48px;
margin-right: 10px;
 }

To aby obrázek neodkazoval do ns obrázek se dá v mw zařídit přes parametr link, tedy například: [[File:England flag 200.png|25px|link=About us]]

Problém 3:[editovat]