Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML,CSS] Prosze o pomoc !
Forum PHP.pl > Forum > Przedszkole
krzychu0808
Stary kod mi nie wyszedł.... to postanowiłem napisać nowy... i mam kolejny problem ponieważ uciekaja mi dwie żeczy Reklama i Linki.... jak to widać na stronie ---Link---
Kod Strony:
  1. <div id="strona">
  2.  
  3. <div id="naglowek">
  4. <img src="images/portal_01.gif"/>
  5. </div>
  6. <div>
  7. <img src="images/portal_02.gif"/>
  8. <img src="images/portal_03.gif"/>
  9. <img src="images/portal_04.gif"/>
  10. <img src="images/portal_05.gif"/>
  11. <img src="images/portal_06.gif"/>
  12. <img src="images/portal_07.gif"/>
  13. </div>
  14.  
  15. <div id="kolumnaLewa">
  16. <div>
  17. <p class="style1">
  18. <img src="images/portal_12.gif" class="l" />
  19. </p>
  20. <ul id="witam" class="clearUl" >
  21. <li>
  22. <p class="style2">
  23. Witam....
  24. </p>
  25. </li>
  26. </ul>
  27. </div>
  28.  
  29. <div>
  30. <p class="style1">
  31. <img src="images/portal_19.gif" class="l" />
  32. </p>
  33. <ul id="witam" class="clearUl" >
  34. <li>
  35. <p class="style2">
  36. xxxxxxxxxxxxxxx
  37. </p>
  38. </li>
  39.  
  40. </div>
  41.  
  42. <div>
  43. <p class="style1">
  44. <img src="images/portal_26.gif" class="l" />
  45. </p>
  46. <ul id="witam" class="clearUl" >
  47.  
  48. <li>
  49. <p class="style2">
  50. xxxxxxxxxxxxxxxxx
  51. </p>
  52. </li>
  53.  
  54. </div>
  55.  
  56. <div>
  57. <p class="style1">
  58. <img src="images/portal_29.gif" class="l" />
  59. </p>
  60. <ul id="witam" class="clearUl" >
  61.  
  62. <li>
  63. <p class="style2">
  64. xxxxxxxxxx
  65. </p>
  66. </li>
  67.  
  68. </div>
  69. </div>
  70.  
  71. <div id="kolumnaPrawa">// w tej kolumnie jest coś nie tak
  72. <div>// div Reklama
  73. <p class="style2">
  74. <img src="images/portal_14.gif"/>
  75. </p>
  76. <ul id="reklama" class="clearUl">
  77. <li>
  78. <p class="style2">
  79. Reklama
  80. </p>
  81. </li>
  82. </div>
  83.  
  84. <div>// div Linki
  85. <p class="style2">
  86. <img src="images/portal_23.gif"/>
  87. </p>
  88. <ul id="linki" class="clearUl">
  89. <li>
  90. <p class="style2">
  91. Linki
  92. </p>
  93. </li>
  94. </div>
  95. </div>
  96.  
  97. <div id="stopka">
  98. <font color="#000000">Created by <strong>Dj Pszczoła</strong></font>
  99. </div>
  100.  
  101. </div>

Kod CSS
  1. body {
  2. font: normal 11px tahoma, arial, sans-serif;
  3. line-height: 1.5;
  4. background: url(../images/portal_02.gif);
  5. margin: 0;
  6. color: #73716A;
  7. }
  8. *:focus { outline: none; }
  9. a:hover { text-decoration: none; }
  10. img { border: 0; }
  11. .clearUl {
  12. margin: 0;
  13. padding: 0;
  14. list-style: none;
  15. }
  16. }
  17. .r { float: right; }
  18. .l { float: left; }
  19. .lin {
  20. color: #000000;
  21. text-decoration: none
  22. }
  23. .lapka{
  24. Cursor : Hand;
  25. }
  26. .style1 {
  27. line-height: 150%;
  28. margin-left: 30px;
  29. }
  30. .style2 {
  31. margin-left: 12px;
  32. }
  33. .style3 {
  34. margin-left: 12px;
  35. }
  36. #strona {
  37. margin : auto;
  38. padding : 0px;
  39. width : 850px;
  40. background: url(../images/portal_02.gif);
  41. }
  42.  
  43. #naglowek {
  44. margin : 0px;
  45. border : none;
  46. padding : 0px;
  47. width : 850px;
  48. }
  49.  
  50. #kolumnaLewa {
  51. width : 540px;
  52. float : left;
  53. }
  54.  
  55. #kolumnaPrawa {
  56. width : 310px;
  57. clear : none;
  58. float : right;
  59. }
  60.  
  61. #stopka {
  62. margin : 0px;
  63. border : none;
  64. width : 850px;
  65. clear : both;
  66. }
  67. #witam {
  68. height: 139px;
  69. width: 507px;
  70. right: 20px;
  71. margin-left: 30px;
  72. background: url('images/portal_17.gif');
  73.  
  74. }
  75. #reklama {
  76. background: url('images/portal_16.gif');
  77. height: 184px;
  78. width: 259px;
  79. margin-left: 12px;
  80.  
  81. }
  82. #linki {
  83. background: url('images/portal_24.gif');
  84. height: 446px;
  85. width: 259px;
  86. margin-left: 12px;
  87.  
  88. }
.radex
CSS: clear: both;

I polecam "sprawdzator" ortograficzny Orangoo
krzychu0808
ooo ile jeśli dobrze cię zrozumiałem to ma to wygladać tak?>?questionmark.gifquestionmark.gif
  1. #reklama {
  2. background: url('images/portal_16.gif');
  3. height: 184px;
  4. width: 259px;
  5. margin-left: 12px;
  6. clear: both;
  7.  
  8. }
  9. #linki {
  10. background: url('images/portal_24.gif');
  11. height: 446px;
  12. width: 259px;
  13. margin-left: 12px;
  14. clear: both;
  15.  
  16. }

Ja tak zorbiłem i nie działa może nie o to ci chodziło smile.gif.. prosze o pomoc
.radex
szczerze mówiąc nie chcę mi się analizować całego kodu, polecam
http://riddle.jogger.pl/2007/03/07/rowne-k...ny-layoutu-css/

nie muszą być akurat stałe, ale możesz to sobie modyfiknąć
krzychu0808
może to dla tabeli prawej musi być inne niż dla lewej...
  1. .clearUl {
  2. margin: 0;
  3. padding: 0;
  4. list-style: none;
  5. }


Poradziłem sobie prosze o zamknięcie tematu smile.gif
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.