Discussion :

[glacoste]

Bonjour,

J'ai un problème, je n'arrive pas à aligner 3 div côte à côte. Si je ne trouve pas d'aide je vais finir par perdre tous mes cheveux.

Je suis en train de faire un module de commentaire que j'aimerais en ligne:
- input: votre nome
- text area: champs de commentaire
- bouton: poster

mon CSS est:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
#commentarybox { /*div pour pseudo, comment box et boutton*/
	margin: auto;
	width:100%;
	padding-right: 50px;
	padding-bottom:20px;
	position:absolute;
	display:block;	
	}
 
.com-box { /*champ textarea - votre commentaire du formulaire */
	font-size: 14px;
    background: rgba(255,255,255,0.23);
	border: none;
	color: #fff;
    border-radius: 3px;
	width:250px;
	height:60px;
	display:inline;
	}
 
.pseudo-box { /*champ input - pseudo du formulaire */
	font-size: 14px;
    background: rgba(92,92,113,0.23);
	border: none;
	color: #fff;
    border-radius: 3px;
	height:60px;
	width:250px;
	display:inline;
	float:left;
	}
 
.button-style { /* bouton du formulaire */
	display: block;
    padding: .4rem;
    border: none;
    font-size: 14px;
    background: rgba(26,26,243,0.23);
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: .3s background;
    transition: .3s background;
	}

Mon html est:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 <div id="commentarybox">
 
 <form enctype="multipart/form-data" name="comment_form" action="'.$_SERVER['PHP_SELF'].'" method="POST"> 
    	    <input type="text" name="pseudo" class="pseudo-box" value="'.$pseudo.'" placeholder="Entrez votre pseudo"><br />
   			<textarea name="commentaire" cols="50" rows="1" class="com-box" placeholder="Entrez votre commentaire"></textarea>
			</textarea><br />
 <input class="button-style" type="submit" name="submit" value="Poster" />
 </form></div>

Pouvez-vous m'aider SVP ? je ne comprends pas pourquoi cela ne fonctionne pas malgré toutes mes tentatives et recherches sur différent forum.

Merci d'avance pour vos conseils précieux !

[Invité]

Bonjour,

LOL !....

Supprime les <br />, tes derniers cheveux t'en seront reconnaissants.

[glacoste]

Mes cheveux te remercient beaucoup, ça marche !!!!
Bon certes j'ai un peu honte, mais au moins inutile de préciser que je suis vraiment débutant en code...
Tu me tires une fière chandelle du pied en tout cas.

à bientôt,

[Invité]

Tu me tires une fière chandelle du pied...,

J'adore l'expression !