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

Mise en page CSS Discussion :

Alignement d'un bouton formulaire


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Meloooo
    Femme Profil pro
    Inscrit en
    Novembre 2008
    Messages
    324
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Novembre 2008
    Messages : 324
    Par défaut Alignement d'un bouton formulaire
    Bonjour tout le monde,
    Alors j'ai une page ou s'affiche tout les contacts comme ceci :
    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
    27
    28
     
    $contacts = "SELECT cont_prenom, cont_id FROM contacts_patients, users WHERE contacts_patients.pat_id = users.USER_ID AND USER_ID = '".$_SESSION['id_users']."'";
    $cont = mysql_query($contacts);
    $align=0;
    $mr = "130px";
    while ($ligne = mysql_fetch_array($cont))
    {
    $_SESSION['id_contact'] = $ligne[1];
    if($align == 0){
     $align = 1;
     $bg = "left";
     $ml = "130px";
     $padd="95px";
     }
     else{
     $align = 0;
     $bg = "right";
     $mr = "130px";
     }	
     
    echo '<div align="center" class="global">';
    echo '<table border="1" align='.$bg.'>';
    echo '<tr>';
    echo '<td align="center" style="position:relative;" class="gras" width="91" align='.$bg.'><form name="allergie" action="voir_detail_contact.php" style="display:inline;position:relative;" method="post"><input type="hidden" name="monid" value='.$ligne[1].'><div class="contact">'.$ligne[0].'</div><input border="0" src="images/patient/bt-cont.png" type="image" value="submit"></form></td>';
    echo '</div>';
    }
     
    ?>
    Et je voudrais écrire dynamiquement sur le bouton de mon formulaire, au centre de mon image.
    J'ai essayée valign = middle mais cela ne fonctionne pas. comment faire pour écrire sur ce bouton et au milieu ?
    Merci de votre aide

  2. #2
    Membre Expert
    Avatar de polymorphisme
    Homme Profil pro
    Publishing
    Inscrit en
    Octobre 2009
    Messages
    1 460
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Publishing
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Octobre 2009
    Messages : 1 460
    Par défaut
    Bonjour,

    voici un exemple qui te permettra de faire ce que tu veux :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <BUTTON TYPE="submit">
      <IMG SRC="../graphics/sfsmile.gif" HEIGHT="97" WIDTH="105"
             ALT="Starflower" ALIGN="absmiddle">
      <STRONG>Send It In!</STRONG>
    </BUTTON>

  3. #3
    Membre éclairé Avatar de Meloooo
    Femme Profil pro
    Inscrit en
    Novembre 2008
    Messages
    324
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 36
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Novembre 2008
    Messages : 324
    Par défaut
    Cela ne marche pas j'ai bien mon image mais en dessous j'ai le nom de mon contact.
    Voici le code :
    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
    27
    28
     
    $contacts = "SELECT cont_prenom, cont_id FROM contacts_patients, users WHERE contacts_patients.pat_id = users.USER_ID AND USER_ID = '".$_SESSION['id_users']."'";
    $cont = mysql_query($contacts);
    $align=0;
    $mr = "130px";
    while ($ligne = mysql_fetch_array($cont))
    {
    $_SESSION['id_contact'] = $ligne[1];
    if($align == 0){
     $align = 1;
     $bg = "left";
     $ml = "130px";
     $padd="95px";
     }
     else{
     $align = 0;
     $bg = "right";
     $mr = "130px";
     }	
     
    echo '<div align="center" class="global">';
    echo '<table border="1" align='.$bg.'>';
    echo '<tr>';
    echo '<td align="center" style="position:relative;" class="gras" width="91" align='.$bg.'><form name="allergie" action="voir_detail_contact.php" style="display:inline;position:relative;" method="post"><input type="hidden" name="monid" value='.$ligne[1].'><BUTTON TYPE="submit"><IMG SRC="images/patient/bt-cont.png"  ALT="Starflower"><STRONG>'.$ligne[0].'</STRONG></BUTTON></form></td>';
    echo '</div>';
    }
     
    ?>
    Merci pour votre réponse

Discussions similaires

  1. [HTML] Bouton formulaire HTML
    Par friiitz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 25/08/2006, 10h50
  2. bouton formulaire qui recharge la page mere
    Par BernardT dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 23/06/2006, 10h14
  3. aligner texte et boutons radio /checkbox
    Par Tr@nkill dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 19/04/2006, 13h23
  4. fenètre qui s'ouvre avec un bouton formulaire
    Par nickg dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 13/02/2006, 22h54
  5. Désactivation bouton = formulaire non soumis
    Par Gwipi dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 31/05/2005, 16h11

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