Autor Zpráva
La_ToRaNTe
Profil
Dobré ranko!

Nechtěl jsem Vás tu moc otravovat a zkoušel podobný problém už hledat po foru nebo i jinde, ale nějak bez úspěchu.

Mám tu web, http://nyoo.co.uk/ kde je menu tvořeno seznamen ul - li - a obrázky s nadefinovaným pozadím, které se po najetí posouvá a tvoří tak "hover" efekt. Každopádně se tento model zdá nefunkční pro IE verz 6 a 7 a já si s tím nevím vůbec rady - ale vsadím se, že spousta z Vás už tu podobný problém měla a byl bych více než vděčný, pokud by jste mi dokázali pomoct ...

Takhle vypadá menu v IE6: http://nyoo.co.uk/ie6.png
A takto v IE7: http://nyoo.co.uk/ie7.png


Odkaz na CSS - je bohužel obří, ale část která dělá problém bude tato:

#menu-box {
	padding: 0;
	width: 982px;
	margin: 0 auto;
}
#menu {
	list-style: none;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 44px;
	min-height: 44px;
	position: relative;
}
#header-right-links {
	list-style: none;
	float: left;
	padding: 0;
	width: 100%;
	height: 20px;
	margin-left: -3px;
	min-height: 20px;
	position: relative;
}
#menu span, #header-right-links span, #mainlinks_1 span, #mainlinks_2 span, #mainlinks_3 span, #mainlinks_4 span, #box-c span, #box-do span, #box-el span, #box-li span, #box-mnf span, #box-okp span, #box-ol span, #box-oloc span, #med-1 span, #med-2 span, #med-3 span, #med-4 span, #med-5 span, #med-6 span, #med-7 span, #med-8 span, #med-9 span, #med-10 span, #med-11 span, #med-12 span, #med-13 span, #med-14 span, #med-15 span, #med-16 span, #medlaw-1 span, #medlaw-2 span, #medlaw-3 span, #med-17 span, #med-18 span, #med-19 span, #med-20 span, #med-21 span, #box-char span {
	display: none;
}
#menu a, #header-right-links a, #mainlinks_1 a, #mainlinks_2 a, #mainlinks_3 a, #mainlinks_4 a, #box-c a, #box-do a, #box-el a, #box-li a, #box-mnf a, #box-okp a, #box-ol a, #box-oloc a, #med-1 a, #med-2 a, #med-3 a, #med-4 a, #med-5 a, #med-6 a, #med-7 a, #med-8 a, #med-9 a, #med-10 a, #med-11 a, #med-12 a, #med-13 a, #med-14 a, #med-15 a, #med-16 a, #medlaw-1 a, #medlaw-2 a, #medlaw-3 a, #med-17 a, #med-18 a, #med-19 a, #med-20 a, #med-21 a, #box-char a {
	display: block;
	text-indent: -9000px;
	float:left;
	outline: none;
}
#menu a:hover, #header-right-links a:hover, #mainlinks_1 a:hover, #mainlinks_2 a:hover, #mainlinks_3 a:hover, #mainlinks_4 a:hover, #box-c a:hover, #box-do a:hover, #box-el a:hover, #box-li a:hover, #box-mnf a:hover, #box-okp a:hover, #box-ol a:hover, #box-oloc a:hover, #med-1 a:hover, #med-2 a:hover, #med-3 a:hover, #med-4 a:hover, #med-5 a:hover, #med-6 a:hover, #med-7 a:hover, #med-8 a:hover, #med-9 a:hover, #med-10 a:hover, #med-11 a:hover, #med-12 a:hover, #med-13 a:hover, #med-14 a:hover, #med-15 a:hover, #med-16 a:hover, #medlaw-1 a:hover, #medlaw-2 a:hover, #medlaw-3 a:hover, #med-17 a:hover, #med-18 a:hover, #med-19 a:hover, #med-20 a:hover, #med-21 a:hover, #box-char a:hover {
	background-position: left bottom;
}


#menu li a.a-about {
	background-image: url(images/a-about.png);
	height: 44px;
	width: 88px;
}  ................. atd



Předem děkuji za Váš čas!

Martin
panther
Profil
La_ToRaNTe:
nastav položkám float: left. Nazval jsi to sice správně float menu, ale položky neplavou.

Poznámka pod čarou: když už děláš obrázkové menu, nezapomeň na textovou variantu (zkus si vypnout obrázky).
Dlouhán
Profil *
panther:
Tam textová varianta je, zkus si vypnout CSS.
Vím, že do jde udělat lépe: http://interval.cz/clanky/seo-obrazky/
panther
Profil
Dlouhán:
Tam textová varianta je, zkus si vypnout CSS.
styly nevypíná téměř nikdo, většinou, když už, se brouzdá bez obrázků. Ano, text tam je, ale 9000px za monitorem, takže slušně řečeno... Na dvě věci.

Nevím, jestli jsi La_ToRaNTe či nikoliv. Ve druhém případě o tom nebudeme asi dále psát, původní dotaz se týkal něčeho jiného.
La_ToRaNTe
Profil
panther

Díky za rychlou odpověď! To jsem ani nečekal, že by tu někdo byl takhle ráno!

Nastavil jsem všem prvkům menu float:left a čekám na browser-shots co mi řeknou ...
La_ToRaNTe
Profil
panther
Tak v IE7 to vypadá pořád stejně .... neměl bych vytvořit přímo styl pro IE jen?
La_ToRaNTe
Profil
panther

Tak ani v IE6 to nepomohlo - možná jsem Tě špatně pochopil, ale nemyslím si ...
panther
Profil
La_ToRaNTe:
možná jsem Tě špatně pochopil
ano, pochopil. Co jsi kam přidal? Float:left k #menu li ne.
La_ToRaNTe
Profil
panther

Díky!

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0