J'ai essayé voila 4 heures de comprendre le comment du pourquoi mais je n'arrête pas de m'y perdre....
L'organisation de ma page est la suivante :
Header
Menu
Contenu des pages web du menu
Alors que je la voudrais comme ceci :
Header
Menu Contenu des pages web du menu
Je voudrais donc mettre le menu et le contenu des pages web du menu sur la même ligne.
J'ai essayé plusieurs techniques mais j'avoue être novice du CSS (je comprends pas tres bien ce que je fais)
Si quelqu'un peux m'aider rapidement je lui en serait reconnaissant. Surtout que je fais ça pour un cousin qui a besoin d'avoir un site rapidement pour être reconnu dans le milieu du golf... Et c'est loin d'être un bourges !!
Je vous livre mon HTML et mon CSS (je me suis appuyé sur un tutorial pour le faire)
ul#menu
{
margin: 0 ;
margin-left: 10px ;
padding: 0px ;
list-style-type: none ;
width: 180px ;
border: 1px dashed red;
/* Suppression du margin, du padding et des puces du <ul> */
}
ul#menu li a
{
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 170px ;
line-height: 30px ;
color: #000 ;
text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
text-decoration: none ;
background: url(../images/accessoires/B_menu.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: 1px solid #000 ;
}
