Autor Zpráva
xkomczax
Profil
Zdravím,
doufám, že jsem to tu nikde nepřehlédl a toto téma už tu není.
Vytvořil jsem si horizontální menu, kde mám vedle textu ještě obrázek, který se při najetí myší zvětší.
Můj problém tkví v tom, že jakmile se zvětší obrázek, posune se i veškerý text co je na stránce. Jak dosáhnout toho, aby se zvětšil pouze obrázek, ale text na stránce zůstal na stejném místě?
Děkuji za odpovědi
xkomczax
xkomczax
Profil
xkomczax:
PS: Rád bych dostal nějaké "čisté" řešení. Věci typu vytvoření obrázku stejné velikosti jako je ten větší, jejich zneprůhlednění a umístění dopředu mne taky napadly, ale...
mckay
Profil
xkomczax:
Živá ukážka? Jinak možná když už jsme u tohohle problému by se ti mohlo líbit tohle:

http://bit.ly/chKrtk
Bubák
Profil
Čisté řešení je obrázek na pozadí.
Pravděpodobně nejjednodušší řešení bude "pohrát si" s marginem obrázku.
panther
Profil
mckay:
nevím, jestli jsi se úplně trefil.

Bubák:
Pravděpodobně nejjednodušší řešení bude "pohrát si" s marginem obrázku.
myslíš, že kouzla s marginy jsou jednodušší než obrázek na pozadí, který je, jak jsi již sám řekl, lepší?
Bubák
Profil
panther:
Měl jsem na mysli, že šachování s marginy budou nejjednodušším řešením v tomto případě, kdy předpokládám, že xkomczax už má hotové menu, ve kterém mění obrázek skriptem.

Neuvědomil jsem si, že má odpověď se dá různě interpretovat.
xkomczax
Profil
mckay: Živá ukázka zatím pouze na localhostu. S tím menu co jsi poslal v odkazu máš pravdu, líbí se, ale... ;-)

Bubák: Obrázkem na pozadí jsem to vyřešil, ale říkal jsem si, že určitě bude i něco lepšího. Co se týče marginu, potřeboval bych nakopnout, kdy tu hodnotu měnit a u kterého atributu.

panther: mckay se sice netrefil, ale potěšil mé oko. Myslíš, že to s marginy bude až tak složité, že výsledek nebude odpovídat vynaloženému úsilí?

Jinak děkuji všem, kteří prozatím odpověděli :-)
panther
Profil
xkomczax:
Obrázkem na pozadí jsem to vyřešil, ale říkal jsem si, že určitě bude i něco lepšího.
ne, tak je to nejlépe.

Myslíš, že to s marginy bude až tak složité, že výsledek nebude odpovídat vynaloženému úsilí?
může a nemusí být. Ukaž nám, jak ten web vypadá (třeba na nějakém freehostingu), pak půjde na tohle jednoznačně odpovědět. Bez konkrétní situace nevím.
xkomczax
Profil
panther:
http://xkomczax.ic.cz/linux.php
panther
Profil
xkomczax:
tohle je jasný obrázek na pozadí. Při :hoveru si jen pohraj s paddingem odkazu, případně pozicí pozadí, aby neposkakoval horizontálně ani vertikálně.

Osobně se mi tohle menu ale moc nelíbí, bude to dost rušit. Zkus popřemýšlet o nezvětšování ikonek.
Bubák
Profil
panther:
tohle je jasný obrázek na pozadí
Já vidím v kódu jasně tag IMG a záměnu obrázků javascriptem:
<li><a href=""><img src="./camera64.png" onmouseover="this.src='./camera72.png'" onmouseout="this.src='./camera64.png'" alt="*" border="0">Focení</a></li>
panther
Profil
Bubák:
Já vidím v kódu jasně tag IMG a záměnu obrázků javascriptem:
tj, ale řešením jasný background :-)

Bylo to rozšíření [#8], které řešení je vhodnější a méně pracné.
xkomczax
Profil
panther:
Osobně se mi tohle menu ale moc nelíbí, bude to dost rušit. Zkus popřemýšlet o nezvětšování ikonek.
Dobrá, popřemýšlím (možná by nemuselo být špatné, kdyby se obrázky po najetí myší "rozsvítily"), ale nic neslibuji ;-)

Každopádně, děkuji všem, kdo se nějak vyjádřili k tématu a tím mi pomohli. Díky :-)
xkomczax

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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