ugrás a tartalomhoz

Padding-left vs. Text-indent? (hiba)

superman · 2011. Jan. 31. (H), 00.11
Kész a weboldal terv, teljesen. Az egyetlen bug, hogy az összes tartalmi szelektornál a Padding-left: 35px; utasítás ellenére csak és kizárólag az első sort húzza be, a többit nem.
  1. .fontTheme  
  2. {  
  3.     font-family: Calibri;  
  4.     font-size: 25px;  
  5.     color: #ee6d6d;  
  6.     padding-left: 35px;  
  7.     padding-bottom: 20px;  
  8. }  
  9.   
  10. .fontBoxTheme  
  11. {  
  12.     font-family: Calibri;  
  13.     font-size: 25px;  
  14.     color: #ee6d6d;  
  15.     padding-left: 70px;  
  16.     padding-bottom: 20px;  
  17. }  
  18.   
  19. .fontBoxContents  
  20. {  
  21.     font-family: Calibri;  
  22.     font-size: 16px;  
  23.     color: #ffffff;  
  24.     padding-left: 70px;  
  25.     padding-right: 30px;  
  26. }  
  27.   
  28. .fontContents  
  29. {  
  30.     font-family: Calibri;  
  31.     font-size: 20px;  
  32.     color: #353535;  
  33.     padding-left: 35px;;  
  34. }  
  35.   
  36. .fontFooter  
  37. {  
  38.     font-family: Calibri;  
  39.     font-size: 15px;  
  40.     color: #353535;  
  41.     padding-left: 35px;  
  42.     padding-top: 10px;  
  43. }  
HTML
  1. <div id="container">  
  2.     <div id="header">  
  3.         <span class="fontBanner">Név</span>  
  4.         <span class="fontNavigation">  
  5.             <a href="#">Menü1</a>  
  6.             <a href="#">Menü2</a>  
  7.             <a href="#">Menü3</a>  
  8.             <a href="#">Menü4</a>  
  9.             <a href="#">Menü5</a></span>  
  10.     </div>  
  11.     <div id="contents">  
  12.         <div id="leftSide">  
  13.             <span class="fontTheme">Hírek</span></br>  
  14.             <span class="fontContents">ITT VAN A FŐ HIBA!</span>  
  15.         </div>  
  16.         <div id="rightSide">  
  17.             <div id="boxTop"></div>  
  18.             <div id="boxContent">  
  19.                 <span class="fontBoxTheme">Elérhetőségek</span></br>  
  20.                 <span class="fontBoxContents">ITT VAN A FŐ HIBA!x2</span>  
  21.             </div>  
  22.             <div id="boxBottom"></div>  
  23.         </div>  
  24.     </div>  
  25.     <div id="footer">  
  26.         <span class="fontFooter">Záró</span></br><span class="fontFooter">Menük.</span>  
  27.   
  28.     </div>  
  29. </div>  
‹ JS kereső billentyűzettel! PDF dokumentum bizonyos formázásainak megjelenítése TEXTAREA elemben ›
 ■
1

Block level

janoszen · 2011. Jan. 31. (H), 00.19
Az lesz itt a baj, hogy a fontContents és a fontBoxContents nem block level, hanem inline elemek. Inline elemeknek egy csomó tulajdonságát nem tudod állítani. Ha ilyet szeretnék, vagy állítsd a körülvevő divek paddingját, vagy állítsd be őket display:block-ra.