Comment mettre un formulaire + button
Résolu
zarati
Messages postés
39
Date d'inscription
Statut
Membre
Dernière intervention
-
zarati Messages postés 39 Date d'inscription Statut Membre Dernière intervention -
zarati Messages postés 39 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Tout d'abord je suis qu'un debutant du domaine je veux mettre un formulaire de connexion a gauche d'une page html puis un bouton a droite , j'ai essayé plusieurs fois et tjrs j'arrive pas .svp aidez a resoudre ce probleme et merci.
Tout d'abord je suis qu'un debutant du domaine je veux mettre un formulaire de connexion a gauche d'une page html puis un bouton a droite , j'ai essayé plusieurs fois et tjrs j'arrive pas .svp aidez a resoudre ce probleme et merci.
A voir également:
- Comment mettre un formulaire + button
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Google Chrome
- Probleme avec formulaire et sous formulaire independant. ✓ - Forum Access
3 réponses
Le mieux c''est d'utiliser les styles CSS pour tout positionnement d'élément.
Sinon vous pouvez utiliser un tableau HTML mais c'est plus au normes actuelles.
Sinon vous pouvez utiliser un tableau HTML mais c'est plus au normes actuelles.
zarati
Messages postés
39
Date d'inscription
Statut
Membre
Dernière intervention
1
merci grope mon probleme est réglé ,en fait j'ai créé un tableau avec deux colonnes et une rangée ,la premiere cellule contient mon formulaire et la deuxième contient mon bouton ,pour le CSS je suis qu'un debutant et je n'ai aucune idée .
Merci Kafiristanica et grope pour vos réponses , moi je veux le Bouton DOC à droite du formulaire comme ceci http://nsa30.casimages.com/img/2012/06/22//120622075941964160.png sur la meme ligne. voilà le code source de la page :
index.html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr-FR">
<head>
<link rel="stylesheet" href="padding.css" type="text/css" media="screen" />
<Title>My Web Application</title>
</head>
<body>
<table width="1350" height="113" border="1" cellpadding="10" cellspacing="0"
bordercolor="#4C4B4B" bgcolor="#4A93F9" class="grand">
<tr>
<td height="109">
<span class="grand" ><center><h1></h1></center></span>
</div>
</td>
</tr>
</table>
<form action="login.php" method="post">
<b>Login:</b> <br/><br/><input type="text" name="login">
<br/><br/>
<b>Password:</b> <br/><br/><input type="password" name="pwd"><br /><br/>
<input type="submit" value="Connexion">
</form>
<a href=""><input type="button" value="DOC" style="padding:10px 50px"
/></a>
<table width="1350" height="90" border="1" cellpadding="11" cellspacing="10" bordercolor="black"
bgcolor="#4A93F9">
<tr>
<td height="43">
<a href="" style="color:black">Nous Contacter</a>
</td>
</tr>
</table>
</body>
</html>
et le fichier padding.css :
form {
padding: 120px 290px;
width-right: 700px;
}
bonne journée
index.html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr-FR">
<head>
<link rel="stylesheet" href="padding.css" type="text/css" media="screen" />
<Title>My Web Application</title>
</head>
<body>
<table width="1350" height="113" border="1" cellpadding="10" cellspacing="0"
bordercolor="#4C4B4B" bgcolor="#4A93F9" class="grand">
<tr>
<td height="109">
<span class="grand" ><center><h1></h1></center></span>
</div>
</td>
</tr>
</table>
<form action="login.php" method="post">
<b>Login:</b> <br/><br/><input type="text" name="login">
<br/><br/>
<b>Password:</b> <br/><br/><input type="password" name="pwd"><br /><br/>
<input type="submit" value="Connexion">
</form>
<a href=""><input type="button" value="DOC" style="padding:10px 50px"
/></a>
<table width="1350" height="90" border="1" cellpadding="11" cellspacing="10" bordercolor="black"
bgcolor="#4A93F9">
<tr>
<td height="43">
<a href="" style="color:black">Nous Contacter</a>
</td>
</tr>
</table>
</body>
</html>
et le fichier padding.css :
form {
padding: 120px 290px;
width-right: 700px;
}
bonne journée