Salut,

Je viens de voir le message précédent mais moi je suis plein de bonne volonté  , j'essaye tant bien que mal d'utiliser les CSS.

Donc j'essaye d'utiliser le float mais je n'y arrive pas.

CSS:
.posform {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 400px;
    float: left;
   }

.posform2 {
    position: absolute;
    left: 50%;
    top: 10%;
    width: 400px;
    float: left;
    margin-left: 20px;
   }
.contenu {
    border: 3px solid #FFFFFF;
    background:#A1C6FF;
   margin-top: 10px;
   text-align: center;
   }

page HTML:
<div class="posform">
   <div class="contenu">
      1ere partie du fomulaire        
         
   </div>
   <div class="contenu">
      2e partie du formulaire que je mets en dessous
   </div>
</div>
<div class="posform2">
   <div class="contenu">
      3e partie du formulaire que je souhaite voir a droite à droite et au même niveau vertical que la 1ere partie      
   </div>
</div>

Merci d'avance car là.... j'ai du mal!!!

Les positions absolutes sont tout à fait inutiles.

Essaye ça :

Partie HTML :
<div class="bloc1">bla bla bla</div>
<div class="bloc2">bli bli bli</div>


Et la CSS correspondante :
.bloc1 {
background-color: blue;
height: 50px;
width: 100px;
float: left;
}
.bloc2 {
background-color: green;
height: 50px;
width: 100px;
float: left;
margin-left: 20px;
}

Tiré de cette page : http://www.alsacreations.com/articles/div/

Je réuni mes deux posts.
Donc, le code donné:
.posform {
    left: 10%;
    top: 10%;
    width: 400px;
    float: left;
   }

.posform2 {
    left: 50%;
    top: 10%;
    width: 400px;
    float: left;
    margin-left: 20px;
   }
me donne ce résultat :

Je souhaite maintenant centrer mes cadres et puis aligner mes champs.

Merci encore pour votre aide.

Salut et merci pour ta réponse.

Mais la je commence à douter de l'intérêt du CSS. Car si je commence à faire des div imbriqué les uns dans les autres quelle est la différence avec les tableaux imbriqués?
Comment puis-je changer totalement l'apparence de mon site en changeant simplement de feuille de style?

A la base je suis un pro de l'imbrication de tableaux et je me mets doucement au CSS c'est pour ça que je demande 

ok ok!

La solution de faire un coneteur centré est bonne 
Maintenant, c'est le contenu de mon cadre que je souhaite mettre en forme. Le fait de les aligner à droite n'est pas terrible. En fait ce que je souhaiterais c'est d'aligner mes intitulés à gauche (ça pas de pb) et mes champs les aligner sur une ligne verticale imaginaire se trouvant au centre de mon cadre. Vous voyez ce que je veux dire?
Ca c'est super simple avec les tableaux. Avec les styles je ne vois pas.
J'ai pas encore le coups de main apparemment 

Ah ben voilà  donc un div en plus a positionner apparemment! Ou alors si tu as des exemples de beaux formulaires gérés en CSS je suis preneur. Car le fait de ne justifier que d'un coté ne me convient pas  cela veut dire que de l'autre coté c'est pas propre.
M'enfin, je me fais la main, on va direça comme ça

Merci.

humm... nan! mes inputs s'alignent par rapport au texte!

<div class="conteneur"> <!-- sert à centrer le contenu de la page -->
<div class="posform"> <!-- positionne le formulaire dans le conteneur-->
   <div class="contenu"> <!-- met en forme le contenu ce calque est réutilisé -->
      <p>Gestion des pratiquants</p>
        <form name="pratiquant" method="post" action="pratiquant_enr.php">
         <p>Nom&nbsp;<input class="marge" type"text" name="nom" value=""></p> <!-- class marge avec une marge de 200px décale le champs de 200px après le texte-->
         <p>Prénom&nbsp;<input class="marge" type"text" name="prenom" value=""></p>


.conteneur {
    position:absolute;
    left: 50%;
    top: 50%;
    width: 900px;
    height: 600px;
    margin-left: -450px;
    margin-top: -300px;
    border: 1px solid #000;
}
   
.contenu {
    border: 3px solid #FFFFFF;
    background:#A1C6FF;
    margin-top: 10px;
}

.posform {
    width: 400px;
    float: left;
}

.marge {
    margin-left: 100px;
}

une idée?

Citation de: SIBELIUS le le 08-11-2003 a 12:20:59

1- <div class="posform"> est inutile : tu mettras la classe postform dans la balise form

impossible (je crois) car je divise le formulaire en trois pour différencier les infos entrées cf l'image apparaissant plus haut.

Citation de: SIBELIUS le le 08-11-2003 a 12:20:59

2- <div class="contenu"> est inutile aussi : tu rajouteras les propriétés dans la classe postform

pourquoi pas mais l'intérêt était de donner une mise en forme à un certain type de donnée d'où l'intéret de ce div et de l'utilser ailleurs

Citation de: SIBELIUS le le 08-11-2003 a 12:20:59

3-  <p>Prénom&nbsp;<input class="marge" type"text" name="prenom" value=""></p> --> si tes input sont insérés dans les paragraphes, c'est normal que tout se déplace. D'ailleurs, je ne vois pas l'utilité des paragraphes... encore une balise inutile.

ok mais comment mettre à la ligne 

merci quand même de t'intéresser à mon cas 

Un conseil : essaye de faire le plus simple possible, sinon autant utiliser des tableaux imbriqués en effet !