Odstránenie číslovania :/

Dobrý deň,
Chcel by som poprosiť o radu lebo neviem ako mám odstrániť v CSS odrážky v elemente <ol>.
Alebo inak:
http://www.imgup.cz/image/HHT
http://www.imgup.cz/image/HHM
Vopred ďakujem za odpovede

Namiesto [c]<ol>[/c] použí [c]<ul>[/c].

#banner ol li { list-style: none; }

Takto v css odstranis odrazky pokial sa nemylim

Okey, spravil som to podľa Erikzeta, cet to CSS a ide to. Ďakujem ešte raz

riesenie cez list-style od Erikzeta je spravne, ale netreba zabudat na semanticku stranku. ol (ordered list) by z logickeho hladiska mal mat cislovanie a preto bol aj tak navrhnuty.
ak to ma byt bez cislovania tak potom je to spravnejsie riesit nahradenim za ul (co napisal killer).

Ešte jedna otázka.
Potreboval by som footer nejako umiestniť úplne dole. Lebo teraz mi ho zobrazuje takto:
http://www.imgup.cz/image/HSp
Ešte by sa hodilo aj CSS:
footer {
text-align: center;
width:100%;
height:40px;
position:absolute;
bottom:0;

background:#ffffff;
}

article si robil cez float? ak ano vtom pripade na footer pouzi footer { clear: both; }

hatto: budem vediet, html a css sa ucil len cca mesiac

Teraz neviem, ktorý article myslíš ? A skúsil som to footer { clear: both; } ale stále to ukazuje hore :/ Ono mi to bere ako by stránka bola iba tam, kde končí monitor

nedavaj footer ako absolute, to preto ti ho tam hadze. bud to vymaz alebo daj relative.

Aha ano, position absolute ti element vytrhne z toku dokumentu tak asi bude tam problem ako pise hatto

Ak ten footer nastavím ako relative alebo absolute vymažem, tak to hodí hore :/

Hod sem cely kod, lebo tazko sa takto radi kde moze byt chyba

napr. sem http://codepen.io/pen/?editors=110

Hodím to tu ako .zip
http://leteckaposta.cz/426832955

Ak by tam bolo veľa chýb, tak mi ich prosím vypíšte, je to moja prvá stránka, a tak sa ešte len učím

Tak hned ako prve ma zaujalo preco si robil to menu tak zlozito. menu1, menu2 atd. Ja to robim takto http://codepen.io/anon/pen/dPLjqz
a na kazdu sekciu pouzivas position: absolute co je tiez blbost podla mna, ja by som nastavil float left/right a na natvrdo rozmer.

erik: lepsie riesenie ako float je pouzivat inline-block. ja osobne float pouzivam uz iba vynimocne. alebo dalsia moznost cez flexbox (pozor -len od ie9 a android 4.4)
takze nejak takto by mohlo byt menu. a bolo by aj vycentrovane na stred, cez float sa to tazko robi.

http://codepen.io/hatto/pen/raboLW

Ja sa tak ucim na kurze. A hatto skus si otvorit tvoje upravene menu a zmensuj okno prehliadaca, cele menu sa ti rozsype, skus moje a pekne drzi pokope. Tak isto aj ked otvorim stranku ktoru sem dal autor a zmensujem cela sa rozsype. Tu je taky zakladny layout co som robil na domacu ulohu cez float http://codepen.io/anon/pen/dPLjqz

ved presne to je ten problem, ze to nemas responzivne, mas fixnu sirku musis tvorit pravidla, menit na float:none pre mobily atd atd. pri inline block sa nerozsype, ale zoradi sa tak ako ma, skoci to pod seba (len ja som to robil ako priklad upravenim dvoch riadkov v tvojom kode). ver tomu ze float nie je vzdy to najlepsie riesenie aj ked pre layout (main + sidebar) ako mas v priklade je float ok.

a to ze tak sa ucis na kurze je fajn, len zalezi kto ta to uci a ake ma on vedomosti a skusenosti. lebo netreba zabudat ze to neustale napredaju a ako sme pouzivali table, potom vsetko na float, teraz inline-block, zachvilu budu len flexbox atd.
inak dokonca viac pouzivam display: table a table-cell ako float. je to casto vyhodnejsie.

