Bloc qui se déplace dès que on écrit dedans

Résolu
Bird -  
 Bird -
Bonjour,

Suite à la création de quatre blocs vides alignés, j'ai voulu écrire dans l'un des blocs, mais celui ci descend à chaque fois que j'écris dedans.
Or, je voudrais qu'il reste à la position de base et cela peut importe ce que j'écris dedans.
La solution doit être simple mais je n'arrive pas à résoudre le problème.

Si quelqu'un à une solution à ce problème ?

Merci d'avance.

A voir également:

4 réponses

Lerendra Messages postés 412 Date d'inscription   Statut Membre Dernière intervention   299
 
Bonjour

Peux-tu me passer le code html et le CSS. Ainsi je pourrai voir ou se situe la faute.

Lerendra
0
Bird
 
Salut,

voici le code css :


.cadre {
display: inline-block;
width: 500px; height: 1000px;
border: solid 1px white;
margin-right:15px;
word-wrap: break-word;
}

Et le code Html :


<div class="cadre img1">
<h1>Titre</h1>
<h1>Description</h1>
<p> --------------------------------
</p>
</div>
<div class="cadre img2"></div>
<div class="titre"><!--<h2>Animation</h2></div>-->
<div class="cadre_spec img3"></div>
<div class="cadre img4"></div>
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

Ajoute la propriété css
vertical-align: top;
à ta classe .cadre.

Attention à ton code html qui n'est pas correctement construit : ta div .titre n'est pas fermé (à cause du commentaire html).

Bonne journée
0
Bird
 
Merci beaucoup, je ne connaissais pas cette propriété. Merci aussi pour le code html mais c'est moi qui ai fait une erreur en le copiant ici. Dans tous les cas, merci et bonne journée à toi aussi.
0