CSS entre menu et pied de page
Bonjour à tous,
Sachez que je débute et que je fais de mon mieux pour essayer tout seul c'est aussi je pense le meilleur moyen d'apprendre.
A la base je m'étais créer un site internet en html avec menu classique.
Très vite le besoin de faire un menu dynamique s'est fait ressentir. après quelque recherche dont grâce à ce forum que je remercie j'ai réussi à intégrer un menu dynamique
Actuellement j'ai 2 fichier css :
- un pour le menu vertical (menu de gauche)
- un autre pour le reste du site car je n'ai pas réussi à intégrer le nouveau fichier css (fournis avec le menu dynamique) avec l'ancien
Bref ...
Mon problème est que depuis ça mon pied de page qui fait l'objet d'un fichier php est coupé par mon nouveau menu
http://s3.noelshack.com/upload/13684...image_aide.png
Cela vient-il du fait qu'il y ai 2 fichier css ?
Avez-vous une solution ?
Voici le Css de mon menu vertical :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
| *{
margin:15;
padding:20;
}
#menu{
width:200px;
margin:10;
font-size:14px;
position:absolute
}
.menu, .sousmenu{
text-align:left;
}
.menu{
height:18px;
width:200px;
padding:2px 0;
background:#9EA4A3;
color:#fff;
}
.sousmenu{
height:18px;
width:200px;
padding:1px 0;
background:#9EA4A3;
color:#fff;
}
.menu a{
display:block;
width:100%;
height:130%;
color:#21536A;
font-family:Verdana,sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
background:#EBEDEC;
}
.sousmenu a{
display:block;
width:100%;
height:100%;
color:##F0FFF0;
font-family:arial,sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
background:#E6E6FA;
}
.menu a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{
background:#ca0008;
} |
Et l'extrait de mon css pied de page :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| /************** siteInfo styles ****************/
#siteInfo{
clear: both;
border-top: 1px solid #cccccc;
font-size: small;
color: #cccccc;
padding: 10px 10px 10px 10px;
margin-top: 0px;
}
#siteInfo img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
} |
Merci de votre aide
@+
Ludovic
