Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS][PHP]Wypełnienie tła
jaaro
post
Post #1





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 13.01.2010

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

Witam,

Jestem amatorem w dziedzinie grafiki i php, lecz postanowiłem podjąć wyzwanie i zrobić stronę dla szkoły.
Wszystko wyszło ładnie pięknie, zrobiłem i pociąłem lay według mojego upodobania i sam go złożyłem w php.
Napotkałem tylko jeden dręczący mnie problem.
Otóż jak można zauważyć strona podzielona jest na left i center.
W DIV left znajduje się menu, a w center reszta strony. Menu jest stałe i otoczone jest ramką (wszystko w grafice) obok niego jest również ramka graficzna służąca do umieszczania tekstu na stronie. Otóż wszystko ładnie pięknie im pisze więcej tekstu to ramka się wydłuża (to akurat potrafiłem zrobić), ale obok w menu zostaje mi PUSTE pole i nie jest niczym wypełnione. Chce aby im dłuższy tekst tym tło spod menu również schodziło razem z nim.
Adres do strony to - http://literkate.za.pl/2/style.html
Poniżej zamieszczam kod strony i CSS.
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=Windows-1250" />
  5. <title>Panel Administracyjny</title>
  6. <meta http-equiv="Reply-to" content="" />
  7. <meta name="Description" content="Strona ZSP 1" />
  8. <meta name="keywords" content="zsp 1 Kwidzyn szkola" />
  9. <meta name="Author" content="Jaroslaw Mrugala" />
  10. <meta name="Robots" content="ALL" />
  11. <meta name="revisit-after" content="10" />
  12. <link rel="stylesheet" type="text/css" href="zsp/style.css" />
  13.  
  14. </head>
  15. <body>
  16.  
  17. <div class="pds">
  18. <!--HEAD START -->
  19.   <div><img src="zsp/style_02.gif" /></div>
  20.   <div><img src="zsp/style_04.gif" /></div>
  21.   <div><img src="zsp/style_05.gif" /></div>
  22.   <div><img src="zsp/style_06.gif" /></div>
  23.   <div><img src="zsp/style_07.gif" /></div>
  24. <!--HEAD CLOSE -->
  25. <!--MENU START -->
  26. <div class="left">
  27.     <div><img src="zsp/style_08.gif" alt="" /></div>
  28.  
  29.          <div class="menu"> 
  30.            <a href="index.php" class="menu">Strona Główna </a>
  31.            <a href="index.php">Aktualności </a>     
  32.                 <a href="index.php">Pedagog </a>   
  33.                            <a href="index.php">Organy szkoły</a>   
  34.                                     <a href="index.php">Kontakt</a> 
  35.                                              <a href="index.php">Linki</a>     
  36.                                               <a href="index.php">Forum </a>  
  37.                                                <a href="index.php">Administracja</a>  
  38.  
  39.  
  40.                                                 <div><img src="zsp/style_08.gif" alt="" /></div>
  41.                                               <a href="index.php">Grono </a>   
  42.                                                   <a href="index.php">Kształcenie</a>  
  43.                                                   <a href="index.php">Podręczniki</a> 
  44.                                                 <a href="index.php">Egzamin i matura</a>   
  45.                                                   <a href="index.php">Biblioteka </a> 
  46.                                                   <a href="index.php">Konkursy szkolne</a> 
  47.                                                 <a href="index.php">Projekty</a>   
  48.                                                   <a href="index.php">Prace uczniów </a>   
  49.                                                   <a href="index.php">Historia</a> 
  50.                                                    <a href="index.php">Galeria zdjęć</a> 
  51.                                                     <a href="index.php">Nasz Patron</a>
  52.  
  53.     </div>
  54.  
  55.  
  56.  
  57.  
  58.  
  59.   </div>
  60.   </div>
  61.   </div>
  62.  
  63.  			<!--MENU CLOSE -->
  64.  
  65.  
  66. <!--TEKST START -->
  67. <div class="center">
  68. <div class="s">
  69. 	<div class="tytul">Technik Ekonomista</div>
  70.  
  71.           <div>   <div class="tresc">
  72.  
  73.  
  74.        
  75.     <p>Współczesna rzeczywistość wymaga dobrej znajomości ekonomii - nauki o gospodarowaniu i zarządzaniu.
  76.       Nasze technikum umożliwia zdobycie takiej wiedzy. Celem kształcenia jest przygotowanie absolwenta do sprawnego
  77.       wykonywania zadań zawodowych w warunkach gospodarki rynkowej.
  78.       Absolwenci mogą być zatrudnieni na średnich szczeblach zarządzania w przedsiębiorstwach produkcyjnych, handlowych i usługowych.
  79.       Technik ekonomista doskonale organizuje działalność gospodarczą.<br />
  80.       Sporządza również sprawozdania i analizy w przedsiębiorstwie.
  81.       Doskonale wykonuje różnego rodzaju prace biurowe.<br>
  82.       Nauka w technikum trwa 4 lata.Kończy się egzaminem maturalnym i egzaminem potwierdzającym kwalifikacje zawodowe. <br>
  83.       Absolwenci mają prawo używać tytułu: TECHNIK EKONOMISTA.</p>
  84.     <p>      <b><span style="color:#990033">Technik ekonomista potrafi:</span></b><br />
  85.       <br />
  86.  
  87.         </p>
  88.     <ul>
  89. <li>  posługiwać się podstawowymi pojęciami ekonomicznymi <br>
  90. <li>	interpretować ogólne prawa ekonomiczne<br>
  91. <li>	korzystać z różnych źródeł prawa <br>
  92. <li>	stosować podstawowe zasady zarządzania<br>
  93. <li>	sporządzać dokumentację biurową  <br>
  94. <li>	wykorzystywać urządzenia biurowe i technologię informacyjną do realizacji zadań zawodowych <br>
  95.  
  96. <li>	prowadzić ewidencję księgową zgodnie z zasadami rachunkowości  <br><br />
  97. </ul>
  98. <strong>Oprócz przedmiotów ogólnokształcących uczniowie poznają zagadnienia ekonomiczne
  99. na następujących przedmiotach zawodowych:</strong><br /><br>
  100. <ul>
  101. <li>	podstawy ekonomii
  102. <li>	technika biurowa
  103. <li>	statystyka
  104. <li>	zasady rachunkowości
  105. <li>	marketing
  106. <li>	elementy prawa
  107. <li>	rachunkowość
  108. <li>	pracownia ekonomiczno-informatyczna<br>
  109. </li>
  110. </ul>
  111.  
  112.  
  113.  
  114. 	<br /><br />
  115.  
  116. 	<button type="button" class="formtopbutton" onClick="history.back(0)">Powrót</button>
  117. 	<br />	<br />	<br />		<br /> <br /><br /><br />
  118.  
  119.  
  120.  
  121.  
  122. 	</div>
  123.  
  124. 	</div>
  125.  
  126.   </div>
  127.  
  128.  
  129.             </div>
  130.  
  131.                     <!--TEKST CLOSE -->   
  132.  
  133.      <!--FOOTER START -->
  134.        <div style="clear:both;"></div>     
  135. </div>
  136.  
  137. <div><img src="zsp/stopka.gif" /></div><br />
  138.  
  139.  
  140. <!--FOOTER CLOSE -->
  141.  
  142. </body>
  143. </html>
