Autor Zpráva
robbie
Profil *
Zdravím a chtěl jsem se optat,
jak mám chápat, autor v jednom tutoriálu dal položce <li> display:inline; a položce <a>display: inline-block;

proč ještě dával <a>vlastnost display:? Děkuji za pomoc a vysvětlení
juriad
Profil
robbie:
Co kdybys odkázal ten tutoriál? Třeba k tomu má autor nějaký důvod, viz Živá ukázka
robbie
Profil *
www.youtube.com/watch?v=eOG90Q8EfRo

je to zhruba 30min 17vteřina, dekuji


www.youtube.com/watch?v=eOG90Q8EfRo

je to zhruba 30min 17vteřina, dekuji juriad


robbie:

týká se to menu
juriad
Profil
Potřebuje odkazu nastavit blokoidní display, aby se u něj projevil ten padding (viz maxdesign.com.au/articles/inline) a odkaz mohl být klikatelný v celé své ploše.

Ten člověk občas neví, co dělá:
* nastavuje výšku v pixelech něčemu, co má textový obsah - při zvětšení písma to nepěkně přeteče
* nastavuje inline a float zároveň; inline vynucuje block

Později, až to zrepoznivní, tak pro mobily nastaví block namísto inline-blocku.
Tomáš123
Profil
robbie:
Doplním juriada:
Ten člověk občas neví, co dělá:
* zbytočne zväčšuje objem CSS súborov duplicitnými deklaráciami, respektíve, na rovnaké prvky vytvára množstvo odlišných tried
* nastavuje float spoločne so šírkou 100% (zrejme aby nebolo nutné použiť clear, čo by nebolo)
* selektory píše akoby bolo chybou (nielen pri takto jednoduchej stránke) čosi zovšeobecniť (namiesto nav ul li a by stačilo nav a)
* nastavuje 100% šírku, aby mohol odčítavať padding, kvôli obsahovému box modelu
* občas trochu klame
* používa HTML5 elementy
* uvádza <meta charset> až po značke <title>
* nevysvetľuje alebo len primálo objasňuje niektoré podstatné veci (ako na čo slúži DOCTYPE, prečo sa uvádza <meta name=viewport>)
* nastavuje margin: 0 auto (aj riadkovým prvkom)
* určite som si niečo nevšimol, hlavne, že je 10 odrážok :-)...

Ak by som toto video odporúčal, tak pokročilému kóderovi, ktorý vie efektívne a úsporne pracovať s HTML a CSS, ale nevie tvoriť responzívne weby. Začiatočník by sa mohol naučiť používať zbytočnosti...

Myslím však, že aj vyučovanie spôsobov tvorby responzívneho webu (hoci postup: skopíruj; ponechaj iby zmenené, odstráň duplicity; doplň rozsahy rozlíšení, nie je zlý) by šlo poňať podrobnejšie. Na základe videa napríklad nie je zjavné, ako @media deklarácie vidí prehliadač (dosť kľúčové pre pochopenie celku – hneď je jasné, prečo selektory s malou prioritou nefungujú, ako záleží na poradí, že netreba opakovať to, čo sa nezmenilo atď.).

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: