Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [xhtml] [css] Odstęp po między obrazkami IE
Forum PHP.pl > Forum > Po stronie przeglądarki
bobo168
17.01.2009, 12:35:29
Witam głupi problem mam z głupią przeglądarką czyli IE. Robię menu w taki sam sposób jak zawsze i nagle ciul pod IE pomiędzy obrazkami mam odstępy i męczę sie już 2 godziny żeby je usunąc, nie chce robic żadnych osobnych styli dla IE itp. itd. Kod:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Stal Ostrów Wielkopolski</title>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <link rel="Stylesheet" href="img/style.css" type="text/css" />
  6. </head>
  7. <body>
  8.  
  9. <div id="bg_left">
  10. </div>
  11. <div id="container">
  12. <img id="top" src="img/top.png" alt="" />
  13. <div id="menu"><a href="#"><img class="menu2" src="img/menu1.png" alt=""/></a><a href="#"><img class="menu2" src="img/menu2.png" alt=""/></a><a href="#"><img class="menu2" src="img/menu3.png" alt=""></a><a href="#"><img class="menu2" src="img/menu4.png" alt=""></a><a href="#"><img class="menu2" src="img/menu5.png" alt=""></a><a href="#"><img class="menu2" src="img/menu6.png" alt=""></a><a href="#"><img class="menu2" src="img/menu7.png" alt=""></a><a href="#"><img class="menu2" src="img/menu8.png" alt=""></a><a href="#"><img class="menu2" src="img/menu9.png" alt=""></a><a href="#"><img class="menu2" src="img/menu10.png" alt=""></a><a href="#"><img class="menu2" src="img/menu11.png" alt=""></a></div>
  14. </div>
  15. <div id="bg_right">
  16. </div>
  17.  
  18. </body>
  19. </head>
[HTML] pobierz, plaintext

css:
[HTML] pobierz, plaintext 
  1. body {
  2. margin: 0px;
  3.  
  4. }
  5.  
  6. a img {
  7. border:none;
  8.  
  9. }
  10.  
  11. #bg_left {
  12. background-image: url('bg_left.png');
  13. width: 72px;
  14. height: 100%;
  15. position:absolute; left:0px; top:0px;
  16.  
  17.  
  18. }
  19.  
  20. #container {
  21. margin: 0px;
  22. width: 984px;
  23. position:absolute; left:72px; top:0px;
  24.  
  25.  
  26. }
  27.  
  28. #container #top {
  29. width: 984px;
  30. height: 126px;
  31. display:block;
  32.  
  33. }
  34.  
  35. #container #menu {
  36. width: 984px;
  37. height: 40px;
  38.  
  39. }
  40.  
  41. #container #menu  a img  {
  42. float:left;
  43.  
  44. }
[HTML] pobierz, plaintext


Strony pokazac nie mogę niestety.

Z góry dziękuje za pomoc.
Pozdrawiam!
kazag
17.01.2009, 13:03:20
Ciezko w tym kodzie sie czegos dopatrzeć... Menu robi się na podstawie listy, a nie wyliczając <a>...

Określ marginesy dla każdego obrazka na zero. A najlepiej zrób to na liście.
bobo168
17.01.2009, 13:57:29
Określenie na liście nic nie dało tym bardziej ustawienie marginesów na 0 :/

Co z tym zrobic ?
Gryf
17.01.2009, 14:24:22
mógł byś dać linka do strony z tą grafiką łatwiej się wtedy pracuje ;]
przede wszystkim to zadbaj aby element a był wyświetlany blokowo
zastosuj listę ;] oraz dodaj docktype.
EarthCitizen
17.01.2009, 15:55:54
W poście tego nie widzę, ale ten problem prawdopodobnie jest spowodowany białymi znakami w pliku pomiędzy tagami, z których zbudowane jest menu.

Czyli nie możesz mieć czegoś takiego:
[HTML] pobierz, plaintext 
  1. <a href="#"><img class="menu2" src="img/menu1.png" alt=""/></a>
  2. <a href="#"><img class="menu2" src="img/menu1.png" alt=""/></a>
[HTML] pobierz, plaintext


Tylko wszystko w jednej linii.

[HTML] pobierz, plaintext 
  1. <a href="#"><img class="menu2" src="img/menu1.png" alt=""/></a><a href="#"><img class="menu2" src="img/menu1.png" alt=""/></a>
[HTML] pobierz, plaintext
kazag
17.01.2009, 16:03:52
@up
nigdy się z czymś takim nie spotkałem...? Nie sądze, zeby to mialo znaczenie, jakie znaki masz tam w edytorze, jeśli sie ustawi marginesy.
EarthCitizen
17.01.2009, 16:09:28
Cytat(kazag @ 17.01.2009, 16:03:52 ) *
@up
nigdy się z czymś takim nie spotkałem...? Nie sądze, zeby to mialo znaczenie, jakie znaki masz tam w edytorze, jeśli sie ustawi marginesy.

No a ja spotkałem, nie wiem czy to zależy od zapisu dla DOS/Unix ale ten problem także zabrał mi kiedyś kilka godzin z życia smile.gif

Ale oczywiście menu na listach i problem z głowy winksmiley.jpg
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.