+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: hover w ie (/thread-hover-w-ie)
hover w ie - implossive - 22-02-2010
Witam
Mam problem z hoverem w IE, otóż wszędzie hover działa tak jak powinien
czyli to
www.vertuo.webd.pl/ordzin/
Pod FF, opera wszystko dobrze - sprawdzcie, a w ie w ogole nie wczytuje sie obrazek z podświetlenia...
kod :
Kod PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pl-pl" xml:lang="pl-pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="Stylesheet" type="text/css" href="style.css" />
<title></title>
</head>
<body>
<div id="container">
<div id="top"><a href="index.php"><? include ("data.php");?></a></div>
<div id="menu">
<ul>
<li><a href="#">Strona Główna</a></li>
<li><a href="#">Nasza Oferta</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
<div id="last"></div>
<div id="news"></div>
<div id="stopka"></div>
</div>
</body>
</html>
Kod PHP:
div#container
{
width:684px;
margin: 0px auto;
}
body
{
background-color:white;
font-family:Tahoma;
border:0px;
}
div#top
{
background-image:url('images/1.png');
width:684px;
height:116px;
}
#menu,
{
float:left;
text-align:center;
}
ul
{
overflow: hidden;
margin: 0px auto;
width:684px;
height:64px;
}
li
{
float:left;
text-align:center;
display:inline;
}
ul li a {
background:url(images/1o.jpg)no-repeat;
font:13px Tahoma, Arial, Helvetica, sans-serif;
color:#be0059;
font-weight:normal;
text-decoration:none;
width:166px;
height:64px;
display:block;
padding:24px 0 0 0;
}
ul li a:hover {
background:url(images/1on.jpg)no-repeat;
color:#fff;
}
.
RE: hover w ie - Marcin - 25-02-2010
Może dlatego, że powinna być spacja po parametrze url. Każdą wartość należy oddzielić spacją. Może IE nie radzi sobie z takim błędem. Dodatkowo dodaj pozycję obrazka po najechaniu.
Kod:
background: url(images/1on.jpg) 0 0 no-repeat;