disposer en grille les images de l'option-image

[plugeplay]

Salut à tous,

je souhaiterais modifier la disposition des images de l'option-image. En standard, les bloc radio-images-label sont alignées verticalement.
Je parviens à les aligner horizontalement en modifiant le tr en td, mais je ne trouve pas la manip' pour faire un "saut à la ligne" au bout du tableau.

Code: Tout sélectionner

<table class="option-image">
            <?php foreach ($option['option_value'] as $option_value) { ?>
            <tr style="width:33%;">
              <td style="width: 1px;"><input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
              <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
              <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><!--<?php echo $option_value['name']; ?>-->
                  <?php if ($option_value['price']) { ?>
                  (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                  <?php } ?>
                </label></td>
            </tr>
            <?php } ?>
          </table>

comment forcer le saut à la ligne dans le tableau pour que tous les éléments soient visible ?

[lucho69]

pour faire un saut de ligne dans un tableau, c'est un <tr> par contre il faudra que tu comptes le nb de champs par ligne ... pas simple
mieux vaut éviter la gestion par tableau

mieux vaut faire un bon css : tu retires <tr> <td>, et tu fais un affichage css , prends exemple sur la façon dont est géré l'affichage des photos additionnelles ... c'est horizontal
<div class="image-additional">

[plugeplay]

Merci Lucho69, je m'en vais regarder tout ça !