CSS tableaux et div
Fermé
patamob
-
3 nov. 2010 à 16:12
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 4 nov. 2010 à 12:01
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 4 nov. 2010 à 12:01
A voir également:
- CSS tableaux et div
- Tableaux croisés dynamiques - Guide
- Div c++ - Télécharger - Langages
- Fusionner deux tableaux excel - Guide
- Remplacer #div/0 par vide ✓ - Forum Excel
- Citez un des logiciels lui permettant de faire des calculs sur des tableaux de nombres (tableur). ✓ - Forum Logiciels
2 réponses
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 504
3 nov. 2010 à 17:46
3 nov. 2010 à 17:46
Salut.
Il faut rendre un des deux div flottant.
Tu mets une largeur de 300px au premier
Au second, tu lui mets une marge à gauche de 300px ou plus.
Il faut rendre un des deux div flottant.
Tu mets une largeur de 300px au premier
Au second, tu lui mets une marge à gauche de 300px ou plus.
<div> <div style="float: left; width: 300px;">Première colonne</div> <div style="margin-left: 300px;">Seconde colonne</div> <div style="clear:both;"></div> </div>
Bonjour
Donc voilà pour commencer, on doit cibler dans le html une feuille de style comme vous le savez déjà.
Pour faire ce que vous voulez, c'est assez simple. Vu que ça n'a pas l'air important (blabla, blublu), je vais utiliser quelque chose de très simple.
Donc pour le html, on met ça:
<div id="texte">
<p class="blabla">blabla</p>
<p>blublu</p>
</div>
Pour le css:
#texte p{
display: inline;
}
#texte .blabla{
padding-right: 200px;
}
Voilà, vous avez vos mots, bien positionné. Bien sûr, il y a plusieurs façon de le faire mais pour le petit exemple ça donne ça.
En espérant vous avoir aidé.
Invitation à contact hors CCM supprimée Modération CCM
Merci
Donc voilà pour commencer, on doit cibler dans le html une feuille de style comme vous le savez déjà.
Pour faire ce que vous voulez, c'est assez simple. Vu que ça n'a pas l'air important (blabla, blublu), je vais utiliser quelque chose de très simple.
Donc pour le html, on met ça:
<div id="texte">
<p class="blabla">blabla</p>
<p>blublu</p>
</div>
Pour le css:
#texte p{
display: inline;
}
#texte .blabla{
padding-right: 200px;
}
Voilà, vous avez vos mots, bien positionné. Bien sûr, il y a plusieurs façon de le faire mais pour le petit exemple ça donne ça.
En espérant vous avoir aidé.
Invitation à contact hors CCM supprimée Modération CCM
Merci
4 nov. 2010 à 01:52
4 nov. 2010 à 12:01
Donc si tu places un élément en-dessous du div global et que le div flottant (gauche) est plus long que celui de droite, alors le div de gauche se mélangera à l'élément après le div global.