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
A voir également:
- CSS Site Internet
- Site de telechargement - Accueil - Outils
- Site x - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Comment créer un site internet - Guide
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
<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
