Hlavní navigace

Názor k článku Vykašlete se na ocenění, soustřeďte se na zisk od Vita - Div znamena division tedy oddeleni, nikoli ram -...

Článek je starý, nové názory již nelze přidávat.

  • 30. 7. 2003 13:58

    Vita (neregistrovaný)
    Div znamena division tedy oddeleni, nikoli ram - coz je preklad tagu frame.

    Ano, CSS layout polohuje prvky pomoci stylu. Pokud nefunguje styl pak rozmisteni prvku na strance neni nesmyslne ale takove jake chce autor. Je na vas zda menu obalite napriklad tagem div a pouzijete br popr. bez br a nastavite mu display: block, tagem ul a polozky budou li popr. jakykoli jiny zpusob. Znamena to ze nad textovou verzi mate celkem dobrou kontrolu. Navic muzete pouzivat treba tag hr na oddeleni jednotlivych sekci a nadpisy ktere budou neviditelne a budou tudiz ciste pro textovou verzi. Kontrolu mate zcela nepopiratelne lepsi nez jakou dosahnete s tabulkou. Jestli mate pocit ze ne, zkuste si vyrobit nekolik menu s tim ze budou mit podobny vzhled - obalujici prvek a v nem polozky menu.
    - [div] a v nem [a]. Tag div pritom bude mit omezenou sirku, tag a pak { display: block; width: 100%; }
    - [div] a v nem [a] oddelena pomoci [br] (volitelne pak width: 100% ci nikoli)
    - [ul]/[li] a v [li] pak odkazy [a]. Tagu ul i li dejte nasledne margin: 0px; padding: 0px;

    Nyni si zkuste rizeni pozice
    - udelejte div s position: relative, do nej vlozte dalsi div ktery bude mit left-margin napr 200px. Do nej napiste text a za konec 2. div (toho s textem) umistete menu z predchozich prikladu. Nasledne tomu menu dejte position: absolute; top: 0px; left: 0px;.
    - ted zkuste vzit to menu a premistete ho pred tag s textem (tedy porad do rodicovskeho divu).

    Styly vkladejte do stranky napr. pomoci tagu link s media='screen' a kontrolujte si jak to vypada na obrazovce a jak na nahledu pro tisk. A pak mi reknete zda skutecne NEMATE kontrolu nad tim jak vysledek vypada. Jinak se podivejte na http://knihy.cpress.cz/www/k0798/priklady/priklad01/index-bs.html a projdete si ruzne styly.

    Priklad s videoexpert jasne dokumentuje jednu vec. Bez CSS se stranka nesesype (jak tvrdite) nybrz jednoduse dostavate 'neformatovane' html. Je daleko lepsi mit navigaci a zbytek jasne oddeleny - naproti tomu lupa si sice udrzi vzhled castecne podobny tomu s CSS nicmene zmizi jakekoli oddeleni a neni poznat kde je menu a kde uz stranka.