| 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 clearovanie
|
||
|
Časová prodleva: 9 let
|
|||
0