HTML zarovnání v tabulce

[malli]

Hmm, tak takhle to vypadá, když to někdo opravdu umí. Jdu to zkusit spojit se svými dalšími pokusy.

MOC DÍKY ZA POMOC...

[Atreides]

Hmm, tak takhle to vypadá, když to někdo opravdu umí. Jdu to zkusit spojit se svými dalšími pokusy.

MOC DÍKY ZA POMOC...

děkuji ale myslím žes mě přecenil...

[Lopo]

tak som zbezne prebehol to co ste tu vypotili a mam par pripomienok:
- dnes odporucam pouzivat miesto klasickeho html radsej xhtml - umoznuje bezparove pouzivanie niektorych tagov, tj miesto napr. paru tagov <meta></meta> umozni pouzit <meta />
- vsetky hodnoty parametrov tagu musia byt uvadzane v uvodzovkach
- na lave menu je pouzite <div id=""> pricom id je pri kazdej polozke rovnake ... to je velka chyba a kazdy validator na to bude kricat ... ID parameter sa totiz pouziva ako jednoznacny identifikator konkretneho tagu/bloku
ak sa ma pouzit css na viacere 'rovnake' tagy, treba pouzit miesto parametra ID parameter class
- farby v styloch je lepsie zadavat ako rgb hodnoty, tj miesto white pouzit #ffffff prip. skratene #fff, potom validatory nebudu pindat ze sa pouzila nestandardna farba ako je v priklade cyan a violet - cyan ma v std meno aqua, violet teraz neviem ci ma std meno
- overflow-y: scroll nie je std vec, teda aspon po css2.1, v css3 uz sa s jeho podporou pocita, zatial vsak css3 nie je podporovane vsetkymi browsermi; takze pre zaistenie kompatibility je zatial asi vhodnejsie zapisovat len overflow: scroll a vyvarovat sa dlhym nezalomitelnym riadkom a velkym obrazkom
- css je od cascaded - takze je vhodne vyuzit tuto vlastnost a nepisat 2 rovnake definicie, tj td a .tl skaskadovat kde sa to len da

co sa tyka formatovania webu cez table vs css - osobne stale formatujem pomocou table, kedze je to velmi jednoduche na tvorbu aj naslednu udrzbu a dost dobre sa da v pripade chyby 'debugovat' pomocou zapnutia zobrazenia borderov

spominane vertical zarovnanie na stred - nie je to center ale middle, center je len pre horizontalne zarovnanie

zhrnutie: mozno som puntickar, ale moje weby sa vzdy snazim tvorit tak aby presli cez prislusne validatory - redukuje sa tak velke percento chyb a aj prvkov nekompatibilnych s niektorymi browsermi
vysledny upraveny atreides-ove html som nahodil na http://lopo.losys.sk/malli.html

[malli]

Oběma velice děkuji za poznatky.

Jestli chcete mrknout na to, co jsem zatim vyrobil, muzete tady:

www.volny.cz/malli/page/index.htm

Problém je ten, že já dělal html stránky asi tak před deseti lety a od té doby je všechno jinak. Takže najednou pochytat všechny změny, syntaxe nových věcí atd. je fakt oříšek, navíc když to smolíte po večerech.
Co se týče validátorů, vždycky zkusím otevřít web v Opeře, FF a IE a když je to OK, beru to tak, že si s tím prohlížeče víceméně poradí.
Zatím tedy potřebuji ten web tak nějak rozjet a dodatečně asi budu řešit optimalizaci.
Za každé další poznatky budu rád, jen nevím, jak rychle mi půjde jejich aplikace.

[Dismembered]

Lopo má pravdu. Dnes je "moderní" stadnard XHTML 1.0 Transitional či Strict. Transitional je jednodušší na přechod HTML -> XHTML, protože má více povolených atributů. Nicméně validní jsou samozřejmě oba typy, pokud se dodrží jistá pravidla.

Zběžně jsem kouknul na tvé stránky a poradil bych ti následující:

Obrovská výhoda CSS spočívá v tom, že z jednoho (případně několika málo) css souborů načítáš veškeré formátování stránek. Tudíž ty se nemusíš trápit přepisováním jednotlivých stran, ale děláš změny v >=1 css souborech.

Tedy rozhodně bych ti doporučil vytvořit si separovaný css soubor a ten načítat v každé stránce. Syntaxe je následující:

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

Tímhle příkazem stránce přiřadíš stylesheet s připravenými styly. Vkládá se před tag </head>

Při tvorbě se můžeš např. inspirovat na mých posledních stránkách, které jsou validní XHTML 1.0 Strict. Rozhodně neříkám že jsou nějak extra, ale jako berlička při učení posloužit můžou Jsou totiž z programátorského hlediska velice jednoduché.