18041 sujets

Questions générales et questions de débutants

Centrer un formulaire dans un tableau

bonjour, sur cette page, c'est le foutoir !
je n'y connais rien en CSS, et donc j'essaie de faire rentrer un formulaire dans tableau :
http://centrerespire.fr/formulaire.htm
Quelqu'un aurait-il le nom des balises à insérer pour que celui-ci soit centré à droite sous le titre principal ????
merci de votre soutien
à bientôt
Centré à droite ? un peu étrange ...

Personnellement je ne comprends pas l'utilisation de tableau dans ce cas -là ...

Enfin je pense qu'il suffit que tu mettes ton formulaire dans la bonne colonne
Sinon il y a la possibilité de fusionner les cellules de tableau ( propriété colspan )
oui en fait je veux mettre mon formulaire à la place du texte de droite :
http://centrerespire.fr/contact.htm
pour garder les photos à gauche et en bas.
Même en utilisant cette balise que tu me donnes je me retrouve dans la même situation.
D'ailleurs sur dreamweaver je vois en mode création mon formulaire qui se répète deux fois : une fois dans la partie droite et la deuxième dans le menu de gauche ... bizarre. Pourtant j'ai copié mes codes dans la bonne colonne...
je ne comprends toujours pas
merci
Bonsoir à toutes et à tous,
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Centre Respire : contact</title>
<meta name="description" content="centre de bien-être et d'évolution">
<meta name="keywords" content="location de salle nice, journée d'étude, formation, tantra, stage couple, stage tantra, sexualité, sophrologie, coaching, communication, pnl, développement personnel, thérapie, osho, méditation, méditation tantrique, massage, gestion de conflits, gestion du stress, métamorphose">
<meta name="robots" content="index,follow">
<meta name="revisit-after" content="7 days">

<!-- -------------------- -->
<!-- Cascade Style Sheets -->
<!-- -------------------- -->

<style type="text/css">
body {
	background-color		: #fffed5;
	color					: #361623;

	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: small;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration			: none;
}

/*-----------------------------*/

#header {
		margin				: 0 auto;
		width				: 309px;
}

/*-----------------------------*/

#bandeau {
		margin				: 0 auto;
		width				: 1200px;

}

#bandeau > img {
		width				: 26px; 
		height				: 150px;
}

#bandeau > a > img {
		width				: 170px; 
		height				: auto;
}

#titre img {
		width				: 1200px;
		height				: auto;
}

/*-----------------------------*/

#corps {
		width				: 500px;
		margin				: 0 auto;
}

#corps ol {
		list-style-position	: inside;
}

#corps form {
		border				: 3px double black;
		padding				: 5px 10px;
}

#corps label {
		display				: inline-block;
		width				: 170px;
		text-align			: right;
		padding				: 5px 0;
}

#civilite {
		margin				: 0 auto;
		width				: 160px;
}


#boutons {
		margin				: 0 auto;
		width				: 122px;
}
</style>

<script language="JavaScript" type="text/JavaScript">
window.onload = function ()
{
	MM_reloadPage(true);
};

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
</script>
</head>



<body>
	<!-- ------------------ -->
	<!-- En-tête de la page -->
	<!-- ------------------ -->

	<div id="header">
		<a href="http://centrerespire.fr/index.html">
			<img src="formulaire_fichiers/boutton_retour_accueil_centre_respire.jpg" />
		</a>
	</div>

	<!-- ------------------ -->
	<!-- Bandeau de la page -->
	<!-- ------------------ -->

	<div id="bandeau">
		<div id="titre">
			<img src="formulaire_fichiers/bandeau-sup-newsletter.jpg" alt="" />
		</div>

		<a href="http://centrerespire.fr/gymdouce.htm">
			<img src="formulaire_fichiers/ateliers-contact.jpg" alt="ateliers" />
		</a>

		<img src="formulaire_fichiers/espace.jpg" alt="" />

		<a href="http://centrerespire.fr/florence.htm">
			<img src="formulaire_fichiers/enseignants6.jpg" alt="enseignants" />
		</a>

		<img src="formulaire_fichiers/espace.jpg" alt="" />

		<a href="http://centrerespire.fr/location.htm">
			<img src="formulaire_fichiers/location6.jpg" alt="location" />
		</a>

		<img src="formulaire_fichiers/espace.jpg" alt="" />

		<a href="http://centrerespire.fr/formations.htm">
			<img src="formulaire_fichiers/formations6.jpg" alt="formations" />
		</a>

		<img src="formulaire_fichiers/espace.jpg" alt="" />

		<a href="http://centrerespire.fr/voyages.htm">
			<img src="formulaire_fichiers/voyages6.jpg" alt="voyages" />
		</a>

		<img src="formulaire_fichiers/espace.jpg" alt="" />

		<a href="http://centrerespire.fr/lesamis.htm">
			<img src="formulaire_fichiers/lesamis6.jpg" alt="les amis" />
		</a>
	</div>

	<!-- ---------------- -->
	<!-- Corps de la page -->
	<!-- ---------------- -->

	<div id="corps">
		<ol>Inscrivez-vous pour recevoir les informations du Centre Respire :
			<li>Les évènements : conférences, stages, invités...</li>
			<li>Les soirées ou week-end à thème</li>
		</ol>

		<form action="nicolascelli@free.fr" method="post">
			<div id="civilite">
				<input name="civilite" type="radio" value="Monsieur" checked="checked">Monsieur</input>
				<input name="civilite" type="radio" value="Madame">Madame</input>
			</div>

			<label for="Nom">Votre Nom (*)</label>
			<input name="Nom" type="text" size="20"></input><br />

			<label for="Prenom">Votre Pr&eacute;nom (*)</label>
			<input name="Prenom" type="text" size="20"></input><br />

			<label for="Telephone">Votre T&eacute;l&eacute;phone (*)</label>
			<input name="Telephone" type="text" size="20"></input><br />

			<label for="Email">Votre adresse E-Mail (*)</label>
			<input name="Email" type="text" size="35"></input><br />

			<label for="Ville">Votre Ville (*)</label>
			<select name="Ville">
				<option value="Nice">Nice</option>
				<option value="Cannes">Cannes</option>
				<option value="Cagnes-sur-mer">Cagnes-sur-mer</option>
				<option value="Saint-Laurent-du-var">Saint-Laurent-du-var</option>
				<option value="Vence">Vence</option>
				<option value="Juan-les-pins">Juan-les-pins</option>
				<option value="Monaco">Monaco</option>
				<option value="Monte-Carlo">Monte-Carlo</option>
			</select>

			<p>(*) Champs Obligatoires</p>

			<div id="boutons">
				<input name="Reset"  type="reset"  value="reset"></input>
				<input name="Submit" type="submit" value="submit"></input>
			</div>
		</form>
	</div>
</body>
</html>
@+
Modifié par Artemus24 (16 Jul 2011 - 22:39)
Sujet clos
Aller à