25-10-2010, 21:21
moze inaczej.. probowalem zrobic to co jest w powyzszym linku..
html:
css:
niestety nie wyszlo tak jak na schemacie.. Poprawisz?
html:
Kod:
<body>
<div id="czesc-druga">
<div id="srodek">
rrrr
<div id="lewaKolumna">
<div class="lista">
<ul>
<li><a class="jeden" href="jeden.html">jeden</a></li>
<li><a class="dwa" href="jeden.html">dwa</a></li>
<li><a class="trzy" href="jeden.html">trzy</a></li>
<li><a class="cztery" href="jeden.html">cztery</a></li>
</ul>
</div> <!-- end lista div -->
</div> <!-- end lewaKolumna div -->
<div id="tresc">
siemano
</div> <!-- end tresc div -->
</div> <!-- end srodek div -->
</div> <!-- end czesc-druga div -->
</body>css:
Kod:
div {
}
#czesc-druga {
background-color: #FFF;
}
#srodek {
background-color: grey;
border: 1px solid black;
width: 970px;
}
#lewaKolumna {
background-color: white;
border: 1px solid black;
width: 240px;
float: left;
}
.lista {
width: 240px;
}
.lista ul {
list-style: none;
margin: 10px;
}
.lista ul li {
font-size: 16px;
font-family: verdana, geneva, sans-serif;
}
.lista ul li a.jeden {
padding-left: 20px;
text-decoration: none;
}
.lista ul li a.dwa {
padding-left: 20px;
text-decoration: none;
}
.lista ul li a.trzy {
padding-left: 20px;
text-decoration: none;
}
.lista ul li a.cztery {
padding-left: 20px;
text-decoration: none;
}
#tresc {
background-color: red;
border: 1px solid black;
width: 720px;
float: right;
}niestety nie wyszlo tak jak na schemacie.. Poprawisz?