Ked sa to tak robi v responzivnom dizajne ok. Ja sa zatial ucim html a css, uz pomaly koncim a potom idem responzivny a jquery. Kurz mam od romana hraska (webrebel). No a tam sme sa zatial ucili cez float a hovoril ze mame skusat zmensovat stranku aby sa nerozsypala tak uvidim ako to bude dalej.

prvykrat vidim stranku webrebel, ale ak uci tak ako je stranka urobena tak si najdi aj iny zdroj, nie len jeho aby si mal viac pohladov na to ako robit web.
tym nechcem povedat ze nevie, ale stranka nie je bohvieako nakodena. ako priklad uvediem vytvaranie jquery elementov mimo funkcie on ready - ta sa vola ked je nacitane cele DOM, a nacitavanie by mohlo sposobit volanie elementu, ktory v danej chvili este neexistuje... druha vec - niekto kto uci html css a stranku postavi na bootstrap?! a hlavne ak je to onepage stranka???
a responzivne mu to videa trochu rozhadzuju.

a k tomu float este - iba som tym chcel povedat ze vsetky css atributy maju svoju podstatu a svoje miesto. float je velakrat nevyhnutny ale netreba ho vsade pchat (ja som ho tiez pouzival az prilis).

drzim palce

Tak ten header som spravil podľa hatta. Čo sa týka tých section, s tým si neviem dať rady. nastavil som ich ako float left, bez possition: absolute ale furt mi to nedáva tak ako by som chcel :/
Aby ste si vedeli predstaviť, ako by to malo vyzerať: http://www.flatcowstudios.com/
no a môj projekt: http://leteckaposta.cz/896841142

Nieco podobne mam teraz za domacu ulohu, ale nebudem teda hovorit ako to spravit nech ti nepoviem blbost .

Hatto: jasne berem, ale mne sa cez jeho kurz uplne lahko uci a praveze mi vyhovuje, ze sa ucim len cez neho, lebo co pozeram kazdy ma ine zvyky a na zaciatku nechcem mat vtom chaos. Neskor ked prejdem responzivny a jquery mozme v inej teme prediskutovat co a ako.

narychlo som pozrel ten tvoj kod: takze ak to chces mat na 3 casti ako na tej webke, tak by som v tomto pripade pouzil table-cell (co som pisal vyssie).

1. nepouzivaj id! classy ti postacuju. zmenil som to teda v kode. a pridal som jednu class pre vsetky tri, kedze maju rovnaky zaklad. nemusis teda 3krat pisat ten isty kod.

neviem najst tvoj html kod tak dam ukazkovy


css:

Páči sa mi moderný trend v HTML+CSS, keď sa zastaralé tabuľky nahradili modernými tabuľkami urobenými pomocou CSS a display: table-*. (čo prináša viac-menej rovnaké problémy, ako samotné tabuľky)

Inak ja osobne by som podobné problémy neriešil na začiatku projektu, radšej by som použil nejaký framework s vhodnou licenciou, ktorý by sa o rôzne detaily postaral (a framework by som prípadne nahradil jednoduchším vlastním riešením až po tom, ako by som vedel, čo presne potrebujem).

chrono: mas pravdu
aj ked si myslim ze to bolo tym efektom ze vsetci chceli prestat pouzivat <table> a presli na floaty.
ale vsetky parametre 'display' maju vyhody a su urcene na ine pouzitie. a table/table-cell ma svoje vyhody. ono si to ale netreba mylit s tagom <table>, lebo pre mna je tento tag urceny na naozaj tabulkove udaje (napr. tabulka timov v extralige).

http://www.w3schools.com/cssref/pr_class_display.asp pre tych ktori nevedia ake moznosti su

a s tym frameworkom by som nesuhlasil. aky to ma vyznam nieco urobit a potom to prerabat? a zvlast v jeho pripade ked sa uci css a mal by chapat kazdemu riadku.

Zmysel to má ten, že nemusíš riešiť ako to má vyzerať, ako sa robí menu, tlačidlo... viac menej len vložíš časti kódu z dokumentácie.

