Forum PHP.pl > niedziałający rollover ie6

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: niedziałający rollover ie6

Forum PHP.pl > Forum > Po stronie przeglądarki

ryanek

8.03.2010, 19:11:19

mam problem z efektem rollover

[HTML] pobierz, plaintext 
<!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">
<head>
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
<title>---</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if lte IE 6]>
<link href="ie.css" rel="stylesheet" type="text/css">
<![endif]-->
<script defer type="text/javascript" src="pngfix.js"></script>
<meta name="keywords" content="ślub, wesele, organizacja ślubów" />
<meta name="description" content="Organizacja ślubów" />
<meta http-equiv="Content-Language" content="pl" />
</head>
<body>
<div id="top">
<div id="logo"><a href="index.html"><img src="img/logo.png" alt="logo" /></a></div>
<ul id="menu">
<li><a href="index.html">home</a></li>
<li><a href="lejczer.html">lejczer</a></li>
<li><a href="galeria.html">galeria</a></li>
<li><a href="oferta.html">oferta</a></li>
<li><a href="kontakt.html">kontakt</a></li>
</ul>
</div>
<div id="box">
<div id="img"><img src="img/img.png" alt="oferta" id="foto"/>
<a href="oferta.html" onMouseOver='zmiana.src="img/oferta_hover.png"' onMouseOut='zmiana.src="img/oferta.png"'>
<img src="img/oferta.png" name="zmiana" alt="oferta" id="aoffer" />
</a> 
 
</div>
<div id="content">
<strong>Ślub</strong> to niezwykłe wydarzenie w życiu każdego człowieka. To dzień, który zapisuje się w pamięci młodych na długie lata. Przyszli małżonkowie zaczynają planować go ze znacznym wyprzedzeniem. Pragną, w najdrobniejszym nawet szczególe, wywołać wśród swoich gości podziw. Robią wszystko, by ten dzień był zapamiętany nie tylko przez nich samych, ale także przez wszystkich, którzy będą w nim uczestniczyć. Dlatego ważnym elementem przygotowań 
jest wybór <strong>fotografa ślubnego</strong>.
 
<div id="reffer">
<p>
Lejczer Fotografia Ślubna, z najwyższą starannościa zadba o to, aby każdy, godny uwagi szczegół tego dnia, został uwieczniony na zawsze.
</p>
<img src="img/leaf.png" alt="liść" /> 
</div>
<blockquote>
<p>"Niech nasza droga będzie wspólna. Niech nasza modlitwa będzie pokorna. Niech nasza miłość będzie potężna. Niech nasza nadzieja będzie większa od wszystkiego, co się tej nadziei może sprzeciwiać".</p>
</blockquote>
<cite>Jan Paweł II</cite>
</div>
<img src="img/leaf2.png" alt="liść2" id="leaf"/>
</div>
<div id="footer"></div>
</body>
</html>
[HTML] pobierz, plaintext

w firefoxie wszystko dział jak należy, jednak w ie6 jest problem. rollover nie działa, a w lewym dolnym rogu pojawia się "Błąd na stronie". a jego treść 'Brak definicji 'zmiana'' . wskazuje na linie 28.

gdy utworzyłem całkiem pusty dokument, i zamieściłem w nim tylko link i obrazek z rollover, wszystko działało jak nalezy.

wookieb

8.03.2010, 19:14:32

tak rolloverow juz sie nie robi.
poczytaj o css rollover

ryanek

8.03.2010, 19:43:31

przez pngfis.js nie działa nawet rollover css

przez pngfis.js nie działa nawet rollover css

[HTML] pobierz, plaintext 
#img {
width: 394px;
height: 394px;
margin-left: 80px;
float: left;
background: url(img/img.png);
}
 
#img:hover {
background: red;
}
[HTML] pobierz, plaintext

zastosowalem taki kod i nie działa pod ie6, nie ważne czy z pngfix, czy bez pngfix

wookieb

8.03.2010, 20:25:18

1) W dzisiejszych czasach istnieje zwyczaj olewania ie6 wlasnie z powodu png, a ze o innych jego niedbalstwach nie wspomne.
2) Jak już jednak upierasz się przy ie6 możesz zastosować png behavior.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.