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...
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!
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 ?)
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.
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....
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 ![]()
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>
<body>
<div class="global">
<div class="header">
<? //
include("header.php");
?>
<div class="contenu">
<div class="contenu_texte"><br />
</div>
</div><? //
include("footer.php");
?> </div></div>
</html>
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!
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>
et
</html>
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>
merci beaucoup !)
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!
Sous opeara, le margin-top bug (rien ne se passe). Tu pourrais peut etre essayer en faisant :
body {
position:absolue;
top:0;
}
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!
bon pis c´est pareil mon background n´apparait que sous opera, que dale sous IE ou firefox...
![]()
problème rêglé pour le background mais pour ces histoires de guillemets et connerie en tout genre ?
tu mets un id a ta cellule :
<td id="cellule1">???</td>
dans le css :
background-image:url(url de l´image);
}
je viens de regarder des sites comme jv.com ou telecharger.com, c´est exactement la même chose...
merci deepblue...
Chez moi le margin-top fonctionne très bien sous Opera.
Je crois que tu voulais dire : position:absoluTe; ![]()
Yoda -> apres tout, je suis français
lol