+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z rozwijanym menu w IE (/thread-problem-z-rozwijanym-menu-w-ie)
Problem z rozwijanym menu w IE - marcel0001 - 02-05-2011
Witam, mam następujący problem, że menu rozwijane które umieściłem na swojej, jeszcze nie gotowej stronie, nie chce się rozwijać w internecie explorer, ff, chrome, opera, wszystko ok, ale w IE nie działa, co poprawić?
Strona: http://www.isport.net.pl/HERBY%20Z%20DAWNYCH%20LAT/index.php
Kod:
Kod:
<!--/To jest początek nagłówka strony i meta tagów-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Herby z dawnych lat</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta name="description" content="strona ta, to zbiór herbów które kiedyś widniały na koszulkach zawodników zarówno z ligi polskiej, jak i lig zagranicznych.">
<meta name="keywords" content="herby, stare herby">
</head>
<!--/To jest KONIEC nagłówka strony i meta tagów-->
<body>
<!--/Początek MENU-->
<!--/Początek BANERA-->
<div id='logo'></div>
<!--/Koniec BANERA-->
<tr>
<td><span class='preload2'></span>
<ul class='menu2'>
<li class='top'><a href='".BASEDIR."index.htm' class='top_link'><span>STRONA GŁÓWNA</span></a></li>
<li class='top'><a href='".BASEDIR."' class='top_link'><span class='down'>EKSTRAKLASA</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class='sub'>
<li><a href='".BASEDIR."@@'>Wisła Kraków</a></li>
<li><a href='".BASEDIR."@@'>Lech Poznań</a></li>
<li><a href='".BASEDIR."@@'>Legia Warszawa</a></li>
<li><a href='".BASEDIR."@@'>Lechia Gdańsk</a></li>
<li><a href='".BASEDIR."@@'>Jagiellonia Białystok</a></li>
<li><a href='".BASEDIR."@@'>Górnik Zabrze</a></li>
<li><a href='".BASEDIR."@@'>Ruch Chorzów</a></li>
<li><a href='".BASEDIR."@@'>Polonia Warszawa</a></li>
<li><a href='".BASEDIR."@@'>Polonia Bytom</a></li>
<li><a href='".BASEDIR."@@'>Zagłębie Lubin</a></li>
<li><a href='".BASEDIR."@@'>GKS Bełchatów</a></li>
<li><a href='".BASEDIR."@@'>Arka Gdynia</a></li>
<li><a href='".BASEDIR."@@'>Cracovia Kraków</a></li>
<li><a href='".BASEDIR."@@'>Śląsk Wrocław</a></li>
<li><a href='".BASEDIR."@@'>Korona Kielce</a></li>
<li><a href='".BASEDIR."@@'>Widzew Łódź</a></li>
</li></ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class='top'><a href='".BASEDIR."' class='top_link'><span class='down'>1 LIGA</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class='sub'>
<li><a href='".BASEDIR."@@.htm'>Podbeskidzie Bielsko-Biała</a></li>
<li><a href='".BASEDIR."@@'>ŁKS Łódź</a></li>
<li><a href='".BASEDIR."@@'>Flota Świnoujście</a></li>
<li><a href='".BASEDIR."@@'>Piast Gliwice</a></li>
<li><a href='".BASEDIR."@@'>Sandecja Nowy Sącz</a></li>
<li><a href='".BASEDIR."@@'>Ruch Radzionków</a></li>
<li><a href='".BASEDIR."@@'>@@</a></li>
<li><a href='".BASEDIR."@@'>@@</a></li>
<li><a href='".BASEDIR."@@'>@@</a></li>
<li><a href='".BASEDIR."@@'>@@</a></li>
<li><a href='".BASEDIR."@@'>@@</a></li>
<li><a href='".BASEDIR."@@'>@@</a></li>
<li><a href='".BASEDIR."@@'>@@</a></li>
<li><a href='".BASEDIR."@@'>@@</a></li>
<li><a href='".BASEDIR."@@'>@@</a></li>
<li><a href='".BASEDIR."@@'>@@</a></li>
<li><a href='".BASEDIR."@@.htm'>@@</a></li>
</li></ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</td>
</tr>
<!--/Koniec MENU-->
</body>
</html>RE: Problem z rozwijanym menu w IE - hieroshima - 02-05-2011
wrzuć kod css'a jeszcze
RE: Problem z rozwijanym menu w IE - mateo - 02-05-2011
I napisz w jakiej wersji IE.
RE: Problem z rozwijanym menu w IE - hieroshima - 02-05-2011
sprawdzałem na IE 8 nie działa więc na 9 i <8 też pewnie nie
RE: Problem z rozwijanym menu w IE - Kartofelek - 02-05-2011
Moze to przez to ze calosc wsadziles w tabele?
Poza tym to menu jest kiepsko napisane. Niby ma dobre nawyki, ale ogolnie kod kiepa
RE: Problem z rozwijanym menu w IE - marcel0001 - 02-05-2011
Kod:
body {
background-color: #dcdcdc;
font-family: Verdana, Sans-serif;
font-size: 12px;
float: center;
width: 940px;
background-position: top center;
clear: both;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
border-spacing: 0px;
padding: 0px;
}
#src {
height:200px;
width:200px;
border-style: solid;
float: left;
padding: 4px;
margin-bottom: 10px;
margin-right: 10px;
border: 1px solid #000000;
}
#src1 {
border-style: solid;
padding: 0px;
margin-bottom: 0px;
margin-right: 0px;
border: 1px solid #000000;
}
#src2 {
border-style: solid;
padding: 0px;
margin-bottom: 0px;
margin-right: 0px;
border: 1px solid #000000;
}
#href {
float: left;
border-color= #000000;
}
#logo {
float:center;
height:110px;
width:940px;
background-image: url(images/logo.jpg);
background-position: top left;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid #000000;
margin: 0px;
padding: 0;
}
#tab {
border-spacing: 0mm;
width: 940px;
clear: both;
float: center;
}
#logostrip {
border-style: none;
}
#stopka1 {
float: center;
border-style: none;
width: 940px;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-collapse: collspare;
border-spacing: 0px;
background-color: #ffffff;
clear: both;
}
#gora1 {
width: 940px;
border-top: 0px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
text-align: center;
font-size: 28px;
font-weight: bold;
font-family: "Calibri", "Sans-serif";
color: #434343;
border-collapse: collspare;
border-spacing: 0mm;
background-color: #ffffff;
clear: both;
}
#srodek1 {
border-style: none;
width: 210px;
font-size: 24px;
font-weight: bold;
font-family: "Calibri", "Sans-serif";
color: #434343;
border-left: 2px solid #000000;
border-collapse: collspare;
border-spacing: 0px;
text-align: center;
background-color: #ffffff;
border-spacing: 0px;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
clear: both;
}
#srodek2 {
float: center;
border-style: none;
background-color: #FFFFFF;
font-family: Verdana, Sans-serif;
font-size: 12px;
margin-top: 0px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 15px;
padding-top: 4px;
border-color: #2A441F;
width: 560px;
text-align: left;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-collapse: collspare;
border-spacing: 0px;
background-color: #ffffff;
border-spacing: 0px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
clear: both;
}
#srodek3 {
float: center;
width: 170px;
font-size: 24px;
font-weight: bold;
font-family: "Calibri", "Sans-serif";
color: #434343;
border-right: 2px solid #000000;
text-align: left;
background-color: #ffffff;
border-spacing: 0px;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid #000000;
clear: both;
}
#hr {
width: 210;
}
#stopka {
float: center;
background-position: conter top middle;
width: 290px;
margin: 0 auto;
font-size: 13px;
text-align: left;
padding-left: 330px;
background-color: #ffffff;
}
a:hover { color: #FFEF58 }
a:link { color: #1A491A }
a:visited { color: #34682A }
.center {
margin: 0 auto;
}
.menu2 {
padding:0 0 0 0px;
margin:0;
width: 940px;
list-style:none;
height:32px;
background:#fff url(images/menu/button1a.jpg) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
border-bottom: solid 0px #CCCCCC;
border-style: none;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
text-align: left;
}
.menu2 li.top {
display:block;
float:left;
position:relative;
}
.menu2 li a.top_link {
display:block;
float:left;
height:32px;
line-height:32px;
color:#ffffff;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding:0 0 0 0px;
cursor:pointer;
}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0px 10px; height:32px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 20px 0 10px; height:32px; background:url(images/menu/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/menu/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/menu/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/menu/button4a.gif) no-repeat right top;}
.menu2 li:hover > a.top_link {color:#fff; background: url(images/menu/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/menu/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/menu/button4a.gif) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}
.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:2px; top:30px; background: #fff; padding:3px 3px; border:1px solid #436D0F; white-space:nowrap; width:145px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:18px; position:relative; float:left; width:150px;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:18px; width:145px; line-height:20px; text-indent:1px; color:#000; text-decoration:none; border:1px solid #fff; border-width:0 0 0 1px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/menu/arrow.gif) 135px 8px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#F5E000; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#F5E000 url(images/menu/arrow_over.gif) 135px 0px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#F5E000 url(images/menu/arrow_over.gif) 135px 0px no-repeat; color:#fff;}
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:148px; top:-4px; background: #fff; padding:3px 3px; border:1px solid #436D0F; white-space:nowrap; width:140px; z-index:200; height:auto;}RE: Problem z rozwijanym menu w IE - Kartofelek - 02-05-2011
Ponowię: zrób to menu po ludzku.
Kod:
<a href='".BASEDIR."' class='top_link'><span class='down'>1 LIGA</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->Co to w ogóle za kod. To jest zupa, a nie kod. Normalnie na li, a najwyzej dla IE6 zastosuj hover.htc. Poszukaj w google co to i jak to użyć. Ale nie rób takiej mieszaniny logiki, bo to bez sensu.