[css] display inline
Résolu/Fermé
kij_82
Messages postés
4088
Date d'inscription
jeudi 7 avril 2005
Statut
Contributeur
Dernière intervention
30 septembre 2013
-
27 nov. 2007 à 11:43
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 - 27 nov. 2007 à 14:39
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 - 27 nov. 2007 à 14:39
A voir également:
- [css] display inline
- Display fusion - Télécharger - Divers Utilitaires
- Display driver uninstaller - Télécharger - Nettoyage
- Retour à la ligne css - Forum CSS
- Trait css ✓ - Forum CSS
- Nvidia display c'est quoi - Forum Windows
7 réponses
pashmina
Messages postés
688
Date d'inscription
mercredi 16 mai 2007
Statut
Membre
Dernière intervention
5 mai 2010
71
27 nov. 2007 à 12:05
27 nov. 2007 à 12:05
tu as 2 possibilités
1. tu crée un tableau avec une ligne et deux colonnes, tu positionne tes div dans les deux cellules.
2. tu donne une position à tes div avec des CSS :
html :
<body>
<div id="texte1">texte 1</div>
<div id="texte2">texte 2</div>
</body>
CSS :
div#texte1{
width:50%;
background-color:#F3C;
float:left;
}
div#texte2{
width:50%;
background-color:#9F0;
float:left;
text-align: right;
}
1. tu crée un tableau avec une ligne et deux colonnes, tu positionne tes div dans les deux cellules.
2. tu donne une position à tes div avec des CSS :
html :
<body>
<div id="texte1">texte 1</div>
<div id="texte2">texte 2</div>
</body>
CSS :
div#texte1{
width:50%;
background-color:#F3C;
float:left;
}
div#texte2{
width:50%;
background-color:#9F0;
float:left;
text-align: right;
}
warlix
Messages postés
1201
Date d'inscription
mercredi 25 juillet 2007
Statut
Contributeur
Dernière intervention
21 février 2009
288
27 nov. 2007 à 12:28
27 nov. 2007 à 12:28
salut
je ne travail pas avec des table , ton code me laisse perplexe avec un
<div style="display:block;" id="display1">
pourquoi ne pas faire
enfin dans le style
je ne travail pas avec des table , ton code me laisse perplexe avec un
<div style="display:block;" id="display1">
pourquoi ne pas faire
<body>
<div id="content">
<div class="bloc1">celui de gauche</div>
<div class="bloc2">celui de droite</div>
</div>
</body>
et un css de :
#content {
margin: auto;
text-align: center;
width: 900px;
}
.bloc1 {
background-color: blue;
height: 100px;
width: 400px;
float: left;
}
.bloc2 {
background-color: yellow;
height: 100px;
width: 400px;
float: left;
margin-left: 20px;
}
enfin dans le style
pashmina
Messages postés
688
Date d'inscription
mercredi 16 mai 2007
Statut
Membre
Dernière intervention
5 mai 2010
71
27 nov. 2007 à 11:51
27 nov. 2007 à 11:51
t'as essayé avec float et clear?
kij_82
Messages postés
4088
Date d'inscription
jeudi 7 avril 2005
Statut
Contributeur
Dernière intervention
30 septembre 2013
857
27 nov. 2007 à 11:55
27 nov. 2007 à 11:55
EDIT:
J'ai essay de changé avec les valeurs suivantes :
DIV 1 : DIV 2 :
block inline
block clear
clear clear
block float
float float
Mais rien ne semble fontionner :s
Je ne connais pas les valeur 'clear' et 'float', par contre j'ai tenté le 'inline-block' mais ca ne fonctionne pas plus.
J'ai essay de changé avec les valeurs suivantes :
DIV 1 : DIV 2 :
block inline
block clear
clear clear
block float
float float
Mais rien ne semble fontionner :s
Je ne connais pas les valeur 'clear' et 'float', par contre j'ai tenté le 'inline-block' mais ca ne fonctionne pas plus.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
kij_82
Messages postés
4088
Date d'inscription
jeudi 7 avril 2005
Statut
Contributeur
Dernière intervention
30 septembre 2013
857
27 nov. 2007 à 12:10
27 nov. 2007 à 12:10
Mega merci à toi pashmina, j'ai opté pour la solution 2 et ca fonctionne très très bien :)
Je vois également mieux comment on utilise float maintenant :)
Je vois également mieux comment on utilise float maintenant :)
pashmina
Messages postés
688
Date d'inscription
mercredi 16 mai 2007
Statut
Membre
Dernière intervention
5 mai 2010
71
27 nov. 2007 à 13:44
27 nov. 2007 à 13:44
ravie d'avoir pu t'aider! ;)
kij_82
Messages postés
4088
Date d'inscription
jeudi 7 avril 2005
Statut
Contributeur
Dernière intervention
30 septembre 2013
857
27 nov. 2007 à 13:08
27 nov. 2007 à 13:08
Tu remarquera que ta réponse est exactement la même que celle de pashmina ;) Merci à toi aussi.
warlix
Messages postés
1201
Date d'inscription
mercredi 25 juillet 2007
Statut
Contributeur
Dernière intervention
21 février 2009
288
27 nov. 2007 à 14:39
27 nov. 2007 à 14:39
re ^^
posté presque en même temps , moi le temps de regarder sur dream ce que ça donnait , mais pas vraiment les mêmes non plus :)
posté presque en même temps , moi le temps de regarder sur dream ce que ça donnait , mais pas vraiment les mêmes non plus :)
