html:
Kôd:
<div id="container">
<div class="stripe">heder</div>
<div class="stripe">kategorije</div>
<div id="left">
<ul class="navigation">
<li><a href="magazin.php">Magazin</a></li>
<li><a href="pretplata.php">Pretplata</a></li>
<li><a href="redakcija.php">Redakcija</a></li>
<li><a href="onama.php">O nama</a></li>
<li><a href="marketing.php">Marketing</a></li>
</ul>
</div>
<div id="right">
<ul class="navigation">
<li><a href="vesti.php">Vesti</a></li>
<li><a href="linkovi.php">Linkovi</a></li>
<li><a href="oglasivaci.php">Oglašivači</a></li>
<li><a href="reportaze.php">Reportaže</a></li>
<li><a href="intervjui.php">Intervjui</a></li>
</ul>
</div>
<div class="stripe">novo na forumu</div>
<div id="banner">baner</div>
<div class="stripe">futer</div>
</div>
css:
Kôd:
#container{
width: 320px; /*The width of our layout*/
margin:0 auto;
padding: 0;
}
.stripe{
width: 320px;
height: 24px;
padding: 0px;
margin: 0 auto 10px auto;
clear: both;
background: red;
}
.navigation {
margin: 0px;
padding: 0px;
list-style: none;
}
.navigation a {
color: #2876c0;
}
#left{
width: 150px;
float: left;
margin: 0 0 10px 0; /* top right bottom left */
}
#right{
width: 150px;
float: right;
margin: 0 0 10px 0;
}
#banner {
margin: 0 0 10px 0;
}