CSS Site Internet

Résolu
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
Configuration: Windows XP
Firefox 3.0.13

3 réponses

  • Votes
  • Date
  • Date décroissante
  1. c'est les propriétés

    margin: 5;
    padding: 5;
    border: 2;

    dans les css ou directement dans la declaration de ta table
    1. Ah parfait! Cela fonctionne! Merci beaucoup,

      Dernière requête, comment définir l'espace entre ces rubriques? truc O1 (espace) truc 02,....
      1. 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