Pogledajte određenu poruku
Staro 19. 05. 2008.   #7
Zero-Cool
profesionalac
Qualified
 
Avatar Zero-Cool
 
Datum učlanjenja: 13.06.2005
Lokacija: Novi Sad
Poruke: 185
Hvala: 9
16 "Hvala" u 12 poruka
Zero-Cool is on a distinguished road
Pošaljite poruku preko Skype™ za Zero-Cool
Default

e sad je mnogo jasnije sta hoces, elem onda sam ti dobro napisao gore i ispravio tvoj kod jedino sto sam napravio gresku u css-u jer sam prevideo da treba da izmenim # sa . kod class-a.

Kôd:
<div id="container">
<div class="stripe"><img src="images/header.jpg" alt="header" /></div>
<div class="stripe"><img src="images/kategorije.jpg" alt="kategorije" /></div>
<div id="left">
<div class="navigation">
:: <a href="magazin.php">Magazin</a><br />
:: <a href="pretplata.php">Pretplata</a><br />
:: <a href="redakcija.php">Redakcija</a><br />
:: <a href="onama.php">O nama</a><br />
:: <a href="marketing.php">Marketing</a>
</div>
</div>
<div id="right">
<div class="navigation">
:: <a href="vesti.php">Vesti</a><br />
:: <a href="linkovi.php">Linkovi</a><br />
:: <a href="oglasivaci.php">Oglašivači</a><br />
:: <a href="reportaze.php">Reportaže</a><br />
:: <a href="intervjui.php">Intervjui</a>
</div>
</div>
<br class="clearfloat" />
<div class="stripe"><img src="images/novonaforumu.jpg" alt="forum" /></div>
<div id="banner"><img src="images/baner.gif" alt="banner" /></div>
<div class="stripe"><img src="images/footer.jpg" alt="footer" /></div>
</div>
Kôd:
#container{
width: 320px; /*The width of our layout*/
margin-left: auto;
margin-right: auto;
text-align: left;
}

.stripe{
	width: 320px;
	height: 24px;
	padding:0px;
             margin: 10px auto;
}

.banner{
             width: 300px;
             height: 75px;
             margin-left: auto;
             margin-right: auto;
}

.navigation{
             color: #2876c0;
             margin-bottom: 10px;
             padding:0px;
}

#left{
             width: 100px;
             float: left;
}

#right{
             width: 100px;
             float: left;
             margin-left:20px; /* udaljenost od leve kolone linkova*/
}

#magazin{
             width: xxx px; /* dodaj ovom elementu width jer bez toga ce ti se poremetiti float */ /* a u xhtml kodu obavezno posle ovog elementa stavi <br class="clearfloat" /> */
             float: right;
             margin: 0 0 10px 10px;
             border: 1px solid #666;
             padding: 2px;
}

.clearfloat {
             clear:both;
             height:0;
             font-size: 1px;
             line-height: 0px;
}
</style>
__________________
Mess with the best die like rest!!!
Zero-Cool je offline   Odgovorite uz citat