IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Mise en forme <td>


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut Mise en forme <td>
    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 !

  2. #2
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut
    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 !

  3. #3
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut
    Merci bcp !!! j'avais oublié l'existence des div ......

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CR] mise en forme d'un champs texte en fonction des données
    Par niPrM dans le forum SAP Crystal Reports
    Réponses: 6
    Dernier message: 29/06/2004, 11h57
  2. [CR 9] Mise en forme non affichée when null
    Par Yorglaa dans le forum Formules
    Réponses: 2
    Dernier message: 28/06/2004, 17h27
  3. mise en forme rapide d'applets
    Par appletj dans le forum Applets
    Réponses: 11
    Dernier message: 03/06/2004, 13h28
  4. Mise en forme HTML
    Par Regis.C dans le forum XML/XSL et SOAP
    Réponses: 5
    Dernier message: 25/04/2004, 11h55
  5. Mise en forme fichier avant Import
    Par jeff37 dans le forum Langage SQL
    Réponses: 3
    Dernier message: 21/04/2004, 15h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo