problème de faire un display inline

Eléphanteau du PHP | 23 Messages

02 déc. 2015, 23:58

bonsoir

bon je veux faire 2 entités (tableau...) l'un à coté de l'autre et chaque entité contient une image

j'ai pu faire ça

Code : Tout sélectionner

<div class="entite"></div>

Code : Tout sélectionner

.entite { display:inline-block; border:1px solid grey; width:290px; height:400px; }

mais le bloc apparait toujours en dessous de l'autre ..j'ai essaié avec display:inline mais ça marche pas


et merciii

Mammouth du PHP | 737 Messages

03 déc. 2015, 11:10

Salut,

Quels sont tes éléments parent ? C'est quoi la structure globale de la page ?

car chez moi dans une page très simple, ça fonctionne.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style>
.entite
{
display:inline-block;
border:1px solid grey;
width:290px;
height:400px;
 
}
</style>
</head>

<body>
<div class="entite">1</div>
<div class="entite">2</div>
</body>
</html>
Mega
;)
Dyslexics are teople poo

Eléphanteau du PHP | 23 Messages

04 déc. 2015, 02:21

je veux faire plus d'un entité cad

Code : Tout sélectionner

<div class="entite"></div> <div class="entite"></div> <div class="entite"></div>

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 8464 Messages

04 déc. 2015, 15:27

je veux faire plus d'un entité cad
Et bien ce que t'a indiqué Megadeth fonctionne :
https://jsfiddle.net/87fmg5p3/
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 23 Messages

06 déc. 2015, 23:43

Non quand je mets 290px en witdh l'entité passe au ligne suivant

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 8464 Messages

06 déc. 2015, 23:51

Non quand je mets 290px en witdh l'entité passe au ligne suivant
Parce qu'il n'y a pas assez de place sur la ligne ^^
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 23 Messages

07 déc. 2015, 02:20

et voilà
et y'a suffisament de place ;)
http://hpics.li/bc7fa57

Mammouth du PHP | 1341 Messages

07 déc. 2015, 10:11

sauf si la taille de l'élément parent a été fixée et ne laisse pas assez de place.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 8464 Messages

07 déc. 2015, 10:46

et voilà
et y'a suffisament de place ;)
http://hpics.li/bc7fa57
On s'est mis à deux pour te donner la réponse à ton exercice, et je t'ai mit un lien jsfiddle pour te montrer que ça fonctionne.

Si tu n'arrives pas à la même chose, c'est que ton code n'est pas le même que celui qu'on t'a donné.
A toi de faire un effort et de debuguer ton code... Ctrl+Maj+i => inspecteur d'éléments
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphanteau du PHP | 23 Messages

08 déc. 2015, 01:41

xd mercii pr votre aide..mais ça fonctionne pas
et de toute façon le code n'est pas complet faut eliminer les espaces .....
bonne soirée