Autor | Zpráva | ||
---|---|---|---|
quickspider Profil |
#1 · Zasláno: 2. 7. 2014, 11:31:23
Dobrý den,
mohl by mi prosím Vás někdo poradit, jak zapsat odsazení menu od vrchu stránky, aby se zobrazovalo správně v Chromu? http://kobra11.eu Aktuálně to mám řešeno přes margin v procentech. Ve Firefoxu je to v pořádku. Děkuji. |
||
Trejpa Profil |
#2 · Zasláno: 2. 7. 2014, 11:53:26
quickspider:
Vidím to skoro stejně ve třech různých prohlížečích. Drobné rozdíly v jednotkách pixelů způsobuje rozdílná výchozí velikost výšky řádku, kterou jsi nenastavil. |
||
quickspider Profil |
#3 · Zasláno: 2. 7. 2014, 12:09:05
Když si rozkliknete, ostatní kategorie, tak se druhé menu posouvá víc níž. Mělo by být na stejné úrovni.
|
||
Trejpa Profil |
#4 · Zasláno: 2. 7. 2014, 12:46:22
quickspider:
Teď mi teprve došlo, o co se snažíš. Ty dva sloupce odkazů mají představovat menu a podmenu. Jak tě vůbec napadlo nastavovat horní margin v procentech? Vždyť jeho výška se vypočítává ze šířky (!) daného elementu a tu jsi nezadal. Stačí v prohlížeči změnit velikost písma a bude jiná. Nejjednodušší řešení: Nejdřív si nastav pro všechny prohlížeče stejnou výšku řádku body { line-height: 1.2; } . Potom nastav horní margin daného elementu na násobek této hodnoty v jednotce em (tj. výška písma):
.dily { margin-top: 1.2em; } .postavy { margin-top: 2.4em; } .hudba { margin-top: 3.6em; } .dvd { margin-top: 4.8em; } Já bych provedl změnu na úrovni HTML. Použil bych seznam <ul> nebo <menu> a do příslušné položky bych vnořil další seznam. Tím bych věděl, kde má který podseznam začínat, byl by odpozicován od příslušné položky a nebylo by třeba v CSS rozlišovat úrovně zanoření. A rozhodně bych nastavil v menu šířku a nezadával výšku písma v pixelech.
|
||
quickspider Profil |
#5 · Zasláno: 2. 7. 2014, 13:07:56
děkuji za připomíny. Zkusím ten seznam.
|
||
quickspider Profil |
#6 · Zasláno: 2. 7. 2014, 15:57:03
Mám zanořený seznam a potřebuji aby začínal na stejné úrovni jako položka nadřazená. Můžete mi poradit jak to mám zapsat?
|
||
CZghost Profil |
#7 · Zasláno: 2. 7. 2014, 16:03:51
quickspider:
Nejlépe tak, že vnořený seznam posuneš o 1em nahoru (margin-top: -1em; ). Nezapomeň vyrovnat vnořený seznam tak, aby nepřekrýval seznam nadřazený. Pozor na padding, vnořený seznam se ti posune k hornímu okraji řádky, nikoliv položky. V tomto případě je nutné si pohrát s pixely a experimenty zjistit, jaké nastavení odpovídá. Uživatelé, kteří si zvětšují pouze písmo, tě asi zabijí :-)
|
||
juriad Profil |
#8 · Zasláno: 2. 7. 2014, 16:17:54
CZghost:
Prosím tě, příště se zdrž takových rad. quickspider: http://kod.djpw.cz/rgeb Odmaž si položky, které tam mít nechceš a nastavení vlastnosti display zruš (na obou místech).
|
||
Trejpa Profil |
#9 · Zasláno: 2. 7. 2014, 19:11:32
quickspider:
Dovolil jsem si kód od juriada upravit pro tvoji potřebu. Bude užitečné mít nastavenu šířku celého menu, šířka a pozice podmenu bude relativní polovina této hodnoty. Živá ukázka |
||
quickspider Profil |
#10 · Zasláno: 2. 7. 2014, 20:54:35
Trejpa:
Toho už jsem docílil také, ale šlo by udělat, aby D a E byly až bod CE? ta CA až CX vypisuju z databáze. Asi by se musely vložit prázdné hodnoty. |
||
juriad Profil |
#11 · Zasláno: 2. 7. 2014, 21:16:37
Myslíš toto?
http://kod.djpw.cz/wgeb |
||
Trejpa Profil |
|||
Časová prodleva: 10 let
|
0