Positionner les elements de ma page

maria - Dernière réponse le 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-----------------------

Positionner les elements de ma page »

Suggestions

Positionner les elements de ma page
Blogger - Modifier l’aspect graphique de son blog » Fiches pratiques
Word - Positionner une image sur une page » Articles
Positionner des éléments grâce aux CSS » Articles
Plugins manquants dans MOZILLA FIREFOX (Résolu) » Forum
CSS simple : mettre texte en bas (Résolu) » Forum

Plus

Réponse

ideal 18 févr. 2010 à 17:07

bonjour
que veux-tu faire exactement , une page web? à mon avis c'est mal parti pour le css.

Ajouter un commentaire

maria - 18 févr. 2010 à 17:58

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

Réponse

ideal 18 févr. 2010 à 18:35

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>

Ajouter un commentaire

maria - 18 févr. 2010 à 19:36

merci, je vais essayer ton code

maria - 19 févr. 2010 à 10:08

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.

Réponse

ideal23 221Messages postés 30 avril 2008Date d'inscription 9 février 2012Dernière intervention 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.

Ajouter un commentaire

maria - 19 févr. 2010 à 10:54

je te donne mon mail: asandwidi@yahoo.fr;

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Positionner les elements de ma page

Positionner les elements de ma page »

Passage au tout numérique : quel coût pour les particuliers ?