Standart Temada table düzenleme

[sualci]

MErhaba arkadaşlar şimdi ben standart temada ürünler sayfasını düzenlemye çalışıyorum. seçeneklerim biraz uzun olduğundan sayfayı çok aşşağa kaydırdı. nemim yapmak istediğim float:left gibi komutla tabloyu 2 sutuna çıkarmak isityorum.

table class="option-image">
                        <tbody><tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="22" id="option-value-22"></td>
              <td><label for="option-value-22"><img src=".../image/cache/data/sihirlibardak97-50x50.jpg" alt="Siyah Sihirli Kupa +4,72TL"></label></td>
              <td><label for="option-value-22">Siyah Sihirli Kupa                                    (+4,72TL)
                                  </label></td>
            </tr>
                        <tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="23" id="option-value-23"></td>
              <td><label for="option-value-23"><img src="../image/cache/data/sihirlibardak99-50x50.jpg" alt="Kırmızı Sihirli Kupa +4,72TL"></label></td>
              <td><label for="option-value-23">Kırmızı Sihirli Kupa                                    (+4,72TL)
                                  </label></td>
            </tr>
                        <tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="24" id="option-value-24"></td>
              <td><label for="option-value-24"><img src="../image/cache/data/beyaz_kupa_bardak-50x50.jpg" alt="Beyaz Kupa"></label></td>
              <td><label for="option-value-24">Beyaz Kupa                                  </label></td>
            </tr>
                        <tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="25" id="option-value-25"></td>
              <td><label for="option-value-25"><img src="../image/cache/data/ici_siyah_kupa_bardak-50x50.jpg" alt="İçi Siyah Renkli Kupa +3,54TL"></label></td>
              <td><label for="option-value-25">İçi Siyah Renkli Kupa                                    (+3,54TL)
                                  </label></td>
            </tr>
                        <tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="26" id="option-value-26"></td>
              <td><label for="option-value-26"><img src="../image/cache/data/ici_mavi_kupa_bardak-50x50.jpg" alt="İçi Mavi Renkli Kupa +3,54TL"></label></td>
              <td><label for="option-value-26">İçi Mavi Renkli Kupa                                    (+3,54TL)
                                  </label></td>
            </tr>
                        <tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="27" id="option-value-27"></td>
              <td><label for="option-value-27"><img src="../image/cache/data/ici_kahve_kupa_bardak-50x50.jpg" alt="İçi Kahve Renkli Kupa +3,54TL"></label></td>
              <td><label for="option-value-27">İçi Kahve Renkli Kupa                                    (+3,54TL)
                                  </label></td>
            </tr>
                        <tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="28" id="option-value-28"></td>
              <td><label for="option-value-28"><img src="../image/cache/data/ici_pembe_kupa_bardak-50x50.jpg" alt="İçi Pembe Renkli Kupa +3,54TL"></label></td>
              <td><label for="option-value-28">İçi Pembe Renkli Kupa                                    (+3,54TL)
                                  </label></td>
            </tr>
                        <tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="29" id="option-value-29"></td>
              <td><label for="option-value-29"><img src="../image/cache/data/sihirlibardak97-50x50.jpg" alt="Kulpu Siyah Renkli Kupa +3,54TL"></label></td>
              <td><label for="option-value-29">Kulpu Siyah Renkli Kupa                                    (+3,54TL)
                                  </label></td>
            </tr>
                        <tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="30" id="option-value-30"></td>
              <td><label for="option-value-30"><img src="../image/cache/data/Sapi_ve_Kenari_Sari_Renkli_Kupa_Bardak-50x50.png" alt="Kulpu Sarı Renkli Kupa +3,54TL"></label></td>
              <td><label for="option-value-30">Kulpu Sarı Renkli Kupa                                    (+3,54TL)
                                  </label></td>
            </tr>
                        <tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="31" id="option-value-31"></td>
              <td><label for="option-value-31"><img src="../image/cache/data/Sapi_ve_Kenari_Turuncu_Renkli_Kupa_Bardak-50x50.png" alt="Kulpu Turuncu Renkli Kupa +3,54TL"></label></td>
              <td><label for="option-value-31">Kulpu Turuncu Renkli Kupa                                    (+3,54TL)
                                  </label></td>
            </tr>
                        <tr>
              <td style="width: 1px;"><input type="radio" name="option[233]" value="32" id="option-value-32"></td>
              <td><label for="option-value-32"><img src="../image/cache/data/Sapi_ve_Kenari_Yesil_Renkli_Kupa_bardak-50x50.png" alt="Kulpu Yeşil Renkli Kupa +3,54TL"></label></td>
              <td><label for="option-value-32">Kulpu Yeşil Renkli Kupa                                    (+3,54TL)
                                  </label></td>
            </tr>
                      </tbody></table>

bu kodda tek sütün olarak aşşağıya listeliyor. ben en azından 2 stün olsun istiyorum

---

merhaba ne yazıkki bu başlığa 33 kişi bakmış fakat bir kişi cevap vermemiş. en azından forumun mantığı olarak. çözümünü gene buraya yazacağım.


BUL

        <?php if ($option['type'] == 'image') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
            <table class="option-image">
              <?php foreach ($option['option_value'] as $option_value) { ?>
              <tr>
                <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>
        </div>
        <br />
        <?php } ?>

Değiştir

        <?php if ($option['type'] == 'image') { ?>
        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
          <?php if ($option['required']) { ?>
          <span class="required">*</span>
          <?php } ?>
          <b><?php echo $option['name']; ?>:</b><br />
          <table class="option-image">
             <tr>
               <?php $oi= 1; foreach ($option['option_value'] as $option_value) { if ( $oi > 3 ) { $oi=1; echo "</tr><tr>";} ?>
          
                <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 width="55"><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 width="20%"><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>
              
              <?php $oi++; }?>
            </tr> 
         </table>
        </div>
        <br />
        <?php } ?>