CSS Site Internet
Résolu
bluenette
Messages postés
224
Statut
Membre
-
byLPG Messages postés 17 Statut Membre -
byLPG Messages postés 17 Statut Membre -
Bonjour a tous et toutes,
Novice en création de sites, je cherche a aligner horizontalement les différentes rubriques de mes menus.
Pour l'instant, elles sont les unes en dessous des autres! Ce que je veux donne ça : http://www.giteborie.net (les rubriques en vert pomme sont alignées horizontalement)
Je pense que cela vient de mon codage XHTML. Le voici :
<div id="menu">
<h3>Accueil</h3>
<div class="sous_menu">
<h3>Visiter</h3>
<ul>
<li><a href="#">Description Générale</a></li>
<li><a href="#">Intérieur</a></li>
<li><a href="#">Extérieur</a></li>
</ul>
</div>
<h3>Infos</h3>
<h3>Contact</h3>
</div>
Quand au CSS le voici :
#menu
{
margin-left: auto;
margin-right: auto;
width: 20%;
}
Un grand merci a tous ceux qui me répondront :)
Bonne soirée!
Lucy
Novice en création de sites, je cherche a aligner horizontalement les différentes rubriques de mes menus.
Pour l'instant, elles sont les unes en dessous des autres! Ce que je veux donne ça : http://www.giteborie.net (les rubriques en vert pomme sont alignées horizontalement)
Je pense que cela vient de mon codage XHTML. Le voici :
<div id="menu">
<h3>Accueil</h3>
<div class="sous_menu">
<h3>Visiter</h3>
<ul>
<li><a href="#">Description Générale</a></li>
<li><a href="#">Intérieur</a></li>
<li><a href="#">Extérieur</a></li>
</ul>
</div>
<h3>Infos</h3>
<h3>Contact</h3>
</div>
Quand au CSS le voici :
#menu
{
margin-left: auto;
margin-right: auto;
width: 20%;
}
Un grand merci a tous ceux qui me répondront :)
Bonne soirée!
Lucy
Configuration: Windows XP Firefox 3.0.13
3 réponses
-
fo mettre tout tes trucs dans une table : (tr=ligne, td=colonne)
<table>
<tr>
<td>
<div>truc01</div>
</td>
<td>
<div>truc02</div>
</td>
<td>
<div>truc03</div>
</td>
</tr>
</table>
ça va te donner ça :
truc01 truc02 truc03
ensuite tu peux coller des css sur ta table ou sur les colonnes/lignes pour entourer, bordurer, marger etc...
essaie tu verras !
LPG -
Ah parfait! Cela fonctionne! Merci beaucoup,
Dernière requête, comment définir l'espace entre ces rubriques? truc O1 (espace) truc 02,.... -
c'est les propriétés
margin: 5;
padding: 5;
border: 2;
dans les css ou directement dans la declaration de ta table
