Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 17/02/2011, 11h57   #1
Invité de passage
 
Inscription : février 2011
Messages : 2
Détails du profil
Informations forums :
Inscription : février 2011
Messages : 2
Points : 0
Points : 0
Par défaut J'ai tout cassé

Bonjour
j'ai bidouillé dans le fichier css , car mon site http://decorhomesudouest.chez-alice.fr avait un probleme de mise en page.
J'avais identifié le probleme, mais j'ai modifié le css et par mégarde ecrasé l'original. Evidemment ma ligne css est mauvaise et mon site et maintenant tout pourri ... et j'arrive pas a le remettre comme avant.
Voici la source css et je sais que l'erreur vient de la ligne en rouge( enfin je crois)
Pouvez m'aider à la corriger ...
Code css :
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.clearfix:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
.clearfix {
	DISPLAY: block
}
 HTML .clearfix {
	HEIGHT: 1%
}
BODY {
	BACKGROUND: url(taille.jpg) #520; FONT: 75% verdana, arial, sans-serif
}
UNKNOWN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 10px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ecac55
}
.header {
	BACKGROUND: url(a.jpg)  no-repeat right 60%; MARGIN-RIGHT: 300px
}
.header H1 {
	PADDING-LEFT: 30px; FONT-SIZE: 300%; MARGIN: 0px; COLOR: #534; LINE-HEIGHT: 100px; FONT-FAMILY: "lucida calligraphy", verdana, arial, helvetica, sans-serif; HEIGHT: 100px
}
.spacer {
	CLEAR: both; BACKGROUND: url(spacer.png) left topcolor: ;
}
.montage {
	CLEAR: both; BACKGROUND: url(montage.jpg) no-repeat left 0%; height: 80px
}
.wrapper {
	FLOAT: left; WIDTH: 100%
}
.content {
	PADDING-RIGHT: 30px; FONT-SIZE: 200%; COLOR: #534; FONT-FAMILY: "lucida calligraphy", verdana, arial, sans-serif
}
.content P {
	COLOR: #333; LINE-HEIGHT: 1.4
}
.content H2 {
	PADDING-LEFT: 30px; FONT-SIZE: 200%; COLOR: #534; FONT-FAMILY: "lucida calligraphy", verdana, arial, sans-serif
}
.nav {
	MARGIN-TOP: 20px; FLOAT: left; MARGIN-LEFT: -100%; WIDTH: 150px
}
.nav UL LI {
	PADDING-RIGHT: 10px; MARGIN-TOP: 0px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: 700; BACKGROUND: url(navbg.png) repeat-x left 50%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #000 1px solid
}
.nav A:hover {
	COLOR: #543
}
.nav IMG {
	MARGIN-TOP: 30px
}
.rt_col {
	BACKGROUND:url(taille.jpg) #ecac55; FLOAT: left; MARGIN: 20px 0px 0px -250px; WIDTH: 250px
}
.rt_col UL LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 250px; PADDING-TOP: 0px
}
.rt_col P {
	FONT-SIZE: 75%; MARGIN: 0px 0px 0px 25px; COLOR: #333; TEXT-ALIGN: left
}
.rt_col UL LI IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 30px; PADDING-BOTTOM: 15px; PADDING-TOP: 0px
}
.footer {
	BORDER-RIGHT: #322 1px solid; BORDER-TOP: #322 1px solid; PADDING-LEFT: 20px; FLOAT: left; MARGIN: -5px 0px 0px; BORDER-LEFT: #322 1px solid; WIDTH: 75%; COLOR: #fff; BORDER-BOTTOM: #322 1px solid; BACKGROUND-COLOR: #a54
}
.footer A:hover {
	FONT-WEIGHT: 700; COLOR:  #f0f8ff; TEXT-DECORATION: underline overline
}
.footer P {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 80%; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px; TEXT-ALIGN: left
}
.footer IMG {
	MARGIN-LEFT: 50px
}
HR {
	MARGIN-LEFT: 50px; WIDTH: 150px; COLOR: maroon; HEIGHT: 1px; BACKGROUND-COLOR:  maroon; TEXT-ALIGN: left
}
.nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.rt_col UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.nav A:link {
	COLOR:  #fff; TEXT-DECORATION: none
}
A:visited {
	COLOR: #fff; TEXT-DECORATION: none
}
.footer A:link {
	COLOR: #fff; TEXT-DECORATION: none
}
A:visited {
	COLOR: #fff; TEXT-DECORATION: none
}

display: block;
manugemozac est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 17/02/2011, 15h08   #2
Rédacteur/Modérateur
 
Homme Jérome Debray
Responsable de projet
Inscription : mai 2009
Messages : 627
Détails du profil
Informations personnelles :
Nom : Homme Jérome Debray
Âge : 32
Localisation : France

Informations professionnelles :
Activité : Responsable de projet
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : mai 2009
Messages : 627
Points : 3 064
Points : 3 064
Salut,

Peux tu en dire un peu plus? il était comment avant? il était centré, il avait une couleur différente? ...

Dis en plus

merci
ornitho13 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/02/2011, 14h07   #3
Expert Confirmé Sénior
 
Avatar de Auteur
 
Inscription : avril 2004
Messages : 4 789
Détails du profil
Informations personnelles :
Localisation : France

Informations forums :
Inscription : avril 2004
Messages : 4 789
Points : 5 112
Points : 5 112
bonjour,

juste un petit conseil : écris ton code CSS en minuscules (nom des classes, propriétés, attributs) et mets systématiquement un point-virgule après chaque couple attribut, valeur

Exemple :
Code CSS :
1
2
3
4
5
6
7
8
9
 
/* déclarations en minuscules */
html{
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px; /* point virgule à ne pas oublier ici*/
}
Auteur est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 12h13.


 
 
 
 
Partenaires

Hébergement Web