CSS + DIV + LIGNE ?
Résolu/Fermé
Edouard73
Messages postés
139
Date d'inscription
mercredi 12 septembre 2007
Statut
Membre
Dernière intervention
2 avril 2013
-
21 avril 2008 à 16:49
Edouard73 Messages postés 139 Date d'inscription mercredi 12 septembre 2007 Statut Membre Dernière intervention 2 avril 2013 - 25 avril 2008 à 10:34
Edouard73 Messages postés 139 Date d'inscription mercredi 12 septembre 2007 Statut Membre Dernière intervention 2 avril 2013 - 25 avril 2008 à 10:34
Bonjour,
J'ai une question super nul, mais j'ai beau chercher, faire des exemples sur le net je ne trouve pas ma réponse. J'espère qu'une âme caritable sera venir à mon secour :)))
Voila, comment aligner plusieurs <div></div> sur une même ligne en xhtml/css pour faire une disposition comme un tableau MAIS sans pour autant utiliser <table> et <td> ???
Merci d'avance pour la réponse.
J'ai une question super nul, mais j'ai beau chercher, faire des exemples sur le net je ne trouve pas ma réponse. J'espère qu'une âme caritable sera venir à mon secour :)))
Voila, comment aligner plusieurs <div></div> sur une même ligne en xhtml/css pour faire une disposition comme un tableau MAIS sans pour autant utiliser <table> et <td> ???
Merci d'avance pour la réponse.
A voir également:
- CSS + DIV + LIGNE ?
- Partager photos en ligne - Guide
- Aller à la ligne excel - Guide
- Mètre en ligne - Guide
- Site de vente en ligne particulier - Guide
- Apparaitre hors ligne instagram - Guide
2 réponses
Benno
Messages postés
151
Date d'inscription
jeudi 1 mars 2007
Statut
Membre
Dernière intervention
13 avril 2009
112
21 avril 2008 à 16:51
21 avril 2008 à 16:51
Utiliser la propriété float:left (compatible Firefox mais pas toutes versions IE)...
Salut,
pour regler ce probleme j'ai intégré les 2 div dans une 3e :
pour regler ce probleme j'ai intégré les 2 div dans une 3e :
<div class=une-classe-css-avec-display: inline; > <div>blabla</div> <div>blabla</div> </div>
Edouard73
Messages postés
139
Date d'inscription
mercredi 12 septembre 2007
Statut
Membre
Dernière intervention
2 avril 2013
11
25 avril 2008 à 10:34
25 avril 2008 à 10:34
J'ai réussi quelque chose avec les codes css suivants :
.content {
float: left;
width: 70%;
}
.menu {
margin-left: 80%;
border: 1px solid #000000;
padding: 1em;
}
et en html
<div class="content">
…
</div>
<div class="menu">
<ul>
<li>lien_1</li>
<li>lien_2</li>
<li>lien_3</li>
</ul>
</div>
.content {
float: left;
width: 70%;
}
.menu {
margin-left: 80%;
border: 1px solid #000000;
padding: 1em;
}
et en html
<div class="content">
…
</div>
<div class="menu">
<ul>
<li>lien_1</li>
<li>lien_2</li>
<li>lien_3</li>
</ul>
</div>