Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: przerwy pod img w IE [gryyyy]
Forum PHP.pl > Forum > Po stronie przeglądarki
Kinool
20.02.2006, 11:17:09
oczywiscie zowu bledy w IE sad.gif nie wiem jak sie pozbyc tych przerw (jak na obrazku)


w innych przegladarkach jest ok tylko jak zwykle IE robi problemy angrysmiley.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head> 
  4. <title>tytul</title> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <style type="text/css" media="all">@import "./mycss.css";</style>
  7. </head> 
  8.  
  9. <body>
  10. <div id="contener">
  11. <div id="top-menu"><img src="images/menu_1.gif" alt="menu_tlo" /> <a href="" class="menutop">Strona główna</a> <img src="images/menu_linia.gif" alt="menu_tlo" /> <a href="" class="menutop">Oferta</a> <img src="images/menu_linia.gif" alt="menu_tlo" /> <a href="" class="menutop">Promocje</a> <img src="images/menu_linia.gif" alt="menu_tlo" /> <a href="" class="menutop">Przewodnik</a> <img src="images/menu_linia.gif" alt="menu_tlo" /> <a href="" class="menutop">Zapytanie</a> <img src="images/menu_linia.gif" alt="menu_tlo" /> <a href="" class="menutop">Formularz doboru</a> <img src="images/menu_linia.gif" alt="menu_tlo" /> <a href="" class="menutop">Download</a> <img src="images/menu_linia.gif" alt="menu_tlo" /> <a href="" class="menutop">Dystrybutorzy</a> <img src="images/menu_linia.gif" alt="menu_tlo" /> <a href="" class="menutop">Kontakt</a> <img src="images/menu_3.gif" alt="menu_tlo" /></div>
  12.  
  13. <div id="top-baner"></div>
  14.  
  15. <br /><br />
  16. <img src="images/menu_1.gif" alt="menu_tlo" />
  17.  
  18. </div>
  19. </body>
  20. </html>
[HTML] pobierz, plaintext


zawartosc css:
[HTML] pobierz, plaintext 
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. #contener {
  5. 	width: 980px;
  6. 	background-color:#f0f0f0;
  7. 	padding: 0px;
  8. }
  9.  
  10. #top-menu {
  11. 	height: 29px;
  12. 	width: 679px;
  13. 	color: #ffffff;
  14. 	background-image: url(images/menu_2.gif);
  15. }
  16.  
  17. #top-menu img {
  18. 	border: 0px;
  19. }
  20.  
  21. #top-baner {
  22. 	margin-top: 10px;
  23. 	width: 980px;
  24. 	height: 144px;
  25. 	background-color: #336699;
  26. 	background-image: url(images/top.jpg);
  27. }
  28.  
  29. body {
  30. 	margin: auto;
  31. 	padding: 0px;
  32. 	padding-top: 10px;
  33. 	width: 980px;
  34. 	font-family: Tahoma, Verdana, Arial;
  35. 	font-size: 11px;
  36. 	color: #666666;
  37. }
[HTML] pobierz, plaintext


menu gorne to div (top-menu) z tlem na skrajach sa gify (zaokraglone konce) i linie zeparacyjne to tez gify, wszystkie maja wysokosc 29px

przerwy powstaja tez w innych img w calym "contener"
vieri_pl
20.02.2006, 11:38:42
spróbuj dać na początku cssa:

Kod
* {margin: 0; padding: 0;}


a do img:

Kod
img {padding:0;margin:0;border:0;}


Może pomoże smile.gif
DeyV
20.02.2006, 11:39:14
spróbuj pousuwać wszystkie spacje w okolicy tych grafik. Niestety - IE często nie ignoruje ich tak jak powinno.
revyag
20.02.2006, 11:57:35
Dodaj to #top_menu:
Kod
background-repeat:no-repeat;

@vieri_pl
jesli ustawiasz
Kod
* {margin: 0; padding: 0;}
to ustawianie tego samego dla img nie jest już potrzebne bo * oznacza wszystkie elementy.
Kinool
20.02.2006, 12:03:35
dzieki za sugestie smile.gif

@ravyag no-repeat calkowicie usuwa tlo sad.gif ale pokombinowalem i dalem background-repeat: repeat-x; co pomoglo smile.gif

dziki za pomoc

PS. mam nadzieje ze w finalnej wersji IE7 poprawia tego typu bledy ale po M$ rewelacji bym sie nie spodzielwal
revyag
20.02.2006, 12:07:20
No to problem tkwił w tym że robił Ci się repeat po y, myślałem że masz tło jako jeden obrazek, dlatego podałem no-repeat.
prosiak
22.02.2006, 20:48:55
Cytat("Kinool")
PS. mam nadzieje ze w finalnej wersji IE7 poprawia tego typu bledy ale po M$ rewelacji bym sie nie spodzielwal


