Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> niedziałający rollover ie6
ryanek
post 8.03.2010, 19:11:19
Post #1





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 9.08.2009

Ostrzeżenie: (0%)
-----

mam problem z efektem rollover

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="content-type" content="text/xml; charset=utf-8" />
  5. <title>---</title>
  6. <link rel="stylesheet" href="style.css" type="text/css" />
  7. <!--[if lte IE 6]>
  8. <link href="ie.css" rel="stylesheet" type="text/css">
  9. <![endif]-->
  10. <script defer type="text/javascript" src="pngfix.js"></script>
  11. <meta name="keywords" content="ślub, wesele, organizacja ślubów" />
  12. <meta name="description" content="Organizacja ślubów" />
  13. <meta http-equiv="Content-Language" content="pl" />
  14. </head>
  15. <body>
  16. <div id="top">
  17. <div id="logo"><a href="index.html"><img src="img/logo.png" alt="logo" /></a></div>
  18. <ul id="menu">
  19. <li><a href="index.html">home</a></li>
  20. <li><a href="lejczer.html">lejczer</a></li>
  21. <li><a href="galeria.html">galeria</a></li>
  22. <li><a href="oferta.html">oferta</a></li>
  23. <li><a href="kontakt.html">kontakt</a></li>
  24. </ul>
  25. </div>
  26. <div id="box">
  27. <div id="img"><img src="img/img.png" alt="oferta" id="foto"/>
  28. <a href="oferta.html" onMouseOver='zmiana.src="img/oferta_hover.png"' onMouseOut='zmiana.src="img/oferta.png"'>
  29. <img src="img/oferta.png" name="zmiana" alt="oferta" id="aoffer" />
  30. </a> 
  31.  
  32. </div>
  33. <div id="content">
  34. <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ń 
  35. jest wybór <strong>fotografa ślubnego</strong>.
  36.  
  37. <div id="reffer">
  38. <p>
  39. Lejczer Fotografia Ślubna, z najwyższą starannościa zadba o to, aby każdy, godny uwagi szczegół tego dnia, został uwieczniony na zawsze.
  40. </p>
  41. <img src="img/leaf.png" alt="liść" /> 
  42. </div>
  43. <blockquote>
  44. <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>
  45. </blockquote>
  46. <cite>Jan Paweł II</cite>
  47. </div>
  48. <img src="img/leaf2.png" alt="liść2" id="leaf"/>
  49. </div>
  50. <div id="footer"></div>
  51. </body>
  52. </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.
Go to the top of the page
+Quote Post
wookieb
post 8.03.2010, 19:14:32
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
tak rolloverow juz sie nie robi.
poczytaj o css rollover


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
ryanek
post 8.03.2010, 19:43:31
Post #3





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 9.08.2009

Ostrzeżenie: (0%)
-----

przez pngfis.js nie działa nawet rollover css

przez pngfis.js nie działa nawet rollover css

[HTML] pobierz, plaintext 
  1. #img {
  2. width: 394px;
  3. height: 394px;
  4. margin-left: 80px;
  5. float: left;
  6. background: url(img/img.png);
  7. }
  8.  
  9. #img:hover {
  10. background: red;
  11. }
[HTML] pobierz, plaintext


zastosowalem taki kod i nie działa pod ie6, nie ważne czy z pngfix, czy bez pngfix
Go to the top of the page
+Quote Post
wookieb
post 8.03.2010, 20:25:18
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
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.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 15:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn