J'essaie d'augmenter la largeur et la hauteur des cellules td selon mes besoins.

Voici mon code:

<div class="margin-top-10">
    <table>
        <tbody>
            <tr>
                <td style="vertical-align:top;"><?php echo $this->remarksForm->remarkType; ?></td>
                <td><?php echo $this->remarksForm->remark; ?></td>
                <td>
                    <?php  echo $this->remarksForm->id;
                    echo $this->remarksForm->save; ?>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Voici le résultat de ce que j'ai maintenant: entrez la description de l'image ici

Voici une image du résultat que j'aimerais obtenir:

enter image description here

Comment puis-je accomplir cela?

Merci d'avance.

1
suresh 20 nov. 2018 à 11:03

3 réponses

Meilleure réponse

Voici un exemple :

    <div class="margin-top-10">
    <table>
        <tbody>
            <tr>
                <td style="vertical-align:top;"><select><option>one</option><option>two</option></select></td>
                <td style="vertical-align:top;"><textarea></textarea></td>
                <td style="vertical-align:top;">
                   <button>thank you</button>
                </td>
            </tr>
        </tbody>
    </table>
</div>

reference image for the posters desired alignment for the above html.

1
vssadineni 20 nov. 2018 à 09:07
 Please add width:
    <div class="margin-top-10">
    <table cellspacing='0' cellpadding='0'>
        <tbody>
            <tr>
                <td width="20%" style="vertical-align:top;">test</td>
                <td width="70%">test</td>
                <td width="10%">test</td>
            </tr>
        </tbody>
    </table>
</div>
0
Tushar Kumawat 20 nov. 2018 à 08:14

Vous pouvez simplement ajouter ce style:

height: 50px;
0
Sam Walpole 20 nov. 2018 à 08:13