Comment créer des boutons sous une grille?

Question

J'ai une grille de 5 colonnes et 5 lignes utilisant une liste non ordonnée. La grille a une image et sous l'image il y a un lien hypertexte et une description, tous deux provenant d'une base de données (FileMaker Pro via PHP). Ainsi, chaque cellule de la grille se compose de trois éléments li. Maintenant, ce que je voudrais faire est d'avoir deux boutons sous chaque élément de la grille. Les boutons sont des images et je veux saisir les utilisateurs en cliquant sur Publier. Voici ce que j'ai:

<form action="studio_grid_submit.php" method="post"> 
<input type="hidden" name="submitted" value="true"> 
<input type="image" src="images/accept.png" width="32" height="32" alt="Accept"> 
<input type="image" src="images/revise.png" width="32" height="32" alt="Revise"> 
</form> 

J'ai ensuite essayé de mettre cette forme dans un élément li, d'abord comme un autre élément li au niveau parent, puis en tant que niveau de l'enfant comme le dernier élément. Ni travaillé. L'image, bien que 32x32 a été étiré horizontalement. Comment puis-je ajouter deux boutons sous chaque élément de la grille?

Merci.

Answer 1

Je ne pense pas que ce soit une utilisation efficace d'une liste non ordonnée. C'est trop simple d'une mise en page pour exiger l'imbrication.

J'utiliserais la liste non ordonnée pour faire l'encapsuleur, mais j'utiliserais du HTML "régulier" pour l'intérieur de chaque cellule.

Utilisez une combinaison de floats and clears.

entrée type="image" est mieux traitée en utilisant CSS:

.submit { 
    width:32px; 
    height:32px; 
    background-image:url(../Images/accept.png); 
    float:left; 
}