Bonjour,
Je viens de commancer le livre CSS2 et je le fais dans dreamweaver 8.0

ci-dessous le fichier css

body {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	text-align: center;
	background-image: url(photo_CSS/Sans-titre-2.jpg) ;
}

h2 {
	border-bottom: 2px solid blue;
	padding-bottom: 5px;
}

img {
border-widht: 0;
border-style: none;
}

#pied {
border-top: 1px solid blue;
background: yellow;
padding-top: 2px;
}


ci dessous ma page htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bienvenue en Alsace</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />

<link href="styles_CSS.css" rel="stylesheet" type="text/css" />
</head>

<body>
<ul>
<li><a href="...">Retour à l'accueil</a></li>
<li><a href="...">Présentation de la région</a></li>
<li><a href="...">Historique de l'Alsace</a></li>
<li><a href="...">Gastronomie locale</a></li>
<li><a href="...">Hôtel et gîte</a></li>
<li><a href="...">Photographies</a></li>
</ul>

<h1><a href="photos.htm" title="photos d'Alsace">Bienvenue en Alsace</a></h1>

<h2>Une belle région française</h2>

<p> [Paragraphe associé à cette autre sous titre niveau 2.]
<a href="photo.htm" title="lien vers les photos d'Alsace"> 
<img src="photo/images_alsace.jpg" alt="liens vers les photos d'Alsace" /></a></p>

<h2>Un patrimoine considérable</h2>
<p>[Paragraphe associé à cette autre sous titre niveau 2.]</p>

<p id="pied">Pied de page et<a href="....">Mentions légale</a></p>
</body>
</html>


dans verification du navigateur cible de dreamweaver ca me donne les erreurs suivantes:

fichier: index.html l'attribut xmlns de la balise HTML n'est pas pris en charge, mais ceci n'a aucun effet negatif

et la balise :
<link href="styles_CSS.css" rel="stylesheet" type="text/css" />

est soulignée en rouge et m'indique 3 erreurs détectées dans le fichier CSS externe pourtant je ne trouve pas d'erreur ou je suis miope

voici un cpie écran des messages d'erreurs
upload/4716-copieecrand.jpg
Merci pour vos reponses et vos essais
Modifié par finpiet (23 Jan 2006 - 04:48)
Modérateur
Bonjour,

Rapidement, c'est border-width: 0; et non border-widht.

Ensuite, au lieu de background: yellow;, essaye background-color:yellow. Je ne crois pas que l'erreur vient de là, mais qui sait.

L'idéal est de passer par le validateur du W3C ou vérifier si Dreamweaver ne pourrait pas te donner plus d'explications sur la source de l'erreur (ligne exacte et pourquoi).
Modifié par Tony Monast (22 Jan 2006 - 19:34)
merci , j'ai fait les changements et j'ai tjrs
 href="styles_CSS.css"
souligné en rouge avec 3 erreurs, il y a surement certaine chose pas pris en compte par dreamweaver!
Modifié par finpiet (22 Jan 2006 - 20:06)
je crois que j'ai trouvé: dans mon code il fallait changé les "é", "ô" etc par "&eacute;"&ocirc;" etc, je suis allé voir dans les resultats de validation et verification du navigateur cible et c'est bon .Plus aucunes erreurs
merci encore pour vos reponses
Modifié par finpiet (22 Jan 2006 - 20:27)
Salut Finpiet,

Si Dreamweaver te souligne en rouge la Feuille de Style, ça ne pouvait pas être lié au code HTML. Il aurait fallu faire une nouvelle vérification de la prise en charge juste après avoir fait les modifications sur le feuille de style indiquées par Tony, car Dreamweaver ne "désouligne" pas automatiquement de suite.

Pour les accents qui sont directement dans le code, ce ne sont pas des erreurs, juste des avertissements du style "envisagez d'utiliser...". Dans les paramètres, tu peux choisir qu'il ne donne plus ce genre d'avertissement.

A+
Modifié par Alan (22 Jan 2006 - 21:29)
Bonjour,
merci pour ta reponse, mais vaut il mieux mettre les accents sut les lettres ou mettre les "&eacute" ou autre dans le code? quelle sera la différence sur l'accessibilité ou autre?
Bonjour,

D'une manière gérénale, ne pas se reposer sur les outils de vérification d'erreur de Dreamweaver, qui sont source de beaucoup de confusions, quand ils ne produisent pas eux-mêmes des erreurs.

Les caractères accentués en sont un excellent exemple : ton document étant en iso-8859-1, il est totalement inutile d'écrire sous forme d'entités (&eacute; etc.) les caractères présents dans ce jeu de caractères. Cela n'aurait de sens que si le document était par exemple dans un jeu type US-ASCII ou iso-8859-2 (où tout ou partie de ces caractères ne sont pas définis).

Seuls les caractères absents du jeu de caractère choisi doivent être écrits sous forme d'entité (typiquement, le caractère Euro absent d'iso-8859-1, voir http://forum.alsacreations.com/topic.php?fid=17&tid=2003#p19606 ).

Pour la feuille de style ci-dessus :
- la seule erreur présente est celle signalée par Tony Monast sur l'écriture du mot width.
- le seul avertissement possible concerne l'absence de couleur de texte définie pour #pied (voir la FAQ du forum sur la différence entre avertissement et erreur, et sur cet avertissement précis).
Modifié par Laurent Denis (23 Jan 2006 - 06:38)
Salut,

Dans Dreamweaver, il faut distinguer les erreurs liées à la vérification de prise en charge, et celles liées à la validation HTML, très différentes.

Le soulignement en rouge signale simplement des erreurs de prise en charge par certains navigateurs. Le plus souvent ce ne sont pas des erreurs en soi. Par exemple, il soulignera en rouge la propriété "min-height" en te signalant qu'elle n'est pas implémentée dans IE. Tu peux choisir toi même la version la plus ancienne de chaque navigateur que Dreamweaver doit inclure dans la vérification. Si Dreamweaver t'indique qu'aucun navigateur ne prend en charge un chose, ça veut dire que tu as fait un erreur du style widht au lieu de width.
La feuille de style n'est concernée que par la vérification du prise en charge.

Les erreurs de validation ne sont pas soulignées en rouge mais indiquées par un panneau rouge avec à l'intérieur un point d'exlamation dans la fenêtre résultat, onglet validation. il suffit de cliquer dessus et l'erreur sera surlignée.
Modifié par Alan (23 Jan 2006 - 09:47)
Merci les amis pour vos reponse
J'ai fait valider ma page qui est en ligne par le W3C et pas trop de chose sauf ce qui est dit au dessus.
Ma page reprend l'exemple de CSS2 de notre maitre à penser Raphaël, j'ai meme mis en bas les logo obtenus sur ces pages

visible a cette adresse: http://www.ams-tec.fr/mon_site_CSS2/

vous pouvez y jeter un oeil meme si pour vous je suis le novice des novices qui a tout à apprendre (il faut bien commencer un jour et savoir ce remettre en question!! )