par
jojolapine » 29 juil. 2011, 12:07
Bonjour, je trouve que tu te compliques vraiment la vie avec ce code html... Il manque un </tr> dans ton code...
Mais avant de programmer en php, part d'un code html qui fonctionne, ensuite automatise tout ça avec php!
Sinon une code html tel que celui ci:
<ul>
<li>
<a href="product.php?id=11">
<img src="inventory_images/11.jpg" />
</a><br />
Prix: $560 | Details
</li>
<li>
<a href="product.php?id=12">
<img src="inventory_images/12.jpg" />
</a><br />
Prix: $670 | Details
</li>
</ul>
AVec le css suivant:
Code : Tout sélectionner
li {
list-style-type: none;
display:inline-block;
padding:10px;
}
li img {
width:160px;
height:160px;
}Serait quand même beaucoup plus simple à générer, beaucoup plus léger!
Après certains navigateurs ne supporte pas display:inline-block, du coup tu peux jouer avec la propriété float comme ceci:
Code : Tout sélectionner
li {
list-style-type: none;
padding:10px;
float:left;
}
li img {
width:160px;
height:160px;
}
Bonne chance

Bonjour, je trouve que tu te compliques vraiment la vie avec ce code html... Il manque un </tr> dans ton code...
Mais avant de programmer en php, part d'un code html qui fonctionne, ensuite automatise tout ça avec php!
Sinon une code html tel que celui ci:
[html]
<ul>
<li>
<a href="product.php?id=11">
<img src="inventory_images/11.jpg" />
</a><br />
Prix: $560 | Details
</li>
<li>
<a href="product.php?id=12">
<img src="inventory_images/12.jpg" />
</a><br />
Prix: $670 | Details
</li>
</ul>[/html] AVec le css suivant:[code]li {
list-style-type: none;
display:inline-block;
padding:10px;
}
li img {
width:160px;
height:160px;
}[/code]Serait quand même beaucoup plus simple à générer, beaucoup plus léger!
Après certains navigateurs ne supporte pas display:inline-block, du coup tu peux jouer avec la propriété float comme ceci:[code]li {
list-style-type: none;
padding:10px;
float:left;
}
li img {
width:160px;
height:160px;
}[/code]
Bonne chance ;)