Autor | Zpráva | ||
---|---|---|---|
jurinko2000 Profil |
#1 · Zasláno: 17. 11. 2014, 16:10:45
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 |
#2 · Zasláno: 17. 11. 2014, 16:15:00
jurinko2000:
Obtekanie prvkov (float). |
||
lionel messi Profil |
#3 · Zasláno: 17. 11. 2014, 16:19:38
jurinko2000:
Ukáž kód alebo ešte lepšie živú ukážku, kt. máš. Výstrel naslepo: obtekaním? (Float) |
||
jurinko2000 Profil |
#4 · Zasláno: 18. 11. 2014, 20:36:16
<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)."…" ; 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 |
#5 · Zasláno: 19. 11. 2014, 15:37:09
ako spojiť ten moj kod a float? kam to mam napisat? :)
|
||
Tomáš123 Profil |
#6 · Zasláno: 19. 11. 2014, 16:25:01
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 |
#7 · Zasláno: 19. 11. 2014, 17:08:31
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 |
#8 · Zasláno: 19. 11. 2014, 17:16:21
martin1312:
„dať overflov:hidden.“ Keďže jurinko2000 údaje generuje, bude lepšie použiť to clear ovanie
|
||
Časová prodleva: 10 let
|
0