rozumiem ze uzywasz jako OS linuxa ? dosa ? albo innego "nie Windowsoskiego programu", rozumiem ze majac laptopa "design for Windows XP" wyrzucil bys go przez okno ? rozumiem że jak jakaśaplikacja jest w wersji pod Windows, to z definicji jąodrzucasz, bo to wszystko M& przeciez laugh.gif
Kinool
22.02.2006, 21:21:18
Cytat(prosiak @ 2006-02-22 21:48:55)
Cytat("Kinool")
PS. mam nadzieje ze w finalnej wersji IE7 poprawia tego typu bledy ale po M$ rewelacji bym sie nie spodzielwal


rozumiem ze uzywasz jako OS linuxa ? dosa ? albo innego "nie Windowsoskiego programu", rozumiem ze majac laptopa "design for Windows XP" wyrzucil bys go przez okno ? rozumiem że jak jakaśaplikacja jest w wersji pod Windows, to z definicji jąodrzucasz, bo to wszystko M& przeciez laugh.gif

po primo nic takiego nie napisalem!!!
po sekundo nie napisalem ze wszystko co zrobi Microsoft jest zle z zalozenia! a tak na marginesie tobie nie przeszkadza to ze IE nie trzyma standardow i trzeba sie meczyc zeby wszystko wygladalo jak powinno
po tercio po co ten post skoro nic nie wnosi do tematu?? blink.gif
prosiak
22.02.2006, 21:53:06
kolega wie co pisze ? jest swiadom ?
Cytat
ale po M$ rewelacji bym sie nie spodzielwal

przeciez to jednoznacznie swiadczy o tym (łącznie z zapisem M$) ze kolega ma uprzedzenia do MS tongue.gif skoro kolega sie rewelacji po MS nie spodziewa to znaczy ze jesce coc wiecej zlego robi niz tylko ie smile.gif

a to czu ie trzyma standardy czy nie tj rzecz umowna.
mike
22.02.2006, 21:56:56
Cytat(prosiak @ 2006-02-22 21:53:06)
a to czu ie trzyma standardy czy nie tj rzecz umowna.

Buhahahahahaha...
Umowna owszem: Microsoft tiwerdzi że spałnia, reszta świata że nie smile.gif
Wejdź sobie na w3c.org i pooglądaj. A potem zweryfikuj czego badzIEwIE nie rozumie.

Ok, nie ma co robić OT'a. Jak masz chęć pogadać to na PW (ja nie mam bo nie ma o czym ;P )
Kinool
23.02.2006, 11:51:13
ok wiec mam nastepny prodlem z IE sad.gif robiac menu w pionie chce oddzielic poszczegolne elementy linia odzielajaca, niektore kategorie moga miec wiecej niz jedna linie wiec nie moge zastosowac gifa jako tla bo sie rozjedzie, wiec wykombinowalem sobie cos takiego:
[HTML] pobierz, plaintext 
  1. <div class="lewa-separator"></div>
  2. <div class="lewa-link">&raquo; Jakas kategoria</div>
  3. <div class="lewa-separator"></div>
[HTML] pobierz, plaintext


CSS:
[HTML] pobierz, plaintext 
  1. .lewa-separator {
  2. 	height: 1px; background-color: #a3b8ca; width: 99%;
  3. }
  4.  
  5. .lewa-link {
  6. 	padding: 4px 2px 4px 8px; font-weight: bold; color: #ffffff;
  7. }
[HTML] pobierz, plaintext


i wszedzie "separator" ma 1px wysokosci a w IE 13px!!! blink.gif

probowalem dac jakas spacje albo "wymuszona spacje" &nbsp; i oczywiscie dalej 13px sad.gif



nochyba ze macie jakis inny sospob na zrobienie tego menu??
revyag
23.02.2006, 12:43:12
IE ustawia dla diva domyślny rozmiar czcionki. Musisz to zmienić smile.gif
Kod
.lewa-separator {
    height: 1px;
    background-color: #a3b8ca;
    width: 99%;
    font-size:1px;
}
Kinool
23.02.2006, 12:44:33
heh wlasnie o tym pomyslalem i zminilem smile.gif ale linia i tak ma 2px nawet jak fona dam na 1px czy nawet 0px smile.gif
comzit
23.02.2006, 12:58:43
Tylko po co wam separatory?

Kod
.menu {  width: 25%;  }  
.menu li {  background-color: #A3B8CA;  border-top: #C0F2FF solid 1px;  height: 20px;  margin: 0px;  padding: 0px;  list-style: none;  }  
.dolna {  border-bottom: #C0F2FF solid 1px;  }


Kod
<div class="menu">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="dolna"></li>
</ul>
</div>


Wygląda tak samao wszędzie.
revyag
23.02.2006, 13:24:30
Kod
.lewa-separator {
   height: 1px;
   font-size:1px;
   line-height:1px;
   background-color: #a3b8ca;
   width: 99%;
}

i dodaj twardą spację wewnątrz.
[HTML] pobierz, plaintext 
  1. <div class="lewa-separator">&nbsp;</div>
[HTML] pobierz, plaintext
Kinool
23.02.2006, 13:27:46
OK smile.gif dzieki wielkie chlopaki dziala jak trzeba rolleyes.gif
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.