| Autor | Zpráva | ||
|---|---|---|---|
| anonymum Profil * |
#1 · Zasláno: 30. 7. 2015, 12:54:40
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 |
#2 · Zasláno: 30. 7. 2015, 13:00:18
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 |
#3 · Zasláno: 30. 7. 2015, 13:32:18
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 * |
#4 · Zasláno: 30. 7. 2015, 13:51:50
Tady jsem to upnul: http://lifeisstrange.wz.cz/
(omluvte ten bordel v kódu :-D) |
||
| Tomáš123 Profil |
#5 · Zasláno: 30. 7. 2015, 14:00:49
anonymum:
Ešte niečo s čím máš problém? Žiadny zo spomínaných vyššie tam totiž nevidím. |
||
| anonymum Profil * |
#6 · Zasláno: 30. 7. 2015, 14:02:07 · Upravil/a: anonymum
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 |
#7 · Zasláno: 30. 7. 2015, 14:44:41
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 * |
#8 · Zasláno: 30. 7. 2015, 16:47:58 · Upravil/a: anonymum
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 * |
#9 · Zasláno: 30. 7. 2015, 18:17:40
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 :)
|
||
|
Časová prodleva: 9 let
|
|||
0