Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> przerwy pod img w IE [gryyyy]
Kinool
post 20.02.2006, 11:17:09
Post #1





Grupa: Zarejestrowani
Postów: 560
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Kwidzyn

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

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"


--------------------
Fotografia ślubna Kwidzyn
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 15)
vieri_pl
post 20.02.2006, 11:38:42
Post #2





Grupa: Zarejestrowani
Postów: 406
Pomógł: 9
Dołączył: 24.07.2005
Skąd: Bydgoszcz

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

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

Ten post edytował vieri_pl 20.02.2006, 11:40:32
Go to the top of the page
+Quote Post
DeyV
post 20.02.2006, 11:39:14
Post #3





Grupa: Zarząd
Postów: 2 277
Pomógł: 6
Dołączył: 27.12.2002
Skąd: Wołów/Wrocław
spróbuj pousuwać wszystkie spacje w okolicy tych grafik. Niestety - IE często nie ignoruje ich tak jak powinno.


--------------------
"Niezależnie od tego, jakie masz osiągnięcia, ktoś Ci pomaga..."
Go to the top of the page
+Quote Post
revyag
post 20.02.2006, 11:57:35
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

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.


--------------------
-------------

------
Go to the top of the page
+Quote Post
Kinool
post 20.02.2006, 12:03:35
Post #5





Grupa: Zarejestrowani
Postów: 560
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Kwidzyn

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

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


--------------------
Fotografia ślubna Kwidzyn
Go to the top of the page
+Quote Post
revyag
post 20.02.2006, 12:07:20
Post #6





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

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.


--------------------
-------------

------
Go to the top of the page
+Quote Post
prosiak
post 22.02.2006, 20:48:55
Post #7





Grupa: Zablokowani
Postów: 15
Pomógł: 0
Dołączył: 11.02.2006

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

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

Ten post edytował prosiak 22.02.2006, 20:49:24
Go to the top of the page
+Quote Post
Kinool
post 22.02.2006, 21:21:18
Post #8





Grupa: Zarejestrowani
Postów: 560
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Kwidzyn

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

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


--------------------
Fotografia ślubna Kwidzyn
Go to the top of the page
+Quote Post
prosiak
post 22.02.2006, 21:53:06
Post #9





Grupa: Zablokowani
Postów: 15
Pomógł: 0
Dołączył: 11.02.2006

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

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.
Go to the top of the page
+Quote Post
mike
post 22.02.2006, 21:56:56
Post #10





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

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 )
Go to the top of the page
+Quote Post
Kinool
post 23.02.2006, 11:51:13
Post #11





Grupa: Zarejestrowani
Postów: 560
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Kwidzyn

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

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??

Ten post edytował Kinool 23.02.2006, 11:59:34


--------------------
Fotografia ślubna Kwidzyn
Go to the top of the page
+Quote Post
revyag
post 23.02.2006, 12:43:12
Post #12





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

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;
}


--------------------
-------------

------
Go to the top of the page
+Quote Post
Kinool
post 23.02.2006, 12:44:33
Post #13





Grupa: Zarejestrowani
Postów: 560
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Kwidzyn

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

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


--------------------
Fotografia ślubna Kwidzyn
Go to the top of the page
+Quote Post
comzit
post 23.02.2006, 12:58:43
Post #14





Grupa: Zarejestrowani
Postów: 53
Pomógł: 0
Dołączył: 14.11.2003
Skąd: Warszawa

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

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.


--------------------
Projektowanie, tworzenie, optymalizacja i pozycjonowanie efektywnych stron www dla biznesu.
Go to the top of the page
+Quote Post
revyag
post 23.02.2006, 13:24:30
Post #15





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

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


--------------------
-------------

------
Go to the top of the page
+Quote Post
Kinool
post 23.02.2006, 13:27:46
Post #16





Grupa: Zarejestrowani
Postów: 560
Pomógł: 0
Dołączył: 15.07.2003
Skąd: Kwidzyn

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

OK smile.gif dzieki wielkie chlopaki dziala jak trzeba rolleyes.gif


--------------------
Fotografia ślubna Kwidzyn
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: Przełącz na: Standardowy · 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: 19.07.2025 - 10:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn