Positionner les elements de ma page

Fermé
maria - 18 févr. 2010 à 13:12
 maria - 19 févr. 2010 à 10:54
Bonjour, j'ai un probleme pour positionner les élements de ma page.je voudrai afficher le menu à gauche et à droite du texte et un formulaire. le menu doit être décalé un peu à l'interieur. quand j'arrive à positionner comme je veux sur dreamweaver, à l'execution sur web local, j'ai une autre presentation. voici mon code html
<div id="cadremenu">
     menu
</div>
<div id="cadre">
  <h4>LA GESTION ADMINISTRATIVE </h4>
  texte
 </div>
<form id="monForm" method="post" action="inserrer-contact.php">
    	<p>
        	<label> Societe: </label>
 		<input type="text" name="societe"  />
       </p>
  	<p>
        	<label> Nom </label>
    		<input type="text" name="nom"  />
  	</p>
  	<p>
        	<label> Prenom </label>
    		<input type="text" name="prenom" id="textfield3" />
       </p>
      <p>
              <input type="submit" name="button"  value="Envoyer" />
      </p>
  
</form>


mon css
  #cadre
{
	width: 507px;
	margin:620px 500px 600px 700px;
	position:absolute;
	border:none;
	height: 186px;
	left: -23px;
	top: -308px;
}

#cadremenu
{
	width: 311px;
	margin:430px 0px 0px 740px;
	position:absolute;
	border:none;
	height: 619px;
	left: -408px;
	top: -68px;
}

body
{

margin:0px 0px 0px 0px;
 padding:0px;
 background-image:url(../imgs/accueil.jpg);
 background-repeat:no-repeat;
 background-position:50%;
 background-color:#003366;
 }
#monForm
{
	width: 50%;
	margin:500px 0px 0px 700px;
	
}


/*formulaire-----------------------

3 réponses

bonjour
que veux-tu faire exactement , une page web? à mon avis c'est mal parti pour le css.
0
oui, le css je ne comprend pas grand chose. c'est sur le net que j'ai pris ce que j'ai mis là. et ce ne fais pas ce que je veux
0
je connais pas le cahier des charges de ton projet, voici ce que tu souhaite , je pense . beaucoup de modifications seront à faire dès que tu progressera dans le projet
<style>
body
{
background-image:url(../imgs/accueil.jpg);
background-repeat:no-repeat;
background-position:50%;
background-color:#003366;
}
#conteneur
{
width: 818px;
border:none;
height: 300px;
}
#menu{
width: 507px;
border:none;
height: 186px;
float: left;
}
#cadre{
width: 311px;
float: left;
border:none;
height: auto;
}
</style>
</head>
<body>
<div id="conteneur">
<div id="menu">
menu
</div>
<div id="cadre">
<h4>LA GESTION ADMINISTRATIVE </h4>
texte
<form id="monForm" method="post" action="inserrer-contact.php">
<p>
<label> Societe: </label>
<input type="text" name="societe" />
</p>
<p>
<label> Nom </label>
<input type="text" name="nom" />
</p>
<p>
<label> Prenom </label>
<input type="text" name="prenom" id="textfield3" />
</p>
<p>
<input type="submit" name="button" value="Envoyer" />
</p>

</form>
</div>
</div>
0
merci, je vais essayer ton code
0
j'ai testé ton code mais y' a toujours un problème. ma page varie selon le navigateur. l'affichage est différent sur Safari et firefox; je sais pas comment resoudre ca.
0
ideal23 Messages postés 456 Date d'inscription mercredi 30 avril 2008 Statut Membre Dernière intervention 16 mai 2014 28
19 févr. 2010 à 10:29
bien sûr, il faut bidouiller là oû çà ne va pas. Si tu pouvais me donner ton msn on pourrais en discuter.
0
je te donne mon mail: asandwidi@yahoo.fr;
0