Autor | Zpráva | ||
---|---|---|---|
La_ToRaNTe Profil |
#1 · Zasláno: 29. 9. 2010, 07:53:18
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 |
#2 · Zasláno: 29. 9. 2010, 08:04:56
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 * |
#3 · Zasláno: 29. 9. 2010, 08:18:37
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 |
#4 · Zasláno: 29. 9. 2010, 08:22:48
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 |
#5 · Zasláno: 29. 9. 2010, 08:25:24
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 |
#6 · Zasláno: 29. 9. 2010, 08:31:39
panther
Tak v IE7 to vypadá pořád stejně .... neměl bych vytvořit přímo styl pro IE jen? |
||
La_ToRaNTe Profil |
#7 · Zasláno: 29. 9. 2010, 08:39:25
panther
Tak ani v IE6 to nepomohlo - možná jsem Tě špatně pochopil, ale nemyslím si ... |
||
panther Profil |
#8 · Zasláno: 29. 9. 2010, 08:41:41
La_ToRaNTe:
„možná jsem Tě špatně pochopil“ ano, pochopil. Co jsi kam přidal? Float:left k #menu li ne. |
||
La_ToRaNTe Profil |
#9 · Zasláno: 29. 9. 2010, 09:04:24
panther
Díky! |
||
Časová prodleva: 14 let
|
0