Probleme DOCTYPE et CSS - Fichier CSS non ireconnu avec DOCTYPE

Logiciel & apps Programmation
1

Bonjour je tente actuellement de faire passer le w3c a mon site web car je suis débutant mais je souhaite être respectueux des standart…

Petit problème :

avec ce code la le css est interprété et la page fonctionne très bien



<html?#62;

<head>

<title>xxxxxxxxxxxxxxxxxxxxx</title>
 <meta name="description" content="xxxxxxxxxxxxxxx" />
<meta name="keywords" content="xxxxxxxxxxxxxxx" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link href="style.css" rel="stylesheet" type="text/css" />

si je rajoute un doctype tou en haut du code :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ou le même pour html 4.01 le CSS n’est plus interprétré du tous on dirai qu’il ignore le fichier CSS

de ce fait tous mes textes perdent leur mise en forme :’(

Merci d’avance a ceux qui m’aideront

edit : dans le code le forum met “?#62;” et je ne sais pas pourquoi c’est bien sur “>”

2

Pour ?#62 c’est normal.

Pour ton problème, tu utilise IE ?

3

Heu j’ai essayer sous IE firefox et opera il ne prend pas le fichier css si je met le doctype et si je l’enleve aucun problème :’(

Sinon la structure du site parrait normale c’est juste que le Css définissait la couleur des polices la police et le placement de quelques menus et sans ca le site ressemble plus a rien

Et comme pour valider en w3c il faut commencer par mêtre un doctype je suis mal barré :’(

4

Essaye voir si ton document est valide.

Ensuite corrige le CSS.

S’il faut il n’est pas chargé sur le site, d’où problèmes

5

Je vais poster le css tu pourra peut etre me dire si il y a une erreur dedans

Merci beaucoup de m’aider :super:

body {
margin: 0;
padding: 0;
background: black;

}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 220;
left: 15;
}

#menu2 {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 220;
left: 790;
}

#smenu1 {
display:none;
}

#smenu2 {
display:none;
}

#smenu3 {
display:none;
}

#smenu4 {
display:none;
}

#smenu5 {
display:none;
}

#smenu6 {
display:none;
}

#smenu7 {
display:none;
}

#smenu8 {
display:none;
}



.style1 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bolder;
	color: FFFFFF;
	vertical-align: top;
	letter-spacing : 0px;
	line-height:16px;
}


.style2 {
	font-family: Arial;
	font-size: 18px;
	font-weight: bolder;
	color: FFFFFF;
	vertical-align: top;
	letter-spacing : 0px;
	line-height:20px;
}

.style3{
	font-family: Arial;
	font-size: 18px;
	font-weight: bolder;
	color: db0a1f;
	vertical-align: top;
	letter-spacing : 0px;
	line-height:20px;
}

.style4 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bolder;
	color: db0a1f;
	vertical-align: top;
	letter-spacing : 0px;
	line-height:16px;
}


img{border:0;}



A {
	font-family: Arial;
	font-size: 13px;
	font-weight: bolder;
	color: FFFFFF;
	vertical-align: top;
	letter-spacing : 0px;
	line-height:16px;
text-decoration:underline;
}
A:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bolder;
	color: db0a1f;
	vertical-align: top;
	letter-spacing : 0px;
	line-height:16px;
text-decoration:underline;
}
6

color: db0a1f;

Manque un #. (#db0a1f)

Pour le reste, donne carrément la page avec doc type. (juste un lien vers celle-ci, pas le code)

7

la page est déja utilisé par les visiteur donc je ne peut pas mettre un doctype ni faire une copie vu que j’ai mis un htacces de redirection :sweet:

sinon voici la page sans doctype

http://www.theoffspring-fr.com/

une capture d’écran avec doctype

http://img145.imageshack.us/img145/1791/off2nl.th.jpg

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

edit : je précise sur la capture on voie pas le texte mais il est toujours présent c’est juste que comme le css n’est pas reconnu il est noir sur noir

Sinon si vous regardez le code soyez indulgent je sais qu’il doit pas etre parfait du tous mais je conpte tous corriger pour passer le w3c… Mais bon c’est mal partie avec le doctype :’(

8

Personne n’a d’idée pourtant la vous avez tous en main pour trouver la solution vous les pros du PHP HTML :’(

9 
<link href="style.css" rel="stylesheet" type="text/css"></link>
10

Merci beaucoup Myself mais malheureusement le problème est toujours le même en corigeant cette erreur…

Avec le doctype cela fait comme sur la capture et sans cela fait comme en suivant le lien de mon site :’(

11

Je suis surpris… Ca surprend beaucoup de monde qu’on ne puisse pas directement fermer une balise sans contenu (<link />, <meta />, …), et c’est généralement la cause de toutes les erreurs…

Je met généralement une déclaration xml et un namespace en plus, mais ça ne change rien par rapport à ton problème

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>xxxxxxxxxx</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></meta>
    <link rel="stylesheet" type="text/css" href="monScript.css"></link>
  </head>
  <body>
    xxxxxxxxxxx
  </body>
</html>
12

j’ai modier mon code en fermant toutes les balise meta et link mais le problème reste le même

sinon pour le bout de code ci :


<?xml version="1.0" encoding="ISO-8859-1"?>

ou doit-je le metttre car en le mettant comme dans ton exemple je me retrouve avec une erreur php ce qui ârrait normavu que le code est entre balise php :confused:

13

Tu peux le faire générer par php…

14

j’ai rien compris pour le xml mais bon c’est pas ca mon problème apparement :sweet:

15

je vois pas d’erreur non plus, ça vient peut-être d’un caractère non visible ou d’un encodage incorrecte.

pour xml il faut faire

<?php
echo "<?xml …?>";
?>

et pas mettre
<?xml directement sinon c’est interprété

16

merci je vais le rajouter et voir si ca change quelque chose

edit : je crois que je vais coller le code CSS directement dans le code php et non dans un fichier a part pour corriger toute les erreurs que m’indiquera le w3c puis ensuite je retenterai de mettre le code CSS dans un fichier a part a la fin pour voir si cela fonctionne.

Qu’en pensez vous ?

17

Si le css n’était pas reconnu, le fond ne serait pas noir.

Valide d’abord ta feuille css :
http://jigsaw.w3.org/css-validator/

18

Ahhhhh merci pour ce lien je vais tester

Sinon j’ai regardé pour le fond noir c’est que le fond est défini dans le fichier php lui même (oui je sais c’est mal pas taper :’( )