eshop

dedko45 · Napísal **dedko45**: 14.07.2009 19:05

chcem sa spytať aky by ste robili produkty v eshope mam tri stlpce. rozmyšlal som na ul a dal by som mu widh tak aby stlale vytvoril 3 stlpce ale to som nejako nevedel spraviť pretože vtedy mi nefungovalo(pri zozname float:left asi nejde) height:auto a stránka sa neroztahovala......tak asi to dam cez tabulky ale ešte mi poradťe nejak=u možnosť.

Ďuri · Napísal **Ďuri**: 14.07.2009 19:25

Vsetky 3 stlpce float:left. Float musi fungovat aj na zoznamy, keby si hodil kod, s ktorym si mal nejaky problem, vedeli by sme viac.

don jebot · Napísal **don jebot**: 14.07.2009 20:33

nemal si tam tejaky "cistic" preto sa ti nenatahovala vyska ... pogguugluj clear:both ...

dedko45 · Napísal autor témy **dedko45**: 14.07.2009 21:49

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

dedko45 · Napísal autor témy **dedko45**: 16.07.2009 14:52

tak už to mam poradil mi stenley. zase dobra rada od stenleyho
<div style="clear:both;"></div> na koniec divu s produktami

don jebot · Napísal **don jebot**: 16.07.2009 15:14

keby si naozaj cital uz si to mohol mat pred dvoma dnami ....

dedko45 · Napísal autor témy **dedko45**: 16.07.2009 16:05

ja som tam nemal clear:both ale musel som ho tam dať

eshop

Podobné témy