Bootstrap chyba pri vypísaní – HTML / XHTML – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Bootstrap  chyba pri vypísaní – HTML / XHTML – Fórum – Programujte.comBootstrap chyba pri vypísaní – HTML / XHTML – Fórum – Programujte.com

 

Zelenac140
Newbie
24. 8. 2017   #1
-
0
-

Zdravím,

chcel by som sa opytať mam kód na vypisovanie tovaru, ale tovar sa mi zle zobrazuje 

http://staminafood.sk/obchod/

 <div class="row" id="produkt">
    <div class="col-md-8 col-md-offset-2 paddingTop-1 paddingBottom-1">

      
      <div class="col-md-4 paddingTop-1">
       <div class="thumbnail produktVypis">
        <a href="http://staminafood.sk/www.staminafood.sk/domace-oblatky-syr.html" class="odkaz">
         <img src="http://rs.staminafood.sk/webImages/produkt/15.jpg" class="img-responsive" alt="Domáce oblátky - Syr" title="Domáce oblátky - Syr">          
         <div class="caption text-center">   
          <h3>Domáce oblátky - Syr</h3>
          <p>1.99€</p>  
         </div>
        </a>
       </div>           
      </div> 
         
      <div class="col-md-4 paddingTop-1">
       <div class="thumbnail produktVypis">
        <a href="http://staminafood.sk/ovsena-kasa-kokos.html" class="odkaz">
         <img src="http://rs.staminafood.sk/webImages/produkt/14.jpg" class="img-responsive" alt="Ovsená Kaša - Kokos" title="Ovsená Kaša - Kokos">          
         <div class="caption text-center">   
          <h3>Ovsená Kaša - Kokos</h3>
          <p>2.39€</p>  
         </div>
        </a>
       </div>           
      </div> 
         
      <div class="col-md-4 paddingTop-1">
       <div class="thumbnail produktVypis">
        <a href="http://staminafood.sk/ovsena-kasa-mak.html" class="odkaz">
         <img src="http://rs.staminafood.sk/webImages/produkt/6.jpg" class="img-responsive" alt="Ovsená Kaša - Mak" title="Ovsená Kaša - Mak">          
         <div class="caption text-center">   
          <h3>Ovsená Kaša - Mak</h3>
          <p>2.39€</p>  
         </div>
        </a>
       </div>           
      </div> 
         
      <div class="col-md-4 paddingTop-1">
       <div class="thumbnail produktVypis">
        <a href="http://staminafood.sk/ovsena-kasa-skorica.html" class="odkaz">
         <img src="http://rs.staminafood.sk/webImages/produkt/5.jpg" class="img-responsive" alt="Ovsená Kaša - Škorica" title="Ovsená Kaša - Škorica">          
         <div class="caption text-center">   
          <h3>Ovsená Kaša - Škorica</h3>
          <p>2.39€</p>  
         </div>
        </a>
       </div>           
      </div> 
         
      <div class="col-md-4 paddingTop-1">
       <div class="thumbnail produktVypis">
        <a href="http://staminafood.sk/ovsena-kasa-kakao.html" class="odkaz">
         <img src="http://rs.staminafood.sk/webImages/produkt/1.jpg" class="img-responsive" alt="Ovsená Kaša - Kakao" title="Ovsená Kaša - Kakao">          
         <div class="caption text-center">   
          <h3>Ovsená Kaša - Kakao</h3>
          <p>2.39€</p>  
         </div>
        </a>
       </div>           
      </div> 
               
    </div>
    
   </div>

neviete mi poradiť kde som chybu spravil 

Ďakujem :)

Nahlásit jako SPAM
IP: 188.121.182.–
peter
~ Anonymní uživatel
3714 příspěvků
24. 8. 2017   #2
-
0
-

To bys musel popsat, co je chapano pod pojmem zobrazovani dobre a co zobrazovani spatne.

Z odkazu tipuji, ze mas spatne CSS. Zkus zakazat vsechny css a uvidis, zda se to zobrazi lepe nebo ne.
A pokud je to problem css, tak jde o float. A pokud jde o float, tapk float, aby se zobrazil spravne, vyzaduje nekolik zasadnich veci. Jednou z nich je stejna velikost floatovanych kontejneru. Pr takoveho spatneho floatu zleva 

[<b>][/a\][/c\]
.....[aaa][\c/]
.....[\a/][/d\]
..........[\d/]

ddd se natlacil pod ccc, protoze ccc nepresahlo vysku vsech predchozich konteineru, takze tam logicky doplnil dalsi kontejner, ddd.
eee by pak slo uz na dalsi radek, ale az pod uroven ddd, takze pod bbb vznikne spousta volneho mista. Coz by pozorovatel mohl vyhodnotit jako chybu, ale ve skutecnosti je to spravne a jedine mozne reseni.

Nahlásit jako SPAM
IP: 2001:718:2601:258:69f6:41...–
peter
~ Anonymní uživatel
3714 příspěvků
24. 8. 2017   #3
-
0
-

Chci rici, ze jako ten, co zhruba ovlada principy, na jakych to je postavene, nemuzu spravne rici, co presne chyba je, jak to vidis ty. Ja to vidim jako spravne chovani. A takovych spravnych veci tam vidim vice. Takze to zkus priblizit, co je vlastne spatne a jak by melo byt.

Nahlásit jako SPAM
IP: 2001:718:2601:258:69f6:41...–
MilanL+1
Expert
25. 8. 2017   #4
-
0
-

#3 peter
no nejspíš myslí to posunutí co způsobuje ten první obrázek s jiným rozměrem.

Nahlásit jako SPAM
IP: 91.139.9.–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 5 hostů

Podobná vlákna

Chyba při stahování — založil Janina

Chyba při kompilaci — založil remmidemmi

Chyba při stahování — založil Reky

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032021 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý