CSS Site Internet

Résolu/Fermé

bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 - 23 août 2009 à 21:04
byLPG Messages postés 17 Date d'inscription dimanche 23 août 2009 Statut Membre Dernière intervention 26 août 2009 - 26 août 2009 à 08:20

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

A voir également:

3 réponses

Réponse 1 / 3

byLPG Messages postés 17 Date d'inscription dimanche 23 août 2009 Statut Membre Dernière intervention 26 août 2009 50
23 août 2009 à 21:10

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

Réponse 2 / 3

bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 3
23 août 2009 à 21:26

Ah parfait! Cela fonctionne! Merci beaucoup,

Dernière requête, comment définir l'espace entre ces rubriques? truc O1 (espace) truc 02,....

Réponse 3 / 3

byLPG Messages postés 17 Date d'inscription dimanche 23 août 2009 Statut Membre Dernière intervention 26 août 2009 50
26 août 2009 à 08:20

c'est les propriétés

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

dans les css ou directement dans la declaration de ta table

Discussions similaires

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire

Colis en cours de transport vers votre site de livraison ?

Discussions similaires

Newsletters