Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css] rozmieszczenie div-ow
Forum PHP.pl > Forum > Przedszkole
Sebastian003
Witam !

Mam niby prosty niby trudy problem haha.gif

A mianowicie nie mogę złożyć divów wszystko mi się przesuwa probowałem rożnych metod i nic.

Podam link jak ma wyglądać szablon

http://kameleon.web-pc.pl/zdjecia/7696335-start3.jpg

a wygląda tak:

http://www.web-pc.pl/testd/

Kod

  1. <title>presell</title>
  2. <link rel="stylesheet" href="style.css" type="text/css">
  3. <body bgcolor="#000410">
  4. </head>
  5. <div class="ost"></div>
  6. <div class="ost2"></div>
  7. <div class="ost3"></div>
  8. <div class="ost5"></div>
  9. <div class="ost4"></td>
  10. <div class="ost6"></div>
  11. <div class="ost7"></div>
  12. <div class="ost8"></div>
  13. <div class="ost9"></div>
  14. <div class="ost10"></div>
  15. <div class="ost11"></div>
  16. <div class="ost12"></div>
  17. </body>
  18. </html>


  1. .ost
  2. {
  3. height:256px;
  4. width:810px;
  5. background:url(Obrazki/presell_01.jpg);
  6. background-repeat: no-repeat;
  7. }
  8.  
  9. .ost2
  10. {
  11. height:31px;
  12. width:192px;
  13. background:url(Obrazki/presell_02.jpg);
  14. background-repeat: no-repeat;
  15. float: left;
  16. }
  17. .ost3
  18. {
  19. height:31px;
  20. width:618px;
  21. background:url('Obrazki/presell_03.jpg') x-repeat;
  22. float:left;
  23. background-repeat:repeat;
  24. }
  25. .ost4
  26. {
  27. height:161px;
  28. width:192px;
  29. background:url(Obrazki/presell_04.jpg);
  30. background-repeat: no-repeat;
  31. float: left;
  32. }
  33. .ost5
  34. {
  35. height:570px;
  36. width:18px;
  37. background:url(Obrazki/presell_05.jpg);
  38. background-repeat: no-repeat;
  39. float: right;
  40. }
  41. .ost6
  42. {
  43. height:570px;
  44. width:584px;
  45. background:url(Obrazki/presell_06.jpg);
  46. background-repeat: no-repeat;
  47. float: right;
  48. }
  49. .ost7
  50. {
  51. height:570px;
  52. width:16px;
  53. background:url(Obrazki/presell_07.jpg);
  54. background-repeat: no-repeat;
  55. float: right;
  56. }
  57. .ost8
  58. {
  59. height:79px;
  60. width:192px;
  61. background:url(Obrazki/presell_08.jpg);
  62. background-repeat: no-repeat;
  63. float: left;
  64. }
  65. .ost9
  66. {
  67. height:31px;
  68. width:192px;
  69. background:url(Obrazki/presell_09.jpg);
  70. background-repeat: no-repeat;
  71. float: left;
  72. }
  73. .ost10
  74. {
  75. height:156px;
  76. width:192px;
  77. background:url(Obrazki/presell_10.jpg);
  78. background-repeat: no-repeat;
  79. float: left;
  80. }
  81. .ost11
  82. {
  83. height:143px;
  84. width:192px;
  85. background:url(Obrazki/presell_11.jpg);
  86. background-repeat: no-repeat;
  87. float: left;
  88. }
  89. .ost12
  90. {
  91. height:34px;
  92. width:810px;
  93. background:url(Obrazki/presell_12.jpg);
  94. background-repeat: no-repeat;
  95. }
deirathe
problem tkwi w oblewaniu, masz ustawione oblewanie i jezeli masz jakies wolne miejsce to prawie zawsze warstwa Ci na nie wejdzie. Wez rzuc po gornej wartwie sobie br i ustaw w style zeby nie bylo oblewania i zoacz czy pyknie jak nie to sam sprobuje u siebie
---- no i wogole nie wiadomo skad masz tam znacznik td
Maxik
Być może to pomoże: http://www.gajdaw.pl/html/uklad-witryny-gwz/
Sebastian003
Probowałem wstawić <br> ale to nic nie pomaga pierwszy raz z takim ciężkim przypadkiem sie potykam





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.