NOVINKA - Vstup do světa AI s ONLINE víkendovým kurzem Práce s umělou inteligencí od A do Z. Přihlas se ještě dnes!
NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Avatar
cmaja
Člen
Avatar
cmaja:17.2.2014 22:10

Vytvořil jsem si první webovou stránku podle tutoriálu „Webové stránky krok za krokem“. Fixní pozice menu, která se vytvořila pomocí toho tutoriálu, se mi libí, ale mám jeden malý problém, který nevím jak vyřešit. Vzal jsem soubor ze 14.dílu tutoriálu a narychlo ho upravil, abych vizuálně ukázal co myslím na obrázcích. Když budu mít článek a na jeho začátku udělám obsah na jednotlivé nadpisy např. druhé úrovně h2 (první obrázek). Pak po kliknutí na nadpis např. č.2 se mi to zobrazí špatně. Budu mít ten nadpis, ke kterému mně to mělo přemístit zakrytý (i kousek textu) právě uvedeným fixním menu (obr.2).

Odpovědět
17.2.2014 22:10
"Jen dvě věci jsou nekonečné - vesmír a lidská hloupost. Tím prvním si ovšem nejsem tak jist" ALBERT EINSTEIN
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na cmaja
Michal Žůrek - misaz:17.2.2014 22:12

Zde je možná lepší JavaScriptový slider. Můžeš si to upravit přesně podle tvých představ.

 
Nahoru Odpovědět
17.2.2014 22:12
Avatar
cmaja
Člen
Avatar
cmaja:17.2.2014 22:18

Omlouvám se za spamování, protože jsem to psal i do tutoriálu Webové stránky krok za krokem 14.díl. Ale zde ve fóru to bude lepší. No a ještě jsem chtěl napsat, že neumím vůbec JavaScript. Čistě v HTML5 a CCS3 to nepůjde?

Nahoru Odpovědět
17.2.2014 22:18
"Jen dvě věci jsou nekonečné - vesmír a lidská hloupost. Tím prvním si ovšem nejsem tak jist" ALBERT EINSTEIN
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na cmaja
Honza Bittner:17.2.2014 22:21

No, nepůjde.

Ono ti toho HTML a CSS nic moc nenabízí na tuto problematiku.
Co mě napadá tak můžeš dát padding-top nadpisům stejně jako výška menu, což není moc cool...

Určitě to bude řešitelné v JS.
Tady je dobrý návod na to co potřebuješ + je to se smooth scrollem.
http://www.itnetwork.cz/…mooth-scroll

Editováno 17.2.2014 22:22
Nahoru Odpovědět
17.2.2014 22:21
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
cmaja
Člen
Avatar
cmaja:17.2.2014 22:55

Díky hobi, zkusím to použít, ale nemám rád, když tomu kódu absolutně nerozumím. Asi přečtu nějaké základy.

Nahoru Odpovědět
17.2.2014 22:55
"Jen dvě věci jsou nekonečné - vesmír a lidská hloupost. Tím prvním si ovšem nejsem tak jist" ALBERT EINSTEIN
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na cmaja
Honza Bittner:18.2.2014 7:17

Nenastavuj height ani line-height na li, nastav pouze line-height na a

Nahoru Odpovědět
18.2.2014 7:17
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
cmaja
Člen
Avatar
cmaja:18.2.2014 20:52

Proč? To můj problém nevyřeší ne? Jsem to zkoušel ve firebugu,ale to nic neměnilo.

Editováno 18.2.2014 20:53
Nahoru Odpovědět
18.2.2014 20:52
"Jen dvě věci jsou nekonečné - vesmír a lidská hloupost. Tím prvním si ovšem nejsem tak jist" ALBERT EINSTEIN
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na cmaja
Honza Bittner:18.2.2014 21:08

všechny styly nastavuj na ačko, na li si nech pouze nejzákladnější styly, jako třeba float atp.

Nahoru Odpovědět
18.2.2014 21:08
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
cmaja
Člen
Avatar
Odpovídá na Honza Bittner
cmaja:18.2.2014 22:04

Jo ty to myslíš jako, že je to dobrý programátorský styl?

Nahoru Odpovědět
18.2.2014 22:04
"Jen dvě věci jsou nekonečné - vesmír a lidská hloupost. Tím prvním si ovšem nejsem tak jist" ALBERT EINSTEIN
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na cmaja
Honza Bittner:18.2.2014 22:08

Spíš kóderský, jelikož není HTML ani CSS programovací jazyk...

Nahoru Odpovědět
18.2.2014 22:08
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na cmaja
Neaktivní uživatel:18.2.2014 22:19

Nejde ani tak o styl, jako o to, že to budeš mít na jednou místě a nebude to dělat blbosti (jako třeba špatně nastavené paddingy, přepisování stylů od jiných tříd a elementů, ...)

Nahoru Odpovědět
18.2.2014 22:19
Neaktivní uživatelský účet
Avatar
1Pupik1989
Neregistrovaný
Avatar
1Pupik1989:18.2.2014 23:38

Já sice do toho kódu nevidím. Viděl jsem jen kusy. HTML5 dobrý, krásný a marný (podle mě). Což takhle prostě to rozdělit na dva bloky (což asi je) a spodnímu dát margin? Sorry jestli vám připadá lepší padding, ale podle mě vnitřní odsazení tam nemá co dělat. Nebo tam můžeš nacpat position : relative, když už to je celé zpozicované. Nejlepší to bude ale určitě napsat v tabulkách. :D

 
Nahoru Odpovědět
18.2.2014 23:38
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na
Neaktivní uživatel:19.2.2014 9:20

Jedna blbost větší než druhá. HTML5 je vývoj, krok dopředu, rozhodně není vytvořeno jen tak ze srandy aby jsme místo divu mohli používat header a article. Napozicované to je správně. Position relative je zde zbytečné a s tou tabulkou to nemůžeš ani myslet vážně. Příště nejdříve mysli a pak piš, děkuji.

Nahoru Odpovědět
19.2.2014 9:20
Neaktivní uživatelský účet
Avatar
1Pupik1989
Neregistrovaný
Avatar
1Pupik1989:19.2.2014 12:31

Ta tabulka samozřejmě vtip bylo, to je prasárna. HTML5 si pro mě za mě používejte. Je fakt, že je přehlednější. S position to můžeš také odsadit, ale samozřejmě i to byl vtip. Jediné vážné co jsem napsal byly ty dva bloky, přičemž jeden bude mít margin-top.

 
Nahoru Odpovědět
19.2.2014 12:31
Avatar
Petr Nymsa
Tvůrce
Avatar
Odpovídá na
Petr Nymsa:19.2.2014 12:49

S HTML 5 nepřišli pouze nové tagy :`

Nahoru Odpovědět
19.2.2014 12:49
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na
Neaktivní uživatel:19.2.2014 12:55

I ta jediná věc, kterou jsi údajně myslel "vážně", je zbytečná.

Nahoru Odpovědět
19.2.2014 12:55
Neaktivní uživatelský účet
Avatar
mkub
Tvůrce
Avatar
Odpovídá na
mkub:21.2.2014 7:05

tak si zostan u HTML 0.9, ktora nepodporovala doslova nic, ani grafiku :D ale my ostatni budeme pouzivat nove a moderne technologie...

 
Nahoru Odpovědět
21.2.2014 7:05
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Tato diskuze byla označena moderátorem jako nekonstruktivní a myslíme si, že nemá pro veřejnost příliš vysokou hodnotu. Členy můžete samozřejmě stále oslovit soukromě a to formou zpráv nebo chatu.

Zobrazeno 17 zpráv z 17.