WEB - seznam produktů

[*VirtualPixel*]

Dobrý večer,
Na začátek chci říc že jsem začátečník a znám trochu HTML a CSS jazyk.
Potřebuji udělat výpis produktů, ale ne něco takového:

Kód: Vybrat vše

<li>kříž</li>
<li>kříž 2</li>

Každý výrobek má sví jméno, fotku, popis, cenu a tlačítko koupit který by fungovalo jako odkaz na e-shop. Celý toto by bylo uzavřené v jedné buňce.
Např. jako toto: http://aukro.cz/listing/user.php?us_id=18244000

Předem děkuji za odpověď a omlouvám se jestli o tomto tématě již diskuze je, nenašel jsem.

[Reklama]

[domitea]

Idea je správná, leč zavrhovaná. Ty totiž nemusíš dát do <li> jen text!

Kód: Vybrat vše

<ul>
<li>
<div>
<dt>Název produktu</dt>
<dd>popis produktu</dd>
</div>
</li>
<li>
<div>
<dt>Název produktu 2</dt>
<dd>popis produktu 2</dd>
</div>
</li>


Určitě existuje lepší řešení, ale takhle to dělám já!