Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Problem z picture enlarge (css) w Operze oraz FF
zman85
post 28.05.2009, 12:19:07
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 25.05.2005

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


Witam,
dodałem do swojej strony opcje powiększenia zdjęca po najechaniu na nie i wszystko było by dobrze
gdyby tylko nie to, że działa to poprawnie tylko w IE - firefox oraz opera i inne gadziny dodają do span'a dziwne
boczne marginesy, które nie wyglądają zbyt dobrze.
Wydaje się mi, że problem jest w cssie i tych strasznych pozycja absolute, relative itp..,
ale z kolei nie mam poojęcia dlaczego te marginesy (niebieskie tło) jest akurat tej samej wielkości
w FF jak i w Operze, skoro nie ma żadnych zdefiniowanych szerokości w css'ie.

Prosiłby bardzo o podpowiedź co zrobić z tym fantem.
(Jeżeli to było mielone setki razy to przepraszam, ale wyszukiwarka nie chce ze mną współpracować)

Zapomniałem dodać, link na której jest owy problem to KLIK
Problem leży po najechaniu na obrazek z boxu "fotoclubbing".

Tak wygląda link wraz z obrazkiem:
  1. <?php
  2. echo"<a class=\"thumbnail\" href=\"\" title=\"\">
  3. <img src=\"\" style=\"padding:2px;border:2px solid #ccd9ff;\" alt=\"\"/>
  4. <span><img src=\"\" style=\"padding:2px;border:2px solid #ccd9ff;width:50%\" alt=\"\"/></span></a>
  5. <div style=\"text-align:center;padding-bottom:5px;\"><a href=\"\" title=\"Zobacz inne galerie\">
  6. <font style=\"color:#ff0000;font-weight:bold\">Zobacz inne galerie</font></a></div>";
  7. ?>


A tak kod CSS:
  1. .thumbnail img{
  2. border: 1px solid white;
  3. }
  4. .thumbnail:hover{
  5. background-color: transparent;
  6. }
  7. .thumbnail:hover img{
  8. border: 1px #08559B;
  9. }
  10. .thumbnail span{
  11. position: absolute;
  12. background-color: #08559B;
  13. padding: 5px;
  14. border: 1px #08559B;
  15. visibility: hidden;
  16. }
  17. .thumbnail span img{
  18. border-width: 0;
  19. padding: 2px;
  20. }
  21. .thumbnail:hover span{
  22. visibility: visible;
  23. top: 300px;
  24. left: auto;
  25. z-index: 100;
  26. }





Przepraszam że zawracałem kota, problem już rozwiązany!

Jak by ktoś chciał skorzystać, to zamiast definiować szerokość powiększanego obrazka w stylu width:50% - trzeba suatwić szerokośc w px i problem zniknął.

Ten post edytował zman85 28.05.2009, 12:37:58
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 9.06.2024 - 21:13