Diskuze: Problém s fixním menu

cmaja

Člen

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

Michal Žůrek - misaz

Tvůrce

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

cmaja

Člen

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

Honza Bittner

Tvůrce

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.

cmaja

Člen

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

Honza Bittner

Tvůrce

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.

cmaja

Člen

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

Honza Bittner

Tvůrce

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.

cmaja

Člen

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

Honza Bittner

Tvůrce

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.

Neaktivní uživatel

Tvůrce

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

1Pupik1989

Neregistrovaný

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.

Nahoru Odpovědět

18.2.2014 23:38

Neaktivní uživatel

Tvůrce

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

1Pupik1989

Neregistrovaný

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

Petr Nymsa

Tvůrce

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

Neaktivní uživatel

Tvůrce

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

mkub

Tvůrce

mkub:21.2.2014 7:05

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

Nahoru Odpovědět

21.2.2014 7:05

Naučíme tě pracovat na home-office.

Zjistit více...

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.