Evo, klasa "komponente" i klasa "navigacija2" su vezane za levi navigacioni bar. Gde god da stavim margin-top ne radi. Samo malo mi spusti slike koje su u sredini stranice poređane a to ne želim.
Code:
<html>
<style type="text/css">
a.meni1{display:inline; margin-right:10px; background:silver; padding:2px 2px 2px 2px;
color:black;font-weight:bold; text-decoration:none; border:2px black inset; font-size:12px}
a.meni1:hover{background:silver; border:2px black outset}
a.meni{margin-top:20px; margin-left:10px; width:80%; display:block;background:silver; padding:1px 1px 1px 1px;
color:black;font-weight:bold; text-decoration:none; border:2px silver inset; font-size:12px}
a.meni:hover{background:silver; border:2px black outset}
h1{font-family:Arial; font-size:16px; color:silver;}
.navigacija1-1{height:9%; float:left; margin-bottom:5px; background-color:black; width:100%}
.navigacija2{margin-top:30px; width:10%; height:65%}
.navigacija1{width:70%; height:50%; margin-top:18px; margin-left:200px; text-align:center}
.komponente {margin-left:20px; height:100%; background-color:black; width:20%; text-align:center}
.klasa1{margin-left:230px;float:left;width:10%; height:80%; margin-top:-442px;}
.slika1{height:37%}
.slika2{height:37%}
.slika3{height:37%}
.klasa2{float:right;width:10%;margin-right:150px; height:80%; margin-top:-442px;}
.klasa3{float:right;width:10%;margin-right:400px; height:80%; margin-top:-442px;}
.container{border:solid 8px #999;}
</style>
<head>
<title>Prodaja računara</title>
</head>
<body bgcolor=black>
<div class="container">
<div class="navigacija1-1">
<div class="navigacija1">
<a href="Pocetna.html" class="meni1"> POČETNA </a>
<a href="Racunari.html" class="meni1"> RAČUNARI </a>
<a href="Garancija.html" class="meni1"> GARANCIJA </a>
<a href="Uslovi placanja.html" class="meni1"> USLOVI PLAĆANJA </a>
<a href="O nama.html" class="meni1"> O NAMA </a>
<a href="Kontakt.html" class="meni1"> KONTAKT </a>
</div>
</div>
<div class="komponente">
<h1> Komponente </h1>
<div class="navigacija">
<a href="Miševi, tastature.html" class="meni"> Miševi, tastature </a>
<a href="Monitori, TFT monitori.html" class="meni"> Monitori, TFT monitori </a>
<a href="Web kamere.html" class="meni"> Web kamere </a>
<a href="Digitalni foto aparati, digitalne kamere.html" class="meni"> Digitalni foto aparati, digitalne kamere </a>
<a href="Notebook Računari, Laptop.html" class="meni"> Notebook Računari, Laptop </a>
</div>
</div>
<div class="klasa1">
<div class="slika1">
<img src="deck_keyboard.jpg">
</div>
<div class="slika2">
<img src="IMT00031.jpg">
</div>
<div class="slika3">
<img src="carvideo7inch.jpg">
</div>
</div>
<div class="klasa2">
<div class="slika1">
<img src="mouse-mouse.jpg">
</div>
<div class="slika2">
<img src="USBBambooKeyboardMouse.jpg">
</div>
<div class="slika3">
<img src="egghead-thumb.jpg">
</div>
</div>
<div class="klasa3">
<div class="slika1">
<img src="Copy of notebook3.jpg">
</div>
<div class="slika2">
<img src="USB Foot Web Cam.jpg">
</div>
<div class="slika3">
<img src="183013.jpg">
</div>
</div>
</div>
</body>
</html>