|
@rss
Pa vidiš koliko se img pominje. 
@kocicyu
Uf, uf uffff...  Veliki krš!
Bez ljutnje molim... 
Može se dosta pomoću css-a odraditi, ali tebi ovde godovo ništa nije njime definisano. Po meni ti ne treba tolika tabela, koristi div tagove i definiši ih css-om. Hajde da probamo polako redom, jer ne znam šta tačno želiš....
Za početak koristi code tagove kad pišeš poruku radi bolje preglednosti.
Da počnemo. Evo ti primer kako bi to moglo da izgleda, ali verovatno neće biti onako kako želiš jer sam ja ovo radio po tvom kodu, a pritom ne znam šta si ti zamislio. Da odmah razjasnimo neke stvari padding se oduzima od unutrašnjeg prostora svakog div taga, pa može doći do "raspada sistema". Pošalji mi slike preko privatne poruke, ako nećeš ovde, da to lepo skockamo i reci da li želiš te slike kao pozadinu ili kao običnu sliku na sajtu. Jedna jako bitna stvar su dimenzije. Vidim da si strogo ograničavao širinu i visinu, ali nisi vodio računa o paddingu (verovatno jer mu ne znaš zadatak i suštinu) kao ni o proporcijama. Evo koda koji je mnogo korisniji od onog tvog, ali ga treba "utegnuti"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Moj sajt</title>
<style type="text/css">
<!--
body {
font-family: 12px Georgia, Times New Roman, Times, serif;
margin: 0;
padding: 0;
text-align: left;
color: #333;
}
#container {
width:800px;
background-color: #fff;
margin: 0px auto;
padding:0px;
min-height:100%;
}
#glavnimeni {
width:800px;
height:36px;
border-width:0px;
background-color: #fff;
margin: 0px;
padding:0px;
}
#zaglavlje {
width:783px;
background-color: #fff;
height: 152px;
border-width: 0px;
}
#levastrana {
width:511px;
height:800px;
text-align:center;
padding:20px;
float:left;
}
#desnastrana {
width:209px;
height:800px;
text-align:center;
padding:20px;
float:left;
}
a:link {
color: #993300;
text-decoration: none;
}
a:hover {
color: #993300;
text-decoration: underline;
}
a:visited a:hover {
color: #993300;
text-decoration: none;
}
#footer {
font:12px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
height: 100px;
width: 800px;
clear:both;
display: block;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="zaglavlje"><img src="images/layout_01.gif" width="303" height="152" /><img src="images/layout_02.gif" width="211" height="152" /><img src="images/layout_03.gif" width="269" height="152" /></div>
<div id="glavnimeni"><img src="images/glavnimenu.gif" width="798" height="36" /></div>
<div id="levastrana"><a href="#">Probni tekst...</a></div>
<div id="desnastrana">
<form action="http://www.zanat.rs/Pages/Google.html" id="cse-search-box">
<input type="hidden" name="cx" value="014174298231988165728:4ncz52dfq38" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="15" />
<input type="submit" name="sa" value="Traži" />
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script></div>
<div id="footer"><img src="images/footer552.gif" width="552" height="100" />
<img src="images/footer232.gif" width="232" height="100" />
</div>
</div>
</body>
</html>
|
