Discussion :

[nico93100]

Bonjour,
Je suis débutant sur les CSS et j'ai une petite question à vous poser.
J'ai récupéré un :
site
qui comporte 2 feuilles de style
layout.css et global.css (en pièces jointes)

J'aimerais modifier le menu de ce site par celui présenté ici
Ce site explique qu'il faut rajouter le code CSS suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<style type="text/css">
 
 
ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:200px;}
 
ul.vert-one li{margin:0;padding:0;border-top:1px solid #4D0000;
border-bottom:1px solid #761A1A;}
 
ul.vert-one li a{display:block;text-decoration:none;color:#fff;
background:#600;padding:0 0 0 20px;width:180px;}
 
ul.vert-one li a:hover{
background:#900 url("images/vert-one_arrow.gif") no-repeat 0 9px;}
 
ul.vert-one li a.current,ul.vert-one li a.current:hover{
background:#933 url("images/vert-one_arrow.gif") no-repeat 0 9px;}
 
</style>

Problème :
Je ne sais pas trop comment "mixer" ce code avec mes 2 feuilles de style : layout.css et global.css sans tout casser.
Pourriez-vous, svp, m'indiquer comment je dois m'y prendre ?
Merci d'avance
Bonne journée