Page 1 sur 1
problème de faire un display inline
Posté : 02 déc. 2015, 23:58
par Shinra_Tensei
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
.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
Re: problème de faire un display inline
Posté : 03 déc. 2015, 11:10
par Megadeth
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
Re: problème de faire un display inline
Posté : 04 déc. 2015, 02:21
par Shinra_Tensei
je veux faire plus d'un entité cad
Code : Tout sélectionner
<div class="entite"></div>
<div class="entite"></div>
<div class="entite"></div>
Re: problème de faire un display inline
Posté : 04 déc. 2015, 15:27
par @rthur
je veux faire plus d'un entité cad
Et bien ce que t'a indiqué Megadeth fonctionne :
https://jsfiddle.net/87fmg5p3/
Re: problème de faire un display inline
Posté : 06 déc. 2015, 23:43
par Shinra_Tensei
Non quand je mets 290px en witdh l'entité passe au ligne suivant
Re: problème de faire un display inline
Posté : 06 déc. 2015, 23:51
par @rthur
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 ^^
Re: problème de faire un display inline
Posté : 07 déc. 2015, 02:20
par Shinra_Tensei
et voilà
et y'a suffisament de place
http://hpics.li/bc7fa57
Re: problème de faire un display inline
Posté : 07 déc. 2015, 10:11
par or 1
sauf si la taille de l'élément parent a été fixée et ne laisse pas assez de place.
Re: problème de faire un display inline
Posté : 07 déc. 2015, 10:46
par @rthur
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
Re: problème de faire un display inline
Posté : 08 déc. 2015, 01:41
par Shinra_Tensei
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