Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] Doposanie div do szerkosci
arzach
post
Post #1





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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


Witam mam taki kod
  1. <style type="text/css">
  2. html, body {
  3.  
  4. margin: 0;
  5. padding: 0;
  6. }
  7.  
  8. #tresc {
  9. width: 1000px;
  10. height:768px;
  11. margin-left:auto;
  12. margin-right:auto;
  13. }
  14.  
  15. #tlo_lewa {
  16. background-image:url('images/01.gif');
  17. background-repeat:repeat-x;
  18. }
  19.  
  20. #tlo_prawa {
  21. background-image:url('images/02.gif');
  22. background-repeat:repeat-x;
  23. }
  24.  
  25.  
  26.  
  27. </head>
  28.  
  29. <div>
  30. <div id="tlo_lewa"></div>
  31. <div id="tresc">
  32. tutaj strona
  33. </div>
  34. <div id="tlo_prawa"></div>
  35. </div>




Div id #tresc ma stałą szerokość i chce by był wyśrodkowany do środka a otaczające go div# tlo_lewa i #tlo_prawa dopasowywały się automatycznie powtarzając obrazek
Obecny kod nie działa

Ten post edytował arzach 20.02.2012, 13:04:42
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kadlub
post
Post #2





Grupa: Zarejestrowani
Postów: 548
Pomógł: 105
Dołączył: 4.06.2010

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



to zmień
background:#0000ff;
na
background-image: url(tu ścieżka do zdjęcia);
Go to the top of the page
+Quote Post
arzach
post
Post #3





Grupa: Zarejestrowani
Postów: 332
Pomógł: 6
Dołączył: 27.11.2008

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


Cytat(kadlub @ 20.02.2012, 14:31:52 ) *
to zmień
background:#0000ff;
na
background-image: url(tu ścieżka do zdjęcia);



Tam nie moze być background-image bo tam nie ma byc tła tylko w tym div #tresc bedą pocięte obrazki. I on ma mieć stałą szerkość czyli
  1. #tresc {
  2. width: 1000px;
  3. height:768px;
  4. margin:auto;
  5. position:relative;
  6. background:#0000ff;
  7. }


Dla tego chce tak wstawić
  1. <div>
  2. <div id="tlo_lewa">adsadsadsa</div>
  3. <div id="tlo_prawa">dsadsa</div>
  4. <div id="tresc">
  5. <img src="images/tlo.gif" width="1000" height="768" alt="" />
  6.  
  7. tutaj inne divy z pociętymi obrazkami
  8.  
  9.  
  10. </div>
  11.  
  12. </div>


I jak zrobię tak to jest prawie dobrze ale wyswietla sie niebiesko tło zamiast obrazka
  1. <title>Bez nazwy-12</title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
  3.  
  4. <style type="text/css">
  5. html, body {
  6. margin:0;
  7. padding:0;
  8.  
  9. }
  10.  
  11. #tresc {
  12. width: 1000px;
  13. height:768px;
  14. margin:auto;
  15. position:relative;
  16. background:#0000ff;
  17. }
  18.  
  19. #tlo_lewa {
  20. background:#ff0000;
  21. background-repeat:repeat-x;
  22. position:relative;
  23. height:768px;
  24. width: 25%;
  25. float:left;
  26. background-image: url(images/01.gif);
  27. }
  28.  
  29. #tlo_prawa {
  30. background:#ffff00;
  31. background-repeat:repeat-x;
  32. position: realtive;
  33. height:768px;
  34. width: 25%;
  35. float:right;
  36. background-image: url(images/02.gif);
  37. }
  38.  
  39.  
  40.  
  41. </head>
  42. <div>
  43. <div id="tlo_lewa">adsadsadsa</div>
  44. <div id="tlo_prawa">dsadsa</div>
  45. <div id="tresc">
  46. <img src="images/tlo.gif" width="1000" height="768" alt="" />
  47.  
  48. tutaj inne divy z pociętymi obrazkami
  49.  
  50.  
  51. </div>
  52.  
  53. </div>
  54.  
  55.  
  56. </body>
  57. </html>


I jak teraz zrobić aby ten obrazek wyświetlał się zamiast niebieskiego tła (IMG:style_emoticons/default/questionmark.gif) ? On potem będzie pocięty na chwile obecną jest to jako jeden obrazek

Obecnie jest tak jak to poprawic (IMG:style_emoticons/default/questionmark.gif) (IMG:style_emoticons/default/questionmark.gif) ?



.

Czy ktoś jest w stanie mi pomóc.

Ten post edytował arzach 21.02.2012, 13:28:14
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: 17.10.2025 - 01:35