Menu

zdravim.. uz si pripadam ze tu fakt otravuju ale posledni dotaz.. mimochodem fakt mi tu moc pomahate.. ale k veci. Delam na strankach kde je horizontalni JS menu. Bohuzel, se ale nastavuje absolutni pozici. Timpadem pada moznost zarovnani stranky na stred. Proto prosim o doporuceni menu, ktere by splnovalo tyto pozadavky:
---------------
musi byt kompatibilni s IE6, IE7, FireFox
musi byt horizontalni
vzhledove.. musi jit dat obrazek pozadi "polozky", obrazek pri hoveru
vzhledem k nechtenosti absolutni pozice by bylo k veci aby bylo menu napr. urcitim html prvkem nebo nevim jak to rict.. proste aby se nemuselo delat pozicovani..
-----------------
dikes mockrat za reply
Mám takové matné tušení, že pokud ten vycentrovaný DIV nastavíš na relativní pozici, tak se bude absolutní pozice vnořeného prvku odvíjet od jeho pozice ...
mrkvo (mrkvo.wz.cz)
- vzhledem k tomu, ze jsi opet nedal priklady, co mas a jak bys to chtel, tak zalovim do kapsy pro kristalovou kouli a nejake si vymyslim :) aspon obrazky, kdyby nahodou nekdo nepochopil text.

http://www.volny.cz/peter.mlich/www.htm#mssub8
http://www.volny.cz/peter.mlich/www.htm#mssub22

V naprostem klidu oskinujes:
<div class="menu">
<ul>
<li>aaa
. <ul>
. <li>bbb</li>
. <li>bbb</li>
. </ul>
</li>
<li>ccc</li>
<li>ddd</li>
</ul>
</div>

div.menu {text-align:center;}
div.menu ul,
div.menu ul li
{display:inline;margin:0;padding:0;list-style:none;}
div.menu ul li
{position:relative;}
div.menu ul ul,
div.menu ul ul li
{display:block;}
div.menu ul ul
{position:absolute;}
div.menu ul li ul
{display:none;}
div.menu ul li:hover ul
{display:block;}

plus minus nejake chybycky a problemy s paddingem a marginem;
Pak je tez zajimave pouziti s word-space, pekne si ty polozky oddelit treba 3em mezerou. Nebo zkusit text-indent...
ja se moc omlouvam, zapomel sem podotknout ze jde o rozbalovaci menu! priklad http://mrkvo.wz.cz/other/prokon/
peta (peter-mlich.wz.cz) koukni na ten priklad
Ja ti vic poradit nemuzu. V praci mam linux kubuntu FF a fakeIE. fakeIE to zobrazuje jako IE, ale ma problemy s padding, float a pod a jediny layout, ktery je oki je tabulkovy. FF znas. Tady mam win vista IE7 a FF a tam je to oki. Aspon se to tak jevi.

mimochodem, kdyby to nekoho zajimalo, tak vista (na notebook) ma takoveto hodnoty:
po startu, temer cista instalace
- disk (27GB bylo to nejakych 5GB) / 80GB
- pamet 700MB
po zklidneni jsem to vyladil z 500 na
- pamet 400MB
pri rezimu spanku si to zbasti +10GB pro ulozeni okamzite prace
a nedovoli to mensi partition nez 80GB, coz mne celkem toci, chtel jsem 1 datovou oblast a mam tam jen nejakych 40GB
S tim diskovym mistem je to zahadne, bylo to myslim 5GB a ted po nekolika rezimech spanku tam je o 20GB vic.
Nastavit stránku uvedenou v příkladu na střed, včetně menu, lze. Chce to jen pár úprav:

CSS a HTML:

pro BODY nastav styl "text-align: center"
celou stránku mezi značkami <BODY> a </BODY> uzavři do dalšího DIVu, kterému nastav tento styl:
"margin: 0 auto; width: 954px; position: relative; text-align: left;"
(width si uprav podle potřeby)

no a nakonec je nutné lehce upravit hodnoty ve scriptu "menu_tpl.js" a to v proměnné MENU_POS:

'block_top': 148,
'block_left': 27,

Vyzkoušel jsem úpravu ve FF2, IE7, OP9.20 a Safari (WIN), kde to funguje bez problémů, IE6 a starší momentálně nemám k dispozici.

A něco pro inspiraci:
http://www.cssplay.co.uk/menus/
ladik genius! diky diky diky diky diky