takze miesto toho aby si napisal 10riadkov css ides nacitavat niekolko kb kodu? ktoreho pravdila musis aj tak prepisovat v tvojom css, kedze nikdy ti to nesadne na 100% na grafiku tvojej makety/predstavy.
ak s takymto pristupom robis webky tak sa necudujem ze kazda druha stranku ktorej zdroj pozeram ma kvoli suborom js a css dlhsiu hlavicku ako cele telo... jedna vec je tvorit kod ktory sa da znovu pouzit a druha vec je pozliepat webku z 10 js a 5 css frameworkov/pluginov a vo vlastnom poprepisovat polovicu tych pravidiel. ten kod nie je potom ani na 100% funkcny, ani prehladny a udrziavatelny a samozrejme to ma velky vplyv na rychlost stranky

Urobiť stránku, ktorá sa bude zobrazovať viac-menej rovnako v každom prehliadači je pravdepodobne ešte zložitejšie ako kedysi a pochybujem, že ovládaš všetky rozdiely a dokážeš ich teda v CSS vyriešiť (a určite to neurobíš na 10 riadkov).

Každopádne keď použijem nejaký framework (či už css alebo javascript), tak určite nebudem prepisovať vo svojom kóde polovicu toho kódu (a ak chcem napr. zmeniť farby, použijem LESS or SASS verziu a automaticky si pri každej zmene vygenerujem CSS).

Pri tvorbe nejakého projektu je dôležité mať nejaké výsledky a nie riešiť to, prečo sa stránka zobrazuje inak v každom prehliadači (či to, ako skryť čísla v zozname). Urobiť stránku prehľadnú, funkčnú a udržiavateľnú je rovnako jednoduché/zložité či už sa použije framework alebo nejaké vlastné riešenie a je úplne jedno, že sa bude nedokončené stránka načítavať rýchlejšie, keď sa nepoužijú javascript / css knižnice.

Ako som už písal, nie je problém prepísať to neskôr, keď bude zrejmé, čo všetko je potrebné.

PS: Nie som fanúšik css/js knižníc, ale keď musím robiť nejakú stránku, určite ich aspoň na začiatku použijem, aby som sa mohol venovať fungovaniu samotnej stránky.
PPS: A trochu mi to pripomína PHP a odosielanie emailov. Veľa ľudí má pocit, že to dokážu urobiť jednoduchšie a lepšie, ako to robí nejaká knižnica a veď oni predsa nebudú používať knižnicu, ktorú nevyužijú aspoň na 99%. (a tak skončia pri riešení, ktoré funguje často len náhodou, pretože takmer nikdy si nezistia, ako presne sa to má robiť, a urobiť to správne nie je až tak jednoduché).

robim weby ktore musia byt kompatibilne od niekedy az od IE7, vacsinou od IE8 a ano stranka sa zobrazuje spravne. a nepotrebujem riesit nejaky framework lebo len navlaci zbytocne css pravidla... ak nevies urobit button ktory je kompatibilny vo vsetkych prehliadacoch tak nerob front-ent
a este radis niekomu kto sa to uci, aby ich pouzival... ved nech sa nauci sam ake su rozdiely medzi prehliadacmi, ako spravne pouzivat css...

"je úplne jedno, že sa bude nedokončené stránka načítavať rýchlejšie, keď sa nepoužijú javascript / css knižnice." nerozumiem co si chcel napisat

frameworky su fajn, ale najma na administraciu a aplikacie kde ten design nehra az taku rolu.

php a css nemozes porovnavat.

No troacha sme odbočili
Takže ten header ako spravím, aby bol responzívny a zároveň aby to fungovalo ?
Taktiež ešte vždy som neprišiel nato, ako tie "sekcie" mám dať tak, aby boli od hora nejakých 1080px :/

Na tej stránke http://www.flatcowstudios.com použili Bootstrap framework. V ich dokumentácii majú príklad pre navigáciu, v tvojom prípade to ale bude vyzerať jednoduchšie, pretože pravdepodobne nepotrebuješ všetko, čo je v tom príklade použité (každopádne sa to automaticky postará o to, aby sa navigácia zobrazovala v inom tvare, ak je okno prehliadača príliš úzke).

Ak ale chceš, aby bol na začiatku stránky element, ktorý bude rovnako vysoký ako okno, budeš to musieť urobiť pomocou javascriptu.