Mise en forme <td>

**Katachana** · 12/02/2008, 11h40

Bonjour,

Je souhaite savoir si l'on peut réaliser ce type de mise en page dans un seul <td> , un select "agrandi" et deux boutons:

Merci d'avance !

**Seta-san** · 12/02/2008, 12h48

Bien sur,

Entre tes balises <td></td> tu mets 2 <div></div>.
Dans le premier <div> tu y met ton <select> et dans l'autre tes <input />.

Puis tu les formate avec CSS.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<table width="450px" border="0px" cellspacing="5px">
  <tr>
    <td>
 
        <form name="formulaire" method="post" action="">
 
	  <div class="DivGauche">
	    <select class="Select1" name="le_texte" size="4" >
	      <option value="0">Texte0</option>
	      <option value="1">Texte1</option>
	      <option value="2">Texte2</option>
	      <option value="3">Texte3</option>
	    </select>
          </div>
 
          <div class="DivDroite" >
	    <input type="button" value="Valider" /><br /><br />
	    <input type="button" value="Supprimer" />
          </div>
 
        </form>
 
    </td>
  </tr>
</table>

Et dans ta feuille de style ou entre le balise <head></head> tu mets le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<style type="text/css"> <!-- Ne pas mettre cette ligne si tu utilises une feuille de style -->
.DivGauche
        {
        float: left;
        width: 300px;
        padding: 5px;
        }
        
.DivDroite
        {
        float: left ;
        width: 110px;
        padding: 5px;
        }
 
.Select1
        {
        width: 300px;
        }
</style><!-- Ne pas mettre cette ligne si tu utilises une feuille de style -->

Bonne continuation !

**Katachana** · 12/02/2008, 14h26

Merci bcp !!! j'avais oublié l'existence des div ......

Mise en forme <td>

HTML

Vue hybride

Discussions similaires

Partager

Partager