Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Pomoc przy uporządkowaniu css
Forum PHP.pl > Forum > Przedszkole
szczalpi
22.09.2011, 19:39:00
Witam
Mam problem z kodem html i css. Otóż chcę wstawić grafikę za pomocą CSS, ale niestety pojawiają się problemy. Nie wiem gdzie mam błąd. Poniżej przedstawiam kod, który mam wstawiony na stronie. Adres strony to Odwiedź moją stronę
Proszę o pomoc jak to mogę zmienić


[HTML] pobierz, plaintext 
  1. #banner {
  2.     margin-top: 10px;
  3.        height: 510px;
  4.     text-align: left;
  5.     background: url("images/gora.png") no-repeat center top transparent;	
  6. }
  7. #top {
  8.  
  9.     width: 1100px;
  10.         margin: 0 auto;
  11.         background: white;
  12.         background: url("images/inner.gif") repeat center top transparent;
  13.         height: auto;
  14.  
  15. }
  16. #STOPKA {
  17.  
  18.     font-family: trebuchet MS;
  19.     clear: both;
  20. 	width: 100%;
  21.     background: url("images/bg_stopka.png") no-repeat scroll center top transparent;
  22.        color: #014B94;
  23.     font-size: 90%;
  24.     width:100%;
  25.      font-size: 12px;
  26. }
  27. .dol {
  28.      background: url("images/bg_stopka.png") no-repeat scroll center top transparent;
  29.     height: 210px;
  30.     width: 1100px;
  31. }
  32.  
  33.  
  34. #NAGLOWEK {
  35. 	background-color: #888;
  36. }
  37.  
  38. #MENU {
  39. 	width: 200px;
  40. 	float: left;
  41. 	overflow: hidden;
  42.         margin-left: 10px;
  43.  
  44. }
  45.  
  46. #INFORMACJE {
  47. 	width: 220px;
  48. 	float: right;
  49.  
  50.         margin-right: 10px;
  51.  
  52. }
  53.  
  54. #TRESC {
  55. 	width: 630px;
  56.        padding: 10px;
  57. 	background-color: #fff;
  58.        margin-left: 50px;
  59.         margin-bottom: 10px;
  60. }
  61.  
  62.  
  63.  
  64. .right2{
  65.     position:relative;
  66.     top: 0px;
  67.     float: left;
  68.     width: 610px;
  69.     height: 500px;
  70.     margin-left: 5px;
  71.     margin-top: 5px;
  72.     text-align: left;
  73.     font: normal 12px Verdana;
  74.  
  75. }
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <body>
  4.  
  5.  
  6. <div id="top">
  7. <div id="banner">
  8.  
  9.  
  10.  
  11. 	<div id="TRESC">
  12.  
  13.             <div class="right2">
  14.  </div></div>
  15.  
  16.  
  17. <div class="dol"><div style="color:black;padding: 10px;font-size: 12px;font-family: verdana;">NOCLEGI
  18.     </div>
  19. </div>
  20. </div></div>
  21. </body>
  22. </html>
[HTML] pobierz, plaintext
Damonsson
23.09.2011, 01:58:03
Byłoby ciekawiej, gdybyś jednak opisał jaki masz problem i po co założyłeś ten temat smile.gif

PS. Tabele służą do przedstawiania danych tabelarycznych.
kpt_lucek
23.09.2011, 14:20:10
1. Z tego co widzę:
[CSS] pobierz, plaintext 
  1. #banner {
  2. margin-top: 10px;
  3. height: 510px; /* <-- */
  4. text-align: left;
  5. background: url("images/gora.png") no-repeat center top transparent;
  6. }
[CSS] pobierz, plaintext

W owym miejscu ustalasz OKREŚLONĄ wysokość danego elementu, teraz przyjrzyj się temu:
[HTML] pobierz, plaintext 
  1. <div id="top">
  2.          <div id="banner"> //<- i w dół...
  3.                  <div id="TRESC">
  4.                          <div class="right2">
  5.                          </div>
  6.                  </div>
  7.                  <div class="dol">
  8.                             <div style="color:black;padding: 10px;font-size: 12px;font-family: verdana;">
  9.                                     NOCLEGI
  10.                             </div>
  11.                  </div>
  12.         </div>
  13. </div>
[HTML] pobierz, plaintext


Zwróć uwagę na wcięcia które zrobiłem, powinny podpowiedzieć Ci błąd.
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.