19-04-2015 Saat: 13:11
Ekran Görüntüsü :
Kod:
<ul id="menu">
<a href="Link-1">Ana Sayfa</a>
<a href="Link-2">Blog</a>
<a href="Link-2">Portal</a>
<a href="Link-2">Konular</a>
</ul>
<div class="container" style="overflow: hidden; width: 100%;">
<div class="sol">
<p> 01</p>
<p> 02</p>
<p> 03</p>
<p> 04</p>
</div>
<div class="sag">
<p> kolon.</p>
<p> kolon.</p>
<p> kolon.</p>
</div>
</div>
<div class="deneme1">
<p> -1</p>
<p> -2</p>
<p> -3</p>
<p> -4</p>
</div>
<div class="deneme2">
<p> footer </p>
</div>Kod:
.sol {
background: #2EB69B;
width: 1000x;
height: 250px;
border: solid 2px;
margin-top: 20px;
}
.sag {
background: #379D88;
width: 600;
height: 100px;
border: solid 1px;
padding: 20px;
padding-right: 1000px;
margin-top: 20px;
}
.deneme1 {
background: #46BBA3;
border: solid 1px;
margin-top: 40px;
width: 1250px;
height: 400px;
}
.deneme2 {
background: #46CBB0;
height: 100px;
border: dashed 1px;
}
#menu a {
background: #46CBB0;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
color: #7A7A7A;
text-decoration: none;
background-color: #45CEB3;
display: block;
padding-top: 5px;
padding-right: 5px;
text-align: center;
line-height: 30px;
}