[PHP] pobierz, plaintext


Kod
body{
    margin:0px;
    background-image:url(bg.gif);
    text-align: center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color: #475f82;
    background-repeat: no-repeat;
    background-position: center center;
}

.pds{
    width:803px;
    background: #ebeef2;
    margin:0 auto;
    clear: both;


}
.tytul{
    width: 633px;
    height: 26px;
    background-image: url(style_009.gif);
    background-repeat: no-repeat;
    font-size: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #475F82;
    font-weight: 700;
    text-align: left;
    white-space: normal;
    letter-spacing: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 2px;
    
}
.s{
    height:100%;
    background:#ebeef2;
    background-image: url(style_dlug.gif);
}
.left{
    width:170px;
    clear: both;
    background:#ebeef2;
    float:left;
}
.center{
    width:633px;
    background:#ebeef2;
    float:left;
}


.tresc{
    font-size:12px;
    line-height:14px;
    color:#475F82;
    text-align: justify;
    width: 580px;
    right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    float: none;
    clear: both;
}


.menu a{
    background-image: url(style_11.gif);
    background-repeat: no-repeat;
    display:block;
    font-size:12px;
    text-decoration:none;
    font-weight: normal;
    text-align: left;
    clear: both;
    float: none;
    height: auto;
    width: auto;
    padding-top: 9px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 35px;
}
.menu a:hover{
    text-decoration:none;
    color:#44556F;
    background-image: url(a.gif);
    background-repeat: no-repeat;
}

a{
    text-decoration:none;
    color: #596F88;
}

.boxy{
width:425px;
background:#f6f2d0 bottom right no-repeat;
border:1px solid #efe5a5;
padding:10px;
color:#3a3408;
font-size:10px;
margin-top:18px;
}

.formtopbutton {
    background-color : #9DACBF;
    color : #333333;
    font-size: 10pt;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #585858;
}


.formtoptext {
background-color : #F0F0F0;
color: #666666;
font-size: 10pt;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #D8D8D8;
}


Chodzi o to zamiast tego niebiesko pustego pola wypełnienie było w kolorze tła strony.
Proszę o pomoc z tym jednym męczącym mnie problemem i przy okazji o ocene szablonu strony.

Pozdrawiam,
Jarosław Mrugała

Ten post edytował jaaro 13.01.2010, 20:26:26
Go to the top of the page
+Quote Post
« 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

RSS Aktualny czas: 6.10.2025 - 01:35
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn