Menu horizontal conflit entre règles de style

14 Jun 2006 à 08:49

Bonjour,

Dans le tuto, il est écrit qu'on peut placer la mise en forme du menu dans une feuille .css à part (je n'ai pas compris la manip d'ailleurs : dois-je placer la mise en forme dans head ou dans body pour créer ma feuille de style externe ?).
J'aimerais en savoir plus ... car depuis plusieurs jours je galère : quand j'applique une règle de style général avec toutes les instructions du tuto, il m'impose le style du menu à toute ma page ou inversement je suis obligé de supprimer dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none; } ce qui affecte mon menu cette fois !! Smiley fache

Alors comment faire dans tout ça ?!!

Si quelqu'un a un truc !!

Merci.

Christophe

ps: suis débutant mais je comprends vite si on m'explique longtemps ...

sisbai

14 Jun 2006 à 22:29

Salut

je peux répondre à la 1er question :

tu écris ta feuille css dans un fichier que tu sauvegardes sous le nom (par exemple) de menu.css

Ton le fichier HTM tu mets dans la partie head :
<link rel="stylesheet" type="text/css" href="menu.css">

Exemple de fichier .css :

body {
background: white;
font: 100% Trebuchet MS, verdana, arial, sans-serif;
background-image:url('fondimg.jpg');
}

Thomas D.

15 Jun 2006 à 01:16

salut !

pour que le style voulu n'affecte que le menu, il faut ajouter un selecteur qui permet de préciser où doit s'appliquer la règle CSS : un "id" ou un "class". Dans ce cas-ci, je suppose que ton menu est unique sur la page, un "id" serait donc plus approprié.
Si ton menu est inclus dans un div, tu peux par exemple utiliser :

<div id="menu"><dl>....</dl></div>

et modifier les règles css en conséquence :

#menu dl,dt,dd { ... }

ps : merci d'utiliser les balises du forum prévues pour le code Smiley cligne