Erreur dans le fichier style.css

Riku Asakura · 13/11/2008 19:36:51

Bonjour à tous !

J'ai découvert les sites CMS en faisant une recherche sur des prestations pour la création de sites Internet.
Je suis tombé sur différents programmes, dont Zite que je trouve tout bonnement génial.

J'ai trifouillé un peu dans les codes sources question de commencer à personnaliser de A à Z l'interface (même les plus petits icônes ) et je me suis rendu compte que le fichier style.css était pourvu de quelques fautes, parfois sans gravité, mais quelques unes rendent le fichier invalide :

- les classes bot et mid : mapping n'existe pas en css d'après mes faibles connaissances. Je pense que c'est un lapsus malencontreux signifiant padding.

- parfois certains styles sont appliqué deux fois sur une même classe... cherchez un peu vous verrez cela assez rapidement.

Voilà, rien de bien grave, mais je préférais le signaler.

Bravo à son concepteur en tout cas

soupaloignon · 13/11/2008 20:39:15

Hello,

Bienvenue sur le forum de Zite, qui est effectivement génial dans sa catégorie. Pour la feuille de style pourquoi ne pas la refaire en corrigeant les erreurs que tu y as trouvé et en la mettant à dispo sur le forum?
Renaud l'intégrera certainement dans l'archive ensuite

Cordialement

Riku Asakura · 13/11/2008 20:51:11

Ah oui en effet pas bête XD
Navré de ne pas y avoir pensé plus tôt.
Voici donc le code complet corrigé :

body {
  background-color: #CCC;
  margin: 0;
  padding: 0;
  text-align:center;
}

body, td {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10pt;
}
img {border: none;}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

a {
	color: #35B;
	text-decoration: none;
}
a:hover {
	color: #B53;
}

#page {
	background-color: #FFF;
	border: solid 1px #CCC;
	border-top: none;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	width: 900px;
	margin: 0 auto 16px auto;
	padding: 0;
	text-align: left;
}

#top {
	width: 900px;
	height: 69px;
	background-color: #FFF;
	background-image: url(deco/topbg.png);
	border-bottom: none;
	margin: 0;
	padding: 10px 0 0 0;
}

#mid {
	width: 900px;
	border-bottom: 1px solid #CCC;
	background-image: url(deco/bg.png);
	margin:0;
	padding: 0;
}

#side {
	width: 180px;
	float: right;
	margin:0;
	padding: 5px 10px 5px 10px;
}

#main {
	width: 676px;
	float: left;
	margin:0;
	padding: 7px;
	text-align: justify;
}

#break {
	clear: both;
}

#bot {
	width: 900px;
	border-bottom: 1px solid #777;
	background-image: url(deco/topbg.png);
	font-size: 75%;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #225;
}

#top h1 {
	margin: 0;
	padding: 0 0 0 10px;
	color: #FFF;
	font-size: 24px;
}
#top h2 {
	margin: 0;
	padding: 4px 0 5px 10px;
	color: #EEF;
	font-size: 90%;
}

/* Menu */
.zul {
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
}
.zli1,.zli2,.zli3,.zli4 {
	background-image: url(deco/pge0.png);
	background-repeat: no-repeat;
	padding-left: 14px;
}
.zon {
	background-image: url(deco/pge1.png);
}
.zli1 {
	margin-left: 0px;
}
.zli2 {
	margin-left: 16px;
}
.zli3 {
	margin-left: 32px;
}
.zli4 {
	margin-left: 48px;
}

/* styles zite */
#zadmin {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 3px 0 0 0;
}
.ztable {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 5px 0;
	width: 100%;
}
.zalert {
	border: 1px solid #C00;
	background-color: #FEA;
	padding: 0 2px;
}

Ici le fichier source complet : Fichier source (clic-droit > enregistrer la cible du lien sous...)

Amusez-vous bien

Dernière modification par Riku Asakura (13/11/2008 20:52:00)

soupaloignon · 13/11/2008 20:58:00

Merci pour ta contribution

Riku Asakura · 14/11/2008 17:19:51

Mais c'est tout naturel ^^
Si jamais je croise d'autres erreurs dans d'autres fichiers je vous tiens au courant... m'enfin pour le reste je pense que tout va bien (sinon les fonctions PHP auraient déjà buggées )

Au plaisir

Forum ZitePLUS

#1 13/11/2008 19:36:51

Erreur dans le fichier style.css

#2 13/11/2008 20:39:15

Re : Erreur dans le fichier style.css

#3 13/11/2008 20:51:11

Re : Erreur dans le fichier style.css

#4 13/11/2008 20:58:00

Re : Erreur dans le fichier style.css

#5 14/11/2008 17:19:51

Re : Erreur dans le fichier style.css

Pied de page des forums