Autor Zpráva
toredor
Profil
Ahoj,
potřebuji poradit udělat menu tak aby se u aktivní položky zobrazovala šipka směrem dolů ve vodorovneho menu? Potřebuji to na stránku http://gefestholding.ru/test/ šipka se zobrazuje u hlavního menu. Teď je šipka vložena jako obrázek a nastaven pevně pomocí vzdálenosti na střed tlačítka, ale v některých prohlížečích se šipka posune. Proto bych byl rád za nějaký nápad jak toto vyřešit děkuji.
Str4wberry
Profil
Řešení je vcelku prosté. Počítat absolutní posici vůči přímo nadřazenému odkazu / položce seznamu, tedy přidat position: relative. Potom bude pro šipku hodnota left rovna půlce šířky odkazu mínus půlka šířky šipky (nebude ji tedy potřeba pro každý odkaz počítat zvlášť).

Mimochodem, vkládat šipku pomocí <img> není úplně čistý způsob.
toredor
Profil
Vím, že to není dobrý způsob, ale v danou chvíli nejrychlejší řešení.
Str4wberry
Profil
Domnívám se, že dát tam místo <img> třeba <span> a adresu obrázku přesunout do CSS není významně pomalejší, ale proti gustu…
toredor
Profil
a jak tedy potom nastavím obrázek na střed tlačítka?
Str4wberry
Profil
Úplně stejně jako v případě <img>.
toredor
Profil
mohl by jsi mi tady ukázat kousek kódu? Děkuji
Str4wberry
Profil
Ale jo.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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