Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
hover w ie
#1
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 css:
Kod PHP:
div#container
{
    
width:684px;
    
margin0px 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
    
{
    
overflowhidden;
margin0px 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 TahomaArialHelveticasans-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;
        

Proszę o pomoc Smile.
Odpowiedz
#2
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;
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Klasa w Klasie a hover Ridii 2 2,250 28-07-2017, 21:54
Ostatni post: NUTER
  polecenie :hover i :active nie działają w IE Nicorrtiss 13 7,993 06-03-2011, 00:34
Ostatni post: Kartofelek
Sad [CSS] Problem z hover natomiast 2 2,255 11-05-2010, 22:41
Ostatni post: Pedro84
  Seryjne stosowanie a:link, a:hover Początkujący 5 4,717 14-04-2010, 17:59
Ostatni post: Początkujący
  Problem z a:hover w php drips 4 3,199 10-10-2009, 00:11
Ostatni post: drips

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl