Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Pomoc przy uporządkowaniu css
szczalpi
post
Post #1





Grupa: Zarejestrowani
Postów: 336
Pomógł: 0
Dołączył: 25.10.2006

Ostrzeżenie: (10%)
X----

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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
kpt_lucek
post
Post #2





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

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

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.

Ten post edytował kpt_lucek 23.09.2011, 14:21:11
Go to the top of the page
+Quote Post

Posty w temacie
- szczalpi   [CSS]Pomoc przy uporządkowaniu css   22.09.2011, 19:39:00
- - Damonsson   Byłoby ciekawiej, gdybyś jednak opisał jaki masz p...   23.09.2011, 01:58:03
- - kpt_lucek   1. Z tego co widzę: [CSS] pobierz, plaintext #bann...   23.09.2011, 14:20:10

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