Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css] problem z obrazkiem tła
Forum PHP.pl > Forum > Przedszkole
ggg
Mam diva o szerokości 25px i wysokości 100px i wstawiłem do niego obrazek tła o wymiarach szerokość 25px i wysokość 1px. Dodałem oczywiście parametr repeat, żeby mi się w pionie "rozmnożył". Problem jest w tym, że rzeczony obrazek mi się nie powiela ;( W divie tym nie ma żadnego innego elementu. Rozmnożył mi się tylko wtedy gdy wpisałem tam jakiś tekst. Był tylko pod tekstem. W związku z tym mam pytanie czy da radę zrobić tak jak chce? I do tego, żeby po zwiększeniu wysokości diva, rozmnożył się do nowego rozmiaru.
Lion_87
Kod
display:block;
ggg
Display:block; niestety nie pomaga. Może wkleje poniżej kod:

  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. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
  6. <title>test</title>
  7. </head>
  8. <body>
  9. <div style="width: 150px; height: auto;">
  10. <div style="width: auto; height: 25px; clear:both;"><div class="rog_lewy_gora"></div><div class="bok_gora"></div><div class="rog_prawy_gora"></div></div>
  11. <div style="width: auto; height: auto; clear:both;"><div class="bok_lewy"></div><div class="srodek">edfgydufgy duygdfg dfugydfgydg dgydofg dfgydfogyd fguydfg sgfsgdf sdf sdfgt sdyftsjdf syi</div><div class="bok_prawy"></div></div>
  12. <div style="width: auto; height: 25px; clear:both;"><div class="rog_lewy_dol"></div><div class="bok_dol"></div><div class="rog_prawy_dol"></div></div>
  13. </div>
  14. </body>
  15. </html>


A tu CSS.
  1. .rog_lewy_gora {
  2. float: left;
  3. width: 25px;
  4. height: 25px;
  5. background: url(rog_lewy_gora.gif);
  6. }
  7. .bok_gora {
  8. float: left;
  9. width: auto;
  10. height: 25px;
  11. background: url(bok_gora.gif) repeat-x;
  12. }
  13. .rog_prawy_gora {
  14. float: right;
  15. width: 25px;
  16. height: 25px;
  17. background: url(rog_prawy_gora.gif);
  18. }
  19. .bok_lewy {
  20. float: left;
  21. width: 25px;
  22. height: auto;
  23. background: url(bok_lewy.gif) repeat-y;
  24. }
  25. .srodek {
  26. float: left;
  27. width: auto;
  28. height: auto;
  29. }
  30. .bok_prawy {
  31. float: right;
  32. width: 25px;
  33. height: auto;
  34. background: url(bok_prawy.gif) repeat-y;
  35. }
  36. .rog_lewy_dol {
  37. float: left;
  38. width: 25px;
  39. height: 25px;
  40. background: url(rog_lewy_dol.gif);
  41. }
  42. .bok_dol {
  43. float: left;
  44. width: auto;
  45. height: 25px;
  46. background: url(bok_dol.gif) repeat-x;
  47. }
  48. .rog_prawy_dol {
  49. float: right;
  50. width: 25px;
  51. height: 25px;
  52. background: url(rog_prawy_dol.gif);
  53. }
Lion_87
No jak to nie działa? A jak tego użyłeś? Poczytaj jeszcze może o overflow
ggg
Cytat(Lion_87 @ 14.03.2009, 10:33:03 ) *
No jak to nie działa? A jak tego użyłeś? Poczytaj jeszcze może o overflow

To może napisz mi gdzie tego użyć w powyższym kodzie, bo nie chce się wygłupić 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.