Autor | Zpráva | ||
---|---|---|---|
Serifus Profil * |
#1 · Zasláno: 27. 10. 2008, 03:09:11
Zdravím! Mám v menu pár tlačítek z obrázků. Po přejetí myšítkem přes některé z nich se obrázek efektně zmenšuje. Problém je v tom, že ono zmenšení obrázku s sebou vezme i zbytek menu, co má pod sebou. Menu se prostě hýbe podle změny velikosti obrázku. Jakým způsobem mu vnutit, aby zůstalo pevně v bloku a bylo tak nezávislé na hover přes obrázek? Díky předem
|
||
Honza_ Profil |
#2 · Zasláno: 27. 10. 2008, 08:09:36
Napadá mě jediné řešení a to nastavit menu (přesněji řádkám menu) pevnou výšku.
|
||
Serifus Profil * |
#3 · Zasláno: 27. 10. 2008, 19:06:22
„Napadá mě jediné řešení a to nastavit menu (přesněji řádkám menu) pevnou výšku.“
Jak, prosím? Nic mě nenapadá :-( |
||
panther Profil |
#4 · Zasláno: 27. 10. 2008, 19:35:36
Serifus
line-height nebo height položkám menu? |
||
Serifus Profil * |
#5 · Zasláno: 27. 10. 2008, 20:26:38
A jde to vlastně i upravit marginem, ne?
|
||
Tundra Profil * |
#6 · Zasláno: 27. 10. 2008, 23:12:35
Já bych to udělal tak, že každé tlačítko bude vypadat např. takhle:
<style> .talcitko{ height=30px; vertical-align: middle; text-align: center; } </style> <div class="tlacitko"> <!-- sem se umísti zmenšovací tlačítko --> </div> Prostě tvé tlačítko umístíš do jiného divu, který drží pevně výšku, takže tvé tlačítko se může zmenšovat jak chce. Jediná nevýhoda je, že když ukážeš jen na okraj tlačítka, toto se dostane z výběru a začne se ti rychle zvětšovat a zase zmenšovat a tak dál. To by se dalo vyřešit nějak tak, že odkaz uděláš z celýho toho vnějšího divu, ale to mi dělalo v IE trochu problémy, takže to nevim jistě. Jednoduché řešení by taky bylo prostě místo zmenšení tlačítka dát na pozadí jen menší obrázek, ale objekt nechat normální. |
||
Tundra Profil * |
#7 · Zasláno: 27. 10. 2008, 23:13:56
Taky by to šlo jak říkáš, že by si současně se zmenšením talčítka zvýšil o stejně margin nahoře a dole, takže by tlačítko vlastně zabíralo stejnou plochu.
|
||
Serifus Profil * |
#8 · Zasláno: 28. 10. 2008, 16:18:18
Ok. Já to nějak zkusim. Ten margin vypadá dobře. Akorát je to různý pro IE a FF.. :((
|
||
panther Profil |
#9 · Zasláno: 28. 10. 2008, 17:15:42
Tundra
„height=30px; “ spíše height: 30px; |
||
Časová prodleva: 6 let
|
|||
Šéva Profil |
Dobrý den,
řeším podobný problém. Dělám responzivní web a narazil jsem na problém s menu v menším rozlišení. Když si otevřete tuto stránku: http://skola.tera-sebevrazi.cz/ A zmenšíte si ji natolik, aby Vám zmizelo celé menu a zůstalo tam pak pouze "Menu" a kliknete na to, tak se sice zobrazí menu, ale zároveň se i posune vše, co je pod tímto menu. Mohl by mi prosím někdo poradit, jak na to? Děkuji |
||
pharaon.jh Profil |
#11 · Zasláno: 5. 3. 2015, 17:36:27
tady si můžeš vybrat nějaký, je jich tam hodně - http://www.jqueryrain.com/?s=responsive+menu
|
||
Šéva Profil |
#12 · Zasláno: 5. 3. 2015, 21:13:46
pharaon.jh:
Super, díky moc. Sice jsem si to chtěl udělat svépomocí, ale tohle bude asi o dost rychlejší. |
||
Keeehi Profil |
#13 · Zasláno: 5. 3. 2015, 21:38:39
Šéva:
Vždycky si můžeš vybrat to co se ti líbí, zjistit, jak jim to funguje a pak si to podle toho vytvořit sám. |
||
Časová prodleva: 10 let
|
0