Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] Obrazek dopasowujący się do przestrzeni między 2 innymi obrazkami
Endy
post
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 9.01.2012

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


Witam, uczę się dopiero css i napotkałem na taki problem że nie bardzo wiem jak ustawić aby w miejscach przerywanych linii powielany był obrazek (przerywane linie symbolizują divy w których jako bg ustawiony jest powielający się obrazek i które zmieniają swoją wielkość zależnie od ilości treści na stronie)

Jak ustawić aby w momencie gdy rozszerza się div z tekstem rozszerzały się równiez i boczne divy dopasowując się do okna z tekstem. Na chwilę obecną jeśli w oknie jest za dużo tekstu to div z tekstem powieksza się a lewa ramka z obrazkami nie

  1. <div id="main">
  2. <div id="lewa_strona">
  3. <div id="wrs"></div>
  4. <div id="lewy_border"></div>
  5. <div id="lewy_corner"></div>
  6. </div>
  7. <div id="content">
  8.  
  9. </div>


  1. body {
  2. font-family: Tahoma, Arial, Helvetica, sans-serif;
  3. font-size:12px;
  4. padding:0;
  5. margin:0 auto;
  6. color:#417b49;
  7. background-color:#280025;
  8. }
  9.  
  10. #main{
  11. width:1250px;
  12. min-height: 800px;
  13. margin:0px auto;
  14. text-align:left;
  15. border: 1px solid white;
  16. }
  17.  
  18. #lewa_strona{
  19. width:295px;
  20. min-height: 800px;
  21. border: 1px solid red;
  22. float: left;
  23. }
  24.  
  25. #wrs {
  26. width:295px;
  27. min-height: 399px;
  28. border: 1px solid green;
  29. background-image: url("images/lbg.jpg");
  30. }
  31.  
  32. #lewy_border {
  33. border: 1px solid yellow;
  34. width:295px;
  35. min-height: 382px;
  36. background-image:url("images/bgleft.jpg");
  37. background-position:left top;
  38. background-repeat:repeat-y;
  39. }
  40.  
  41. #lewy_corner {
  42. width:295px;
  43. height: 19px;
  44. border: 1px solid orange;
  45. background-image:url("images/img07.jpg");
  46. }
  47.  


pokaże może taki zarys strony:
http://zapodaj.net/images/3e1ef335bf9d.jpg

I obrazek pokazujący co się dzieje gdy na stronie jest za dużo treści:
(IMG:http://s1.tinyimg.pl/files/5/z1ouckc8jdme3a/123.jpg)

Wszystkie boxy wokół okna z treścią są po to aby umieścić w nich pociętą grafikę a w miejscach przerywanych linij grafika powinna być powielana i dopasowywać się do wysokości i szerokości strony.

Ten post edytował Endy 27.04.2012, 13:27:54
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 16.09.2025 - 19:57