w3c problème sur le forum Création de sites web - 06-06-2006 03:42:27

Liste des sujets

w3c problème

savonette69

Niveau 10

06 juin 2006 à 03:42:27

bonjour,

je viens de tester une page pour la validation.
il y a 2 erreurs.
La première est dans le <html> du début avec le second guillement en rouge.
La seconde erreur est dans:
<td background="images/fondentracte.png"> </td>
avec les guillemets là aussi mais entre le signe égal et images. Je ne comprends pas pourquoi, merci...

savonette69

Niveau 10

06 juin 2006 à 05:35:59

voilà, en fait, je suis en train de me tâter au css timidement. Voilà mes erreurs:
http://img368.imageshack.us/img368/337/sanstitre19yd.png

j´ai donc 23 erreurs du même type, mais à chaqu fois c´ets une histoire de guillement, pourquoi?
merci!

Delta672

Niveau 9

06 juin 2006 à 05:38:11

J´en ai aucune idée, essaye peut etre de remplacer les " par des ´ et verifie que tu est bien mis /> a la fin...

(HS : tu est pas sur msn ?)

Yoda_Software

Niveau 30

06 juin 2006 à 06:13:42

Tout d´abord, l´attribut background ne doit plus s´utiliser dans la partie HTML, mais dans le css.

Ensuite, la balise img est une balise "solitaire", c´est à dire qu´elle n´a pas de balise fermante </img. C´est pourquoi, on la note :
<img src="./monImage.png" alt="Mon image" />

on met un espace et un / juste avant le >

Un conseil, suis les cours du site du zér0 :
http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html
ça sera plus simple pour apprendre que de te lancer seul dans l´aventure et de chercher l´info à droite ou à gauche. Ca, tu pourra le faire quand tu maitrisera un minimum.

savonette69

Niveau 10

06 juin 2006 à 07:36:38

Delta672 -> nan, au passage, je ne t´ai pas oublié !!
Yoda_Software, merci pour ces précieux conseils!
pleins de trucs que je ne savait pas, pour tout te dire, j´utilise photoshop, c´est un peu hallucinant qu´il me fasse des erreurs aussi grosses....

savonette69

Niveau 10

06 juin 2006 à 07:38:03

autre chose, je me sert de ce tutorial:
http://rbox.free.fr/kit/vieuxkit/index.html
mais le site du zéro est une très bonne bible

savonette69

Niveau 10

06 juin 2006 à 07:43:35

pour l´index:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans
itional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
al.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="format.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenue...</title>
</head>

pour le header:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans
itional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
al.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="format.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<div class="global"><div class="header"><img src="images/header.png" class="header" alt="images" /></img><img src="images/menu01.png" class="menu01" alt="navigation" /></img><img src="images/menu02.png" alt="header" width="500" height="41" class="header" /></img></div><img src="images/sousmenu02.png" alt="header" width="500" height="95" class="header" /></img><img src="images/titrepage.png" alt="titrepage" width="500" height="34" /></div>
</div>
</html>

et le css:
<style type="text/css">
body {
background-image:url(images/background.png);
background-attachment:fixed;}
</style>

body {
margin: 0;
topmargin=0 /* pas de marge */
font-family: tahoma; /* police */
font-size: 12px; /* taille du texte */
text-align:center; /* alignement */
}

.global {
width: 500px; /* largeur du bloc global */
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:justify;
}

.header {
width:500px;
margin-top:0px;
padding:0px;
background-image: url(´images/´);
border:;
}

.contenu {
width:500px;
margin-right:auto;
background-image: url(´images/fd.png´);
text-align:left;
}

.contenu_texte {
width: 480px;
margin-left:10px;
text-align: justify;
color: #679E00;
}

.footer {
width:500px;
background-image: url(´images/´);
border:;
}

donc, dans mes includes, les balises <img... /> sont correct, le background est bien dans le css!

deepblue

Niveau 16

06 juin 2006 à 11:03:05

tu peux virer (dans header.php) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

itional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition

al.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="format.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>

</html>

Yoda_Software

Niveau 30

06 juin 2006 à 11:38:26

remplace :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

itional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition

al.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

par :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric
t//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

Ensuite :
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
doit être la 1ère ligne après <head>

savonette69

Niveau 10

06 juin 2006 à 13:15:03

merci beaucoup !)

savonette69

Niveau 10

06 juin 2006 à 13:17:34

rhââââ, zut, désolé pour le flood...
une autre question, je voudrais que mon site soit coller au bord en haut du navigateur. Malheueruemsement, margin-top:0px; laisse quand même un espace et margintop=0 ne marche pas. je suis donc obliger de le mettre dans mon index.php. est ce normal ou est ce qu´il y a un truc ?

merci encore!

deepblue

Niveau 16

06 juin 2006 à 13:30:51

Sous opeara, le margin-top bug (rien ne se passe). Tu pourrais peut etre essayer en faisant :
body {
position:absolue;
top:0;
}

savonette69

Niveau 10

06 juin 2006 à 13:36:46

deepblue, je vais essayer

Yoda_Software, pour le Doctype, quand je change par celui que tu me dit, sa me fait une erreur, en fait, le design et composé de plusieurs .png et entre ses parties un petit espace apparait!!!

pour ce qui est des erreurs bizarre, franchement je comprends pas pourquoi sa me fait vace des guillemets et conneries dans le genre ( genre même le "D" de doctype est en rouge souligné)
vouloir être valide w3c va me rendre je pense!

savonette69

Niveau 10

06 juin 2006 à 13:39:21

bon pis c´est pareil mon background n´apparait que sous opera, que dale sous IE ou firefox...

savonette69

Niveau 10

06 juin 2006 à 13:44:42

problème rêglé pour le background mais pour ces histoires de guillemets et connerie en tout genre ?

deepblue

Niveau 16

06 juin 2006 à 13:52:31

tu mets un id a ta cellule :
<td id="cellule1">???</td>

dans le css :

cellule1 {

background-image:url(url de l´image);
}

savonette69

Niveau 10

06 juin 2006 à 13:52:54

je viens de regarder des sites comme jv.com ou telecharger.com, c´est exactement la même chose...

savonette69

Niveau 10

06 juin 2006 à 13:59:28

merci deepblue...

Yoda_Software

Niveau 30

06 juin 2006 à 15:36:06

Chez moi le margin-top fonctionne très bien sous Opera.

Je crois que tu voulais dire : position:absoluTe;

deepblue

Niveau 16

06 juin 2006 à 15:42:29

Yoda -> apres tout, je suis français lol

Aide à l'achat Mac
Macintosh
Création de Jeux
Programmation
Création de sites web
Linux
Internet
Steam Deck
Hardware

La vidéo du moment

News culture

70 832 spectateurs

20 ans plus tard, ce mythique anime fantastique, pilier incontournable du genre, fait son grand retour

La culture japonaise regorge de séries animées qui ont défini les codes de l'animation moderne. L'anime The Familiar of Zero appartient très clairement à cette catégorie d'œuvres fondatrices. Aujourd'hui, les détenteurs des droits de la série annoncent une nouvelle célébration pour rendre hommage à cette histoire de magie.

Toutes les news culture