[css] display inline
Résolu
kij_82
Messages postés
4089
Date d'inscription
Statut
Contributeur
Dernière intervention
-
warlix Messages postés 1201 Date d'inscription Statut Contributeur Dernière intervention -
warlix Messages postés 1201 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je cherche à aligner en ligne deyx DIV qui se suivent. Seulement je dois mal m'y prendre (pas très doué en css je dois le dire) et au lieu que ces deux DIV soit alignées, elle se retrouve l'une en dessous de l'autre.
Voici mon code pour le moment :
Je voulais savoir si quelqun pouvait éventuellement me montrer comme s'y prendre pour mener à bien cette mise en page ?
Merci pour votre aide.
PS: Ma page doit être compatible IE.
Je cherche à aligner en ligne deyx DIV qui se suivent. Seulement je dois mal m'y prendre (pas très doué en css je dois le dire) et au lieu que ces deux DIV soit alignées, elle se retrouve l'une en dessous de l'autre.
Voici mon code pour le moment :
<div style="display:block;" id="display1">
<table border="0" bordercolor="deeppink" cellpadding="2" cellspacing="0">
<!-- Plusieurs éléments sont affichés dans une table -->
</table>
</div>
<div style="display:inline;" id="display2">
<table border="0" bordercolor="deeppink" cellpadding="2" cellspacing="0">
<!-- Plusieurs éléments sont affichés dans une table -->
</table>
</div>
Je voulais savoir si quelqun pouvait éventuellement me montrer comme s'y prendre pour mener à bien cette mise en page ?
Merci pour votre aide.
PS: Ma page doit être compatible IE.
A voir également:
- [css] display inline
- Display fusion - Télécharger - Divers Utilitaires
- Wireless display edenwood ✓ - Forum TV & Vidéo
- Wireless display edenwood iphone - Forum TV & Vidéo
- Connecter iphone sur tv sans fil ✓ - Forum iPhone
- Display name c'est quoi - Forum Mobile
7 réponses
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;
}
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
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
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 :)
