Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Dlaczego nie wyświetla tła obrazkowego, oraz nie respektuje rozmiaru pojemnika
AboutMe
post
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 0
Dołączył: 24.02.2008

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

Witam,

Co jest w poniższym kodzie nie tak:
Nie wyświetla tła obrazkowego oraz nie działą ogranicznik rozmiaru pojemnika xcontent


[HTML] pobierz, plaintext 
  1. #container {
  2.     margin: 100px 100px 100px 100px;
  3.     width: 1095; height: 548px;
  4.     height: auto;
  5.     background-image: url(images/background.png) no-repeat;
  6. }
  7.  
  8. div#xcontent { 
  9. width: 200; height: 200px;
  10. overflow: scroll;
  11. top: 225px; left: 195px;
  12. position: absolute;
  13. font: 7pt Verdana, Arial, sans-serif;
  14. color: white;
  15. }
[HTML] pobierz, plaintext 







[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4.  
  5. <head>
  6.  
  7. <title>Site</title>
  8. <link href="style.css" rel="stylesheet" type="text/css" />
  9. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  10.  
  11. </head>
  12. <body>
  13.  
  14.  
  15. <div id="container">
  16.  
  17.  
  18.  
  19.  
  20. <div id="xcontent">
  21.  
  22. Curabitur a nunc vitae dui convallis dapibus. Cras orci nisl,
  23. lobortis vitae dictum nec, luctus id velit. Cum sociis natoque
  24. penatibus et magnis dis parturient montes,
  25. nascetur ridiculus mus. Praesent ac fringilla tellus. Integer suscipit venenatis nisl eu consequat.
  26. Duis blandit aliquet orci, at consequat sapien lobortis sed. Phasellus ultrices porta dapibus. Nullam
  27. commodo hendrerit auctor. Suspendisse et lectus tellus, quis consequat libero. Suspendisse nisl enim, sodales
  28. eget lobortis vel, dictum in urna. Sed ut dui velit, sit amet
  29.  
  30. </div>
  31.  
  32.  
  33.  
  34.  
  35. </div>
[HTML] pobierz, plaintext


Ten post edytował AboutMe 12.03.2010, 13:08:05
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
!*!
post
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

Kod
#container {
    margin: 100px 100px 100px 100px; /* po co Ci az taki margines ?*/
    width: 1095; height: 548px; /* ustal px dla bloku*/
    height: auto;  /* juz podales wyżej height, wiec po co dwa razy? */
    background-image: url(images/background.png) no-repeat;
}

div#xcontent {
width: 200; height: 200px; /* to samo, brak px */
overflow: scroll; /* skoro masz ustalona wielkość to raczej zbędne */
top: 225px; left: 195px; /* nie lepiej użyć padding? */
position: absolute; /* pozycja absolutna tez mi tu nie pasuje, nie widzę potrzeby */
font: 7pt Verdana, Arial, sans-serif;
color: white;
}


Popraw to wszytko. I zamiast robić udziwnienia w postaci marginesów 100px i szerokosci z kosmosu 1095px ustaw odpowiedni padding w content. albo jeszcze lepiej nie musisz ustawiać takich wartości dla kontenera, wystarczy że dasz sam obraz tła.
Go to the top of the page
+Quote Post

Posty w temacie
- AboutMe   [CSS] Dlaczego nie wyświetla tła obrazkowego   12.03.2010, 13:07:09
- - !*!   Kodwidth: 200px; height: 200px; zamiast Ko...   12.03.2010, 13:30:05
- - albrzykowski   [HTML] pobierz, plaintext #container { margin: ...   12.03.2010, 13:30:53
- - AboutMe   Z tym tłem to zadziałało po usunięciu no-repeat i ...   12.03.2010, 14:27:48
|- - !*!   Cytat(AboutMe @ 12.03.2010, 14:27:48 ...   12.03.2010, 14:44:33
- - AboutMe   Wiem ze coś jest źle, tylko co? Obrazek 10 kb waży...   12.03.2010, 14:55:41
- - !*!   Napisz pierw co chcesz uzyskać, jaki efekt.   12.03.2010, 15:21:59
- - AboutMe   chcę wyświetlić obrazek jako tło w #container   12.03.2010, 15:49:28
- - !*!   Kod#container { margin: 100px 100px 100px 100...   12.03.2010, 17:01:01

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 10.10.2025 - 19:00
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn