szkielet

[_mlody_]

html:

Kod:

<div id="tresc">      
<div id="lewaKolumna">
  <div class="lista">"    
   <ul>
   <li><h2><a class="jeden" href="jeden.html">jeden</h2></a></li>
   <li><h2><a class="dwa" href="dwa.html">dwa</a></li></h2>
   <li><h2><a class="trzy" href="trzy.html">trzy</a></li></h2>
   </ul>    
  </div> <!-- end lista div -->
</div> <!-- end lewaKolumna div -->
<div id="zawartosc">    
  <h3>zawartosc</h3>    
</div> <!-- end zawartosc div -->
</div> <!-- end tresc div -->

css:

Kod:

#tresc {
        background-image: url('bg-body-container.png');    
}
#tresc {
        background: url('bg-body-container.png') repeat-x scroll left bottom #FFFFFF;    
}
#lewaKolumna {
        border: 1px solid black;
        margin-top: 0px;    
        margin-bottom: 0px;    
        margin-right: 5px;    
        width: 240px;    
        float: left;
        background-color: #F3F3F3;    
}
.lista {
        width: 240px;        
}
.lista ul {
        list-style: none;
          margin: 10px;;    
        padding: 10px;    
}
.lista ul li {
        font-size: 16px;
        font-family: verdana, geneva, sans-serif;  
                            
}
.lista ul li a.jeden {
        background-image: url('gif2/jeden.gif');
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 50px;  
          padding-top: 10px;
          padding-bottom: 10px;        
        text-decoration: none;                        
}
.lista ul li a.dwa {
        background-image: url('gif2/dwa.gif');
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 50px;  
          padding-top: 10px;
          padding-bottom: 10px;        
         text-decoration: none;    
                              
}
.lista ul li a.trzy {
        background-image: url('gif2/trzy.gif');
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 50px;  
          padding-top: 10px;
          padding-bottom: 10px;        
        text-decoration: none;  
}
#zawartosc {
        border: 1px solid black;
        margin-top: 10px;    
        margin-bottom: 10px;
        margin-left: 5px;    
        width: 700px;
        float: left;              
}