http://itsektor.cz/eshop
tu je ten prudukt
Kód:
#produkty {
margin: 0px 0px 0px 25px;
}
#produkty li {
float: left;
list-style: none;
width: 170px;
height: 200px;
border: solid #c6c6c6 1px;
background-color: #fff;
margin: 10px;
}
#produkty p {
padding: 5px;
}
#produktobr {
padding: 10px;
}
toto je ten stredny stlpec
Kód:
/*stred*/
.stredstart {
background-image: url(../images/eshop_14.png);
width: 602px;
height: 28px;
}
.stredobsah {
background-image: url(../images/eshop_27.png);
width: 602px;
height: auto;
}
.stredend {
background-image: url(../images/eshop_33.png);
width: 602px;
height: 27px;
}
#strednypanel {
margin-left: auto;
margin-right: auto;
width: 602px;
}
#strednypanel h3 {
text-align: right;
margin: 0px;
padding: 0px;
}
#vycentrovanie {
margin: 0 auto;
width: 1030px;
padding: 30px 0px 0px 0px;
}
a tu je html
Kód:
<div id="strednypanel"> <h3>Produkty</h3>
<div class="stredstart">
</div>
<div class="stredobsah">
<ul id="produkty"><li>
<a id="produktobr" href="#">
<img src="images/notebook.jpg"></a>
<p><strong>Nový MacBookPro 15" 2.53 GHz</strong>
<br>Inovovaný hliníkový MacBook Pro 15" prichádza s čítačkou kariet a
</p></li><li>
<a id="produktobr" href="#">
<img src="images/notebook.jpg"></a>
<p><strong>Nový MacBookPro 15" 2.53 GHz</strong>
<br>Inovovaný hliníkový MacBook Pro 15" prichádza s čítačkou kariet a
</p></li><li>
<a id="produktobr" href="#">
<img src="images/notebook.jpg"></a>
<p><strong>Nový MacBookPro 15" 2.53 GHz</strong>
<br>Inovovaný hliníkový MacBook Pro 15" prichádza s čítačkou kariet a
</p></li>
</ul>
</div>
<div class="stredend">
</div>
</div>
čistič mam iba na dvoch miesttach ale to by nemalo ovplivnovať....ale ked nedam tomu zoznamu float tak sa prispôsobí ten stlpec stredný......keby ste mali nejaké nápady aj mimo toho rád sa priučím.....myslim ked zbadaťe niečo čo tam nemá byť. pozerajte zatial v opere a FF