Autor Zpráva
anonymum
Profil *
Ahoj,
Jsem v HTML tak nějak nováček a potřeboval bych pomoct s tím, že mi plave menu, ikdyž to nechci. Ještě ke všemu mám pod menu obrázek, který menu překrývá.
Jak to vypadá normálně: http://postimg.org/image/p9l4uw1at/
Jak vypadá kolize: http://postimg.org/image/ysutocot1/

Takže bych rád věděl:
Jak menu přichytnout na vršek stránky tak, aby se při scrollování neposouvalo?
Jak udělat, aby submenu nemělo kolizi s obrázkem (div)?
Jak dát položky doprostřed menu?

Díky :)
lionel messi
Profil
anonymum:
Jak menu přichytnout na vršek stránky tak, aby se při scrollování neposouvalo?
V CSS pomocou position: fixed.

Jak dát položky doprostřed menu?
Opäť pomôže CSS: Centrování na webových stránkách » Horizontální centrování textu (text-align: center)

Jak udělat, aby submenu nemělo kolizi s obrázkem (div)?
Dodaj prosím živú ukážku, z obrázka ťažko jednoznačne určiť, čo robíš zle. (Kam nahrať ukážku, keď mám web len u seba na disku?)
Tomáš123
Profil
anonymum:
Jak udělat, aby submenu nemělo kolizi s obrázkem (div)?
Teoreticky nebude potrebné kolíziu riešiť, pretože vysúvacie menu sa poziciuje absolutne práve preto, aby s ním okolitý obsah nemával sem a tam. Viď: Ako na vysúvacie menu v CSS. Malo by tam byť popísané všetko, čo potrebuješ.
anonymum
Profil *
Tady jsem to upnul: http://lifeisstrange.wz.cz/
(omluvte ten bordel v kódu :-D)
Tomáš123
Profil
anonymum:
Ešte niečo s čím máš problém? Žiadny zo spomínaných vyššie tam totiž nevidím.
anonymum
Profil *
Vážně? Já tam ten problém totiž pořád mám...


V prohlížečích Firefox a Midori je to v poho, ale Chrome a Opera mají problém :/


position: fixed mi nepomáhá.
display: inline-block už mám, nepomáhá.
Tomáš123
Profil
anonymum:
Odober relatívne a statické poziciovanie, nič z toho nepotrebuješ. Na centrovanie slúži margin: auto (nie float: right). Na odsadenie zhora (po odobraní poziciovania sa prvky posunú nahor, lebo fixne poziciované menu nebude zaberať miesto keďže nebude na tej istej vrstve) použi margin-top (vychádza mi to zhruba na 100px).

display: inline-block už mám, nepomáhá.
To v tom zdroji nepopisujem. Display: inline-block sa ti hodí, ak potrebuješ položky v submenu usporiadať vedľa seba.
anonymum
Profil *
Tak se mi podařilo vycentrovat obsah a menu už nemizí (hurá!). Díky moc :)
Ale pořád mi položky nejdou vycentrovat a menu se pořád při scrollování posouvá :/


Navíc mi pozadí začíná až od 64px shora, ale nemám to nikde nastavené :/
anonymum
Profil *
Vyřešeno, problém byl v <body> (blbě nastavený margin). Teď už to šlape jak má. Díky moc za rady, vážně mi to pomohlo :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: