Autor Zpráva
jurinko2000
Profil
Ako mám spraviť zobrazovanie produktov ak no alza.sk že v jednom riadku budú 3 viem spraviť iba že to bude 1 produkt v riadku a vyzerá to hrozne

Dakujem
Tomáš123
Profil
jurinko2000:
Obtekanie prvkov (float).
lionel messi
Profil
jurinko2000:
Ukáž kód alebo ešte lepšie živú ukážku, kt. máš. Výstrel naslepo: obtekaním? (Float)
jurinko2000
Profil
<div id="products">
<?php
while ($row = mysqli_fetch_array($result))
{

      echo "<img src=\"../Photo/" .$row["Name"]. ".jpg\" width=\"100px\" height=\"100px\" align=\"right\">";
      echo "<a href=\"../detail.php?id=".$row["id"]."\"><h3>" .$row["Name"]. "</h3></a><br>";
      echo substr ($row["Description"], 0, 200)."&hellip;" ;
      echo "<p align=\"right\">".$row["Price"]."€</p><br><hr>";

}
                            
                            ?>
                            
                            </div>

a style:
<style>
#products{
    width: 600px;
    height: auto;
    background-color: #FFF;
    margin: 0 auto;
    }
    </style>
jurinko2000
Profil
ako spojiť ten moj kod a float? kam to mam napisat? :)
Tomáš123
Profil
jurinko2000:
Ak je časť priloženého CSS kódu tá pravá, malo by stačiť pridať tam vlastnosť float: left;. Ak nebude, ozvi sa prosím s HTML kódom stránky.
martin1312
Profil
jurinko2000:
V prvom rade, každú položku (v tvojom prípade produkt) daj do samostatného div-u, aby ti vzniklo niečo takéto:
<div id="products">
  <div class="product-item">
    <!-- ďalšie HTML -->
  </div>
  <div class="product-item">
    <!-- ďalšie HTML -->
  </div>
  ...
</div>

Potom divu .product-item v CSS nastavíš potrebnú šírku a float:left. Na koniec všetkých produktov bude treba pridať nejaký element s clear:both, alebo divu #products dať overflov:hidden. To preto, aby float:left neovplyvňoval aj nasledujúce elementy a nerozhádzal ti design.
Tomáš123
Profil
martin1312:
dať overflov:hidden.
Keďže jurinko2000 údaje generuje, bude lepšie použiť to clearovanie

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: