Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Kontenet treści
pripriv
post 2.07.2012, 09:17:39
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 27.06.2012

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


Witam.
Mam kolejny problem. Zrobiłem kontener treści. Składa się on z 3 plików góra ( cont.png), środek (contm.png) i dół (cond.png). Po złożeniu tego w całość, i ustawieniu tego za pomoca display:block; powstają mi dziwne przerwy między tymi plikami.
wygląda to mniej więcej tak:

wyciag z css:
  1. #cont {
  2. display: block;
  3. background: url(img/cont.png);
  4. width:732px;
  5. height:14px;
  6. }
  7. #contm {
  8. display: block;
  9. background: url(img/contm.png);
  10. width:732px;
  11.  
  12.  
  13. }
  14. #contd {
  15. display: block;
  16. background: url(img/cond.png);
  17. width:732px;
  18. height:14px;
  19.  
  20. }
  21. #contm p{
  22. color: #fff;
  23. width:700px;
  24. margin-left: 15px;
  25. padding: 5px 5px 5px 5px;
  26. }
  27.  
  28. #contm p a{
  29. color: #F0FFD1;
  30. text-decoration: none;
  31. font-weight:bold;
  32.  
  33.  
  34. }
  35. #contm p a:hover{
  36. color: #A4C955;
  37. text-decoration: none;
  38. font-weight:bold;
  39.  
  40. }


Jak to złożyć by w każdej przeglądarce wyglądało dobrze.
Go to the top of the page
+Quote Post
Sephirus
post 2.07.2012, 09:36:33
Post #2





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

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


Wyzeruj tym elementom marginesy górne i dolne

  1. margin:0;


--------------------
If you're good at something, never do it for free.
Potrzebujesz skryptu JS lub PHP - szukasz kogoś kto przetestuje twoją aplikację pod względem bezpieczeństwa? Szybko i solidnie? Napisz ;)
Mój blog - Jak zwiększyć wydajność front-endu - O buforowaniu wyjścia w PHP słów kilka...
Go to the top of the page
+Quote Post
pripriv
post 2.07.2012, 10:04:15
Post #3





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 27.06.2012

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


Po wyzerowniu marginesu, góra się "złożyła" natomiast, dalej mam problem z dołem.
Jezeli do ostatniego diva, odpowiedzialnego za wyswietlanie zakończenia kontenera dam dolny margines na poziomie -11px, to w IE i FF wygląda dobrze, natomiast w google chrome, dół nakłada się na środek.
Go to the top of the page
+Quote Post
Sephirus
post 2.07.2012, 10:07:58
Post #4





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

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


Kurcze ciężko jest tak kombinować bez pełnego kodu - masz to na jakiejś stronie? Problem wydaje się być banalny więc coś musiałeś ustawić źle... dobrze by było to zobaczyć z bliska


--------------------
If you're good at something, never do it for free.
Potrzebujesz skryptu JS lub PHP - szukasz kogoś kto przetestuje twoją aplikację pod względem bezpieczeństwa? Szybko i solidnie? Napisz ;)
Mój blog - Jak zwiększyć wydajność front-endu - O buforowaniu wyjścia w PHP słów kilka...
Go to the top of the page
+Quote Post
pripriv
post 2.07.2012, 10:12:23
Post #5





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 27.06.2012

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


http://rethorn.art.pl/k01
Go to the top of the page
+Quote Post
viking
post 2.07.2012, 10:23:59
Post #6





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

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


Przerwa pojawia się ze względu na marginesy i paddingi w #contm > p. Zresetuj odpowiednio i zainstaluj firebuga smile.gif Swoją drogą za dużo divów. ul w menu możesz ostylować bezpośrednio, footer tak samo. margin: 0px 0px 0px 0px -> margin: 0; itd.


--------------------
Go to the top of the page
+Quote Post
mikolaj51
post 2.07.2012, 10:24:27
Post #7





Grupa: Zarejestrowani
Postów: 59
Pomógł: 13
Dołączył: 16.03.2012

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


Witaj,

do #contm p w css dodaj margin: 0px;

  1. #contm p {
  2. ...
  3. margin: 0px;
  4. ...
  5. }
  6.  


//EDIT: Zostałem wyprzedzony tongue.gif

Ten post edytował mikolaj51 2.07.2012, 10:25:47
Go to the top of the page
+Quote Post
pripriv
post 2.07.2012, 10:28:06
Post #8





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 27.06.2012

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


Wielkie dzięki panowie.
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: 12.08.2025 - 04:46