Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [html][css] problem z obrazkiem tła
ggg
post
Post #1





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 23.08.2007

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

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.
Go to the top of the page
+Quote Post
Lion_87
post
Post #2





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----

Kod
display:block;


Ten post edytował Lion_87 14.03.2009, 10:06:36
Go to the top of the page
+Quote Post
ggg
post
Post #3





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 23.08.2007

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

Display:block; niestety nie pomaga. Może wkleje poniżej kod:

[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.         <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>
[HTML] pobierz, plaintext


A tu CSS.
[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Lion_87
post
Post #4





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----

No jak to nie działa? A jak tego użyłeś? Poczytaj jeszcze może o overflow
Go to the top of the page
+Quote Post
ggg
post
Post #5





Grupa: Zarejestrowani
Postów: 38
Pomógł: 0
Dołączył: 23.08.2007

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

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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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