Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Pomoc przy uporządkowaniu css
szczalpi
post 22.09.2011, 19:39:00
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


--------------------
Nieregulaminowa stopka usunieta
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Damonsson
post 23.09.2011, 01:58:03
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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

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.
Go to the top of the page
+Quote Post
kpt_lucek
post 23.09.2011, 14:20:10
Post #3





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


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn