warning css

Version imprimable

Voir 40 message(s) de cette discussion en une page

25/04/2006, 15h44
temperature

warning css

voila j'ai beaucoup de warning pour mon css
je decouvre :
# You have no color with your background-color : #menu
# This property applies to block-level elements. : #tableau table
etc etc

ou je peux trouver l'explication de ses erreurs ?

merci
25/04/2006, 15h53
hebus73

tu ne peux pas utiliser color dans ton menu mai background-color,...

Pour savoir qu'elle option tu a le droit d'utiliser je te conseil d'utiliser le logiciel top-style (gratuit) ou sinon cherché sur internet
25/04/2006, 16h43
temperature

ok

deaj ton logiciel sé pour window moi jsui sous linux

puis tu sais quand je passe le fichier au css ce n'est que des warning
le css que j'ai je l'ai deaj utilisé pour un autre cas et ça marchais bien

mais il doit avoir des truk ki me bloque parske komme tu ma di si je met juste body par exemple la ça marche
25/04/2006, 16h46
hebus73

en général quand tu a un bug dans ton css il s'arrete la ou il y a le bug
25/04/2006, 16h50
temperature

ok

donc a la limite je réecris mon css

j'ecris un groupe { } si le site change je passe au suivant sinon c'est que c'est le dernier écrit qui buggue

je vais tenter ça demain merci hebus et les autres
25/04/2006, 16h51
ilood

Citation:

Envoyé par hebus73

tu ne peux pas utiliser color dans ton menu mai background-color,...

Je ne pense pas que se soit le problème.

Citation:

You have no color with your background-color : #menu

Vous n'avez pas défini de couleur de fond pour votre id #menu

En fait le validateur te signale qu'il faut justement définir une couleur de fond.
Les couleurs par défaut (couleur de lien, texte, arriere-plan...) adoptées par les navigateurs peuvent être modifiées par l'utilisateur.
Si tu ne spécicie pas de background-color tu prends un risque. Admettons qu'un visiteur ai configuré son navigateur pour que le background-color soit noir et que toi tu ai mis un texte noir, en pensant que l'arrière-plan serait blanc, la lisibilié sera nulle.

Il faut alors définir une couleur de fond pour être sur que le rendu soit identique quelque soit le navigateur.
25/04/2006, 17h06
marsupix

Citation:

Envoyé par ilood

Je ne pense pas que se soit le problème.

Vous n'avez pas défini de couleur de fond pour votre id #menu

c'est presque ça lol:
You have no color with your background-color en anglais veut dire:
Vous n'avez pas de couleur (attribut color pour le texte) avec votre couleur de fond

pour l'explication c'est ce qu'a dit Ilood.

Autrement dit:
Il faut toujours spécifier une couleur de fond et une couleur de texte en meme temps.

Pour savoir où ça coince, relis les spécifications css2 du w3c ;)
26/04/2006, 09h15
temperature

autre erreur

* Line : 50 (Level : 2) Redefinition of border-left-width : #menu
* Line : 50 (Level : 2) Redefinition of border-left-style : #menu
* Line : 50 (Level : 2) Redefinition of border-top-style : #menu
* Line : 50 (Level : 2) Redefinition of border-left-color : #menu
* Line : 50 (Level : 2) Redefinition of border-right-width : #menu
* Line : 50 (Level : 2) Redefinition of border-bottom-width : #menu
* Line : 50 (Level : 2) Redefinition of border-right-color : #menu
* Line : 50 (Level : 2) Redefinition of border-bottom-style : #menu
* Line : 50 (Level : 2) Redefinition of border-top-color : #menu
* Line : 50 (Level : 2) Redefinition of border-bottom-color : #menu
* Line : 50 (Level : 2) Redefinition of border-top-width : #menu
* Line : 50 (Level : 2) Redefinition of border-right-style : #menu
* Line : 62 (Level : 2) Redefinition of margin-top : #menu ul
* Line : 87 (Level : 2) Redefinition of border-top-color : #contenu
* Line : 87 (Level : 2) Redefinition of border-bottom-width : #contenu
* Line : 87 (Level : 2) Redefinition of border-top-style : #contenu
* Line : 87 (Level : 2) Redefinition of border-bottom-style : #contenu
* Line : 87 (Level : 2) Redefinition of border-right-width : #contenu
* Line : 87 (Level : 2) Redefinition of border-bottom-color : #contenu
* Line : 87 (Level : 2) Redefinition of border-right-color : #contenu
* Line : 87 (Level : 2) Redefinition of border-top-width : #contenu
* Line : 87 (Level : 2) Redefinition of border-right-style : #contenu
* Line : 87 (Level : 2) Redefinition of border-left-color : #contenu
* Line : 87 (Level : 2) Redefinition of border-left-width : #contenu
* Line : 87 (Level : 2) Redefinition of border-left-style : #contenu
* Line : 117 (Level : 2) Redefinition of border-right-width : #nom_prod
* Line : 117 (Level : 2) Redefinition of border-right-color : #nom_prod
* Line : 117 (Level : 2) Redefinition of border-right-style : #nom_prod
* Line : 118 (Level : 2) Redefinition of border-bottom-width : #nom_prod
* Line : 118 (Level : 2) Redefinition of border-bottom-style : #nom_prod
* Line : 118 (Level : 2) Redefinition of border-bottom-color : #nom_prod

et cet erreur la ça correspond à quoi ?
26/04/2006, 10h20
temperature

c'est bon je n'ai plus dutout d'erreur ni de warning!

mon site est toujours tout nu ! :(:(:(

il faut que je prenne tous les éléments un par un pour voir celui qui abuse ?!!
26/04/2006, 10h31
Tipoun

Comme dit plus haut, le css se bloque la où il y a l'erreur. Donc regarde ce qui ne s'affiche pas !

Tu peux aussi tous les ajouter un par un et voir là où ça bloque ^^
26/04/2006, 10h36
marsupix

au lieu de mettre border-left-style, border-left-color etc...
tu a un raccourci qui est:
border-left:1px solid #000; par exemple où tu met tout dedans
26/04/2006, 10h44
temperature

bizarre je reprends tout au fur et à mesure
j'ajoute body ça marche
j'ajoute a ça marche
j'ajoute li ça marche
j'ajoute #titre ça ne marche plus
je le mets en commentaire mais ça ne me fait pa revenir à l'Etat précédent je reviens à 0 !

alor que au validator je n'ai plus d'erreur ni warning !
26/04/2006, 10h46
hebus73

met nous ton code

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
body
{
   width:100%;
   background-color:yellow;
   color:blue;
}
 
a
{
   background-color:yellow;
   color:blue;
   text-decoration:none;
}
 
li
{
   text-align:center;
}
 
h1, h2, h3
{
   text-align:center;
}
h4
{
   text-align:center;
   background-color:green;
   color:red;
}
 
#titre
{
   position:absolute;
   top:10px;
   width:100%;
   height:80px;
}

26/04/2006, 10h53
hebus73

tu te sert plusieur fois du meme id?
26/04/2006, 10h53
Tipoun

Sur quoi pointe le #titre ?
26/04/2006, 11h00
temperature
Code:

1 2 3 <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>FOCS</title>
c'est ça ?
en fait je comprends pas trop à quoi corresponde les a h1 etc je n'ai pas fait le css on m'a passé le code et le css et la personne quand elle teste elle ça marche sans probleme

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
 
session_start();
 
$i=0;
define('ACCUEIL',$i++);
define('FAMILLE',$i++);
define('PRODUIT',$i++);
define('MAILENV', $i++);
define('UPLOAD', $i++);
 
$EX = isset($_REQUEST['EX']) ? $_REQUEST['EX'] : 0;
switch($EX)
{
  case ACCUEIL   : start();
                 break;
  case FAMILLE : famille();
                 break;
  case PRODUIT : produit();
                 break;
  case MAILENV : mailenv();
                 break;
  case UPLOAD : upload();
                 break;
}
 
function start()
{
        $_SESSION['id'] = isset($_SESSION['id']) ? $_SESSION['id'] : rand();
        require('menu_fam_client.php');
        $contenu = ('focs.html');
        require('page.mod');
} //start()

j'ai un id different la non ?

26/04/2006, 11h07
hebus73

je voulais dire ton #id dans ton css correspond a id="titre" dans ton htlm.

Et c'est dans ton html que tu doit avoir un seul et unique élément avec un id="titre" sinon il faut que tu utilise class="titre" et dans ton css .titre
26/04/2006, 11h09
Tipoun

Citation:

en fait je comprends pas trop à quoi corresponde les a h1

Les hX sont des balises html pour gérer les titres.

#titre signifie qu'une balise html doit posséder l'attribut id="titre". Elle ne correspond pas à la balise <title></title>
EDIT : j'ai poster un peu tard !
26/04/2006, 11h10
marsupix

je crois surtout que tu mélange tout là.. ID de bases de données, $id variable php, ID html et # en css...
> reprendre depuis les bases le HTML/CSS, ensuite apprendre le php et sql...
> ne pas prendre des "bouts de code" qu'on ne comprend pas en essayant de faire de la magie avec...
26/04/2006, 11h15
temperature

à moins que G b je ne trouve pa de id = titre

donc je mets dans mon css que les balise que j'ai comme contenu menu form prod etc ..
26/04/2006, 11h18
hebus73

si tu n'a pas de id="titre" tu viré dans ton css #tittre il ne sert absomument a rien
26/04/2006, 11h21
temperature

oui

oui c'est ce que je t'ai dis au dessus je l'enleve de mon css OK mais je suis obligé d'effacer ce qu'il y avait au dessus d'ecrire un premier bloc de tester et d'ecrire la suite pour que cela marche !!!
26/04/2006, 11h24
ilood

Citation:

Envoyé par marsupix

je crois surtout que tu mélange tout là.. ID de bases de données, $id variable php, ID html et # en css...
> reprendre depuis les bases le HTML/CSS, ensuite apprendre le php et sql...
> ne pas prendre des "bouts de code" qu'on ne comprend pas en essayant de faire de la magie avec...

C'est vrai.
Pour apprendre le html et le css :
http://cyberzoide.developpez.com/html/
26/04/2006, 11h28
hebus73

oui mais si tu n'en t'en sert pas ca sert a rien de le mettre.
Donc je ne vois pas ou est le probleme mais fais attention car tu confond effectivement les différent id
26/04/2006, 11h33
temperature

arggggghhh

oui mais :

c'est à se tirer les cheuveux puisque je valide ce qui est fait je rajoute un morceaux je suis obligé de l'enlever de revalider tout ce qui avait avent en partant du début et puis rajouter un autre morceaux en espérant qu'il fasse pas comme celui d'avant ??!!!!! c'est de la folie

surtout que comme je vous ais dit le code et le css appartenait à quelqu'un d'autre je n'ais rien changer ce qui concerne les id et lui cela marchait sans probleme !!

voila donc bon je ne sais que faire car si j'ai pris du code existantt c'est que je n'ai pas le temps de tout réapprendre
26/04/2006, 11h36
hebus73

oui mais si tu ne connais pas les bases tu ne peut pas développer comme il faut sinon tu prend dreamweaver et ca te fait tout tout seul si tu n'a pas le temps !

Par contre il te fera ca de facon très crade
26/04/2006, 11h42
hebus73

oui mais si tu ne connais pas les bases tu ne peut pas développer comme il faut sinon tu prend dreamweaver et ca te fait tout tout seul si tu n'a pas le temps !

Par contre il te fera ca de facon très crade
26/04/2006, 11h43
temperature

oui bon je vais voir ce que je vais faire mais c'est quand meme bizarre tout est deja codé nikel tout marchait avec quelqu'un d'autre et la je suis sous linux et ça ne passe pas on m'a deja dit de télecharger firefox tout ça mais sous linux c'est galere !!

mais la je viens de tester quelque chose au validator je ne peux testet aucune page sauf celle ou il y a la doctype les autres on me dit biensur que la doctype n'a pas été trouvé meme pour mes fichier ou il y a un require sur le fichier contenant la doctype

!!!!!!!!!!!!!!!!!!!!!!
26/04/2006, 11h48
hebus73

c'est que ton require est mal fait car moi j'utilise un seul doctype et je l'inclu dasn toute mes pages et mon site passe très bien au validateur
26/04/2006, 11h51
temperature

!

require('page.mod');

tout mes fichiers le css le page.mod ou il y a la doctype et celui dont j'a tiré la ligne au dessus sont dans un meme repertoire

j'essai de faire des sous repertoire par exemple monsite/php avec deden nimporte.php et le require sera require('../mod/page.mod');

?
26/04/2006, 11h54
hebus73

et quand tu affiche le code source de la page tu a bien ton doctype?
26/04/2006, 11h57
temperature

oui
mais on peut tout tester au validateur meme les page .php ? il suffit de les passer en html !?

par contre la en retestant mon site la couleur est revenu est-ce que il y aurait un temps d'attente entre les modifications de mon css ?
26/04/2006, 12h02
hebus73

il n'y a pas de temps d'attente il fut juste recharger la page.
Si tu veux etre sur qu'il prenne bien en compte la nouvelle feuille de style recharge ta page en fesant ctrl + F5.

Pour la validation:
J'utilise firefox et le developper bar et la je fai valider html.
Sinon tu a juste a copier ton url dans le validateur il te dira si ta page est valide ou non que ca soit du php avec js ou tout autre
26/04/2006, 12h08
temperature

il y a ma doctype partout dans le code source et il me dit encore pas de doctype

sinon en passant par l'url j'ai :
Sorry, the IP address of localhost is not public. For security reasons, validating resources located at non-public IP addresses has been disabled in this service.
26/04/2006, 12h11
Tipoun

Citation:

Sorry, the IP address of localhost is not public. For security reasons, validating resources located at non-public IP addresses has been disabled in this service.

Normal, tu es en local !!

Tu peux recopier le code généré par ta page et le coller dans le validateur ;)
26/04/2006, 12h27
temperature

je ne vais pas m'en sortir c'est trop fou quelque chose qui marchait deja ne fonctionne plus maintenant alors que j'ai rien touché je suis passé sous linux

mes fichiers font appel à la page de la doctype je le vois par mon code et par la source et au validator il ne le voit pas ! et puis ce css qui n'ne fait qu'à sa tete l id menu existe mais quand je l'insere dans ce css sa tue tout se sera pareil pour les autres c'est trop relou la je vais pleurer
26/04/2006, 12h42
Tipoun

Copie/Colle tout ton code html dans le textarea de http://validator.w3.org/

Et dis nous les erreurs, ainsi que le doctype de ta page.
26/04/2006, 14h08
temperature

adminpass.php CFamille.php* formlogin.mod* init.inc menu_fam.mod* prod_admin.php
admin.php* ficCUser.php formupload.mod list_prod_admin.mod menu_pass.php
ajout_fam.mod confirm.js formupload.modbis list_prod.mod modify_fam.mod
ajout_prod.mod consult.html* fiche_prod.mod menu_admin.mod* modify_prod.mod
appli2.css consult.php* focs.html index.html* menu_fam_admin.php page2.mod*
appli.css CProduit.php* formail.mod menu_fam_client.php page.html* appli.js CUser.php* formel.mod info.php menu_fam.html* page.mod*

voila je met quel fichier ! pfffffffffff j'en ai trop
et moi ce sont mes fichier consult et admin.php qui appellent page;mod dans lequel se trouve la doctype

Voir 40 message(s) de cette discussion en une page