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
[HTML] pobierz, plaintext 
  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. </style>
  26.  
  27.  
  28. </head>
  29. <body>
  30.  
  31. <div>
  32. <div id="tlo_lewa"></div>
  33. <div id="tresc">
  34. tutaj strona
  35. </div>
  36. <div id="tlo_prawa"></div>
  37. </div>
[HTML] pobierz, plaintext




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%)
-----

Przykład

[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. html, body {
  3. margin:0;
  4. padding:0;
  5.  
  6. }
  7.  
  8. #tresc {
  9.   width: 50%; 
  10.   height:768px;
  11.   margin:auto;
  12. position:relative;
  13. background:#0000ff;
  14. }
  15.  
  16. #tlo_lewa {
  17. background:#ff0000;
  18. background-repeat:repeat-x;
  19. position:relative;
  20. height:768px;
  21. width: 25%; 
  22. float:left;
  23. }
  24.  
  25. #tlo_prawa {
  26. background:#ffff00;
  27. background-repeat:repeat-x;
  28. position: realtive;
  29. height:768px;
  30. width: 25%; 
  31. float:right;
  32. }
  33.  
  34. </style>
  35.  
  36.  
  37. </head>
  38. <body>
  39. <div>
  40. <div id="tlo_lewa">adsadsadsa</div>
  41. <div id="tlo_prawa">dsadsa</div>
  42. <div id="tresc">
  43. tutaj strona
  44. </div>
  45.  
  46. </div>
  47.  
  48.  
[HTML] pobierz, plaintext



tylko poustawiaj sobie te swoje zdjęcia

Ten post edytował kadlub 20.02.2012, 13:41:21
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, 13:40:34 ) *
tylko poustawiaj sobie te swoje zdjęcia


Już prawie dobrze ale jak dam tak 
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. html, body {
  3. margin:0;
  4. padding:0;
  5.  
  6. }
  7.  
  8. #tresc {
  9.   width: 50%;
  10.   height:768px;
  11.   margin:auto;
  12. position:relative;
  13. background:#0000ff;
  14. }
  15.  
  16. #tlo_lewa {
  17. background:#ff0000;
  18. background-repeat:repeat-x;
  19. position:relative;
  20. height:768px;
  21. width: 25%; 
  22. float:left;
  23. background-image: url(images/01.gif);
  24. }
  25.  
  26. #tlo_prawa {
  27. background:#ffff00;
  28. background-repeat:repeat-x;
  29. position: realtive;
  30. height:768px;
  31. width: 25%; 
  32. float:right;
  33. background-image: url(images/02.gif);
  34. }
  35.  
  36. </style>
  37.  
  38.  
  39. </head>
  40. <body>
  41. <div>
  42. <div id="tlo_lewa">adsadsadsa</div>
  43. <div id="tlo_prawa">dsadsa</div>
  44. <div id="tresc">
  45. <img src="images/tlo.gif" width="1000" height="768" alt="" />
  46. </div>
  47.  
  48. </div>
  49.  
  50.  
  51. </body>
  52. </html>
[HTML] pobierz, plaintext


To ucieka do prawej ale jak zmienię 
[CSS] pobierz, plaintext 
  1. #tresc {
  2.   width: 50%;
  3.   height:768px;
  4.   margin:auto;
  5. position:relative;
  6. background:#0000ff;
  7. }
[CSS] pobierz, plaintext


na 
[CSS] pobierz, plaintext 
  1. #tresc {
  2.   width: 1000px;
  3.   height:768px;
  4.   margin:auto;
  5. position:relative;
  6. background:#0000ff;
  7. }
[CSS] pobierz, plaintext


To jest już dobrze ale nie mogę wtedy wstawić w ten div obrazek bo się nie wyświetla tylko niebieskie tło
A w ten div chce wstawić potem pocięte obrazki

Ten post edytował arzach 21.02.2012, 13:28:29
Go to the top of the page
+Quote Post

Posty w temacie
- arzach   [css] Doposanie div do szerkosci   20.02.2012, 13:04:03
- - Harsay   Do tlo_lewa dodaj Kodfloat:right; Do tlo_praw...   20.02.2012, 13:07:01
- - cykcykacz   Nie wiem czy oto ci chodzi ale spróbuj: [CSS] pobi...   20.02.2012, 13:07:58
- - arzach   Nic to nie dało już wczesniej tak probowałem. @cyk...   20.02.2012, 13:09:11
- - cykcykacz   [CSS] pobierz, plaintext <style type="text...   20.02.2012, 13:14:13
- - arzach   Nie działa także Chce aby białe tło z lewej i p...   20.02.2012, 13:21:41
- - crocodillo   [HTML] pobierz, plaintext <style type="tex...   20.02.2012, 13:39:02
- - kadlub   Przykład [HTML] pobierz, plaintext <style type...   20.02.2012, 13:40:34
|- - arzach   Cytat(kadlub @ 20.02.2012, 13:40:34 )...   20.02.2012, 14:18:54
- - kadlub   to zmień background:#0000ff; na background-image...   20.02.2012, 14:31:52
- - arzach   Cytat(kadlub @ 20.02.2012, 14:31:52 )...   20.02.2012, 16:44:26

« 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: 17.10.2025 - 01:30
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn