Aucune. On se base sur le principe que <h1> représente le titre de la
page. En fait, c'est title qui joue ce rôle mais comme le <title> n'est
pas affiché à l'écran par les principaux navigateurs,
Du coup, on considère qu'il n'est pas logique d'avoir plusieurs titres
de niveau 1.
Aucune. On se base sur le principe que <h1> représente le titre de la
page. En fait, c'est title qui joue ce rôle mais comme le <title> n'est
pas affiché à l'écran par les principaux navigateurs,
Du coup, on considère qu'il n'est pas logique d'avoir plusieurs titres
de niveau 1.
Aucune. On se base sur le principe que <h1> représente le titre de la
page. En fait, c'est title qui joue ce rôle mais comme le <title> n'est
pas affiché à l'écran par les principaux navigateurs,
Du coup, on considère qu'il n'est pas logique d'avoir plusieurs titres
de niveau 1.
Plus simplement : strict interdiction des balises et attibuts de mise en
page (center, align...), pas d'iframe et par d'attibut target.
Plus simplement : strict interdiction des balises et attibuts de mise en
page (center, align...), pas d'iframe et par d'attibut target.
Plus simplement : strict interdiction des balises et attibuts de mise en
page (center, align...), pas d'iframe et par d'attibut target.
Olivier Masson a écrit :
> Plus simplement : strict interdiction des balises et attibuts de mise e n
> page (center, align...), pas d'iframe et par d'attibut target.
J'ajouterais aussi, car cela donne pas mal de boulot quand ce n'est pas
fait et qu'on bascule de html à xhtml : des balises toutes fermées (<br
/> et non <br> par exemple) et toutes en minuscules.
--
Michaël DENIS
Olivier Masson a écrit :
> Plus simplement : strict interdiction des balises et attibuts de mise e n
> page (center, align...), pas d'iframe et par d'attibut target.
J'ajouterais aussi, car cela donne pas mal de boulot quand ce n'est pas
fait et qu'on bascule de html à xhtml : des balises toutes fermées (<br
/> et non <br> par exemple) et toutes en minuscules.
--
Michaël DENIS
Olivier Masson a écrit :
> Plus simplement : strict interdiction des balises et attibuts de mise e n
> page (center, align...), pas d'iframe et par d'attibut target.
J'ajouterais aussi, car cela donne pas mal de boulot quand ce n'est pas
fait et qu'on bascule de html à xhtml : des balises toutes fermées (<br
/> et non <br> par exemple) et toutes en minuscules.
--
Michaël DENIS
J'ai ma première page en strict, si, si !!!!!
http://www.grenault.net/photos/
Pourquoi pas de target ?
Comment faire alors ?
J'ai ma première page en strict, si, si !!!!!
http://www.grenault.net/photos/
Pourquoi pas de target ?
Comment faire alors ?
J'ai ma première page en strict, si, si !!!!!
http://www.grenault.net/photos/
Pourquoi pas de target ?
Comment faire alors ?
kurtbosh a écrit :
> J'ai ma première page en strict, si, si !!!!!
>http://www.grenault.net/photos/
4 avertissements quand même. :-) Une faute de frappe sur une table avec
"90pix" et non "90px" et trois <p> qui se promène un peu abandonnés. ;-)
> Pourquoi pas de target ?
Parce que c'est mal ?
> Comment faire alors ?
On ne met rien, c'est mieux. :-) Bon, je sais, c'est un vieux débat...
Pour ceux qui veulent du code vraiment conforme et l'équivalent de
target, je crois qu'il faut utiliser javascript. Mais sans certitude car
je n'utilise pas.
--
Michaël DENIS
kurtbosh a écrit :
> J'ai ma première page en strict, si, si !!!!!
>http://www.grenault.net/photos/
4 avertissements quand même. :-) Une faute de frappe sur une table avec
"90pix" et non "90px" et trois <p> qui se promène un peu abandonnés. ;-)
> Pourquoi pas de target ?
Parce que c'est mal ?
> Comment faire alors ?
On ne met rien, c'est mieux. :-) Bon, je sais, c'est un vieux débat...
Pour ceux qui veulent du code vraiment conforme et l'équivalent de
target, je crois qu'il faut utiliser javascript. Mais sans certitude car
je n'utilise pas.
--
Michaël DENIS
kurtbosh a écrit :
> J'ai ma première page en strict, si, si !!!!!
>http://www.grenault.net/photos/
4 avertissements quand même. :-) Une faute de frappe sur une table avec
"90pix" et non "90px" et trois <p> qui se promène un peu abandonnés. ;-)
> Pourquoi pas de target ?
Parce que c'est mal ?
> Comment faire alors ?
On ne met rien, c'est mieux. :-) Bon, je sais, c'est un vieux débat...
Pour ceux qui veulent du code vraiment conforme et l'équivalent de
target, je crois qu'il faut utiliser javascript. Mais sans certitude car
je n'utilise pas.
--
Michaël DENIS
Je ne les vois pas les avertos moi ?
Je ne les vois pas les avertos moi ?
Je ne les vois pas les avertos moi ?
Pourquoi pas de target ? Comment faire alors ?
Pourquoi pas de target ? Comment faire alors ?
Pourquoi pas de target ? Comment faire alors ?
kurtbosh a écrit :
> Je ne les vois pas les avertos moi ?
Si vous validez avec w3.org, c'est "normal". J'utilise pour ma part html
validator, excellente extension pour Firefox.
Et votre page est en strict, mais html4, pas xhtml1. Quitte à faire le
travail pour passer en strict, ne serait-ce pas intéressant de passer à
xhtml ? Pas beaucoup plus de travail, il me semble (quelques balises
encore en majuscules, des balises <meta>, <br> ou <img> non fermées,
quelques attributs non entourés de ", ...).
Et pour vérifier que vous n'étiez pas loin (et que je ne disais pas t rop
de bêtises), j'ai même testé moi-même. :-) Voici donc votre code en
xhtml strict.
********************
<!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" xml:lang="fr">
<head>
<title>Grenault.net : photos, conseils, guides, cours, tutoriel</title>
<meta name="author" content="Guy Renault" />
<meta name="description" content="Mes photos : N&B, couleurs,
graphisme, paysages, flore, faune.." />
<meta name="keywords" content="photos, photo, photographie,
photographies, loire, numérique, fonds d'écran,
camargue, appareil, noir et blanc, les objets, moulins de la sarthe,
couleurs, divers, vieux mans, architecture, nuit, sarthe, sargé,
châteaux de la loire,
flore, diaporamas, paysages, la faune, les gens" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-885 9-1" />
<meta name="robots" content="index,follow" />
<meta http-equiv="content-language" content="fr" />
<link rel="alternate" type="application/rss+xml" title="RSS"
href="http://www.grenault.net/grss.xml" />
<script type="text/javascript">
<!--Javascript fournit par-->
<!-- [Fafa's World - ScriptMaster]-->
<!--
function click() {
if (event.button==2) {
alert('Ces photos ne sont pas libres de droits. Je suis
désolé...')}
}
document.onmousedown=click
// -->
</script>
<link rel="stylesheet" type="text/css" href="../style1.css" />
<style type="text/css">
.center {text-align: center}
.tab-gauche {width: 20%; text-align: left}
.tab-gauche-50 {width: 50%; text-align: left}
.tab-gauche-100 {width: 100%; text-align: left}
.tab-centre {width: 20%; text-align: center}
.tab-centre-10 {width: 102px; text-align: center; background-color:
lightgrey}
.tab-centre-50 {width: 50%; text-align: center}
.tab-centre-100 {width: 100%; text-align: center}
.tab-100 {width: 100%}
.tab-centre-gauche {width: *; text-align: left}
.tab-autre {width: *}
.tab-droite {width: *; text-align: right}
.image {text-decoration: none; border: 0px solid black}
.anneau {font-family: arial; font-size: -1}
BODY {background-color: black}
A {font-family: Arial; font-size: 10px; font-weight: 100; color: white}
a:hover {color: red}
.lienorange {font-family: Arial; font-size: 12px; font-weight: 600;
color: darkorange}
.centre {font-family: Arial; font-size: 12px; font-weight: 600; color:
blue; text-align: center}
.photo {font-family: Arial; font-size: 20px; font-weight: 100;
text-align: center; color: white}
.tresgrand {color: blue; font-size: 36px; font-family: arial}
.moyen {font-family: Arial; font-size: 15px; font-weight: 100; color:
black; text-align: center}
.petit {font-family: Arial; font-size: 12px; font-weight: 100; color:
white; text-align: center}
.discret {font-family: Arial; font-size: 11px; font-weight: 100; color:
lightgrey; text-align: center}
.ligne {font-family: Arial; font-size: 3px}
body {background-color: black; font-size: 12px}
</style>
</head>
<body>
<table width='100%' class="bandeau">
<tr>
<td class="tab-gauche">
<div class="grand">Gren ault.net</div>
</td>
<td class="tab-autre" valign="bottom" >
<h1>Photos - reportages</h1>
</td>
</tr>
</table>
<table class="tab-100" cellpadding='12'>
<tr>
<td valign="top" class="colonne-menu" align="center">
<table width='90px' class="center">
<tr>
<td class="tab-gauche-50">
<a href="index.htm"><img src="../flag_france. jpg"
class="image" alt="Version française" title="Version
française" /></a>
</td>
<td class="tab-droite">
<a href="index_english.htm"><img src="../flag _england.jpg"
class="image" alt="English version" title="English version" /></a>
</td>
</tr>
</table>
<div class="ligne"> <br /></div>
<a class="menu" href= "../index.htm">accueil</a>
<a class="menu" href= "index.htm" title="Mes photos - Available in
english">photos</a>
<a class="menu" href= "../homecine.htm" title="Comme au cinéma
- Available in english - Home-theater">home-cinéma</a>
<a class="menu" href= "../aqua.htm" title="Guide d'aquariophilie -
Available in english">aquario</a>
<a class="menu" href= "../livre.html">livre d'or</a>
<a class="menu" href= "../mail.htm">contact</a>
<a class="menu" href= "../liens.htm">liens</a>
<a class="menu" href= "../tech.htm" title="Initiation à la
photo - Available in english - Basic guidelines for photo">cours photo</a >
<a class="menu" href= "../tests.htm" title="Essais et comparatifs
d'appareils photo - Available in english - Camera tests">tests apn</a>
<a class="menu" href= "../outils.htm">portail</a>
<a class="menu" href= "../diversp.htm" title="Mon chien, vie d'une
vigne, news, secourisme, etc..">divers</a>
<a class="menu" href= "loire.htm" title="Reportage photos - Translated
in english">châteaux Loire</a>
<a class="menu" href= "../vin.htm" title="Vins des Pays de Loire -
Available in english">vins de Loire</a>
<a class="menu" href= "../gouts.htm" title="Mes goûts">j'aime...</a>
<a class="menu" href= "../allphotos" title="Liste de
discussion">allphotos</a>
<a class="menu" href= "../bv.htm" title="A la recherche de bons vins
à prix raisonnables">bons vins</a>
<a class="menu" href= "http://perso.orange.fr/grenault/bestof/"
title="Best of AllPhotos">best of</a>
<a class="menu" href= "../share.htm" title="Mes sharewares - Available
in english">sharewares</a>
<a class="menu" href= "wallpaper.htm" title="Wallpapers">fonds
d'écran</a>
<a class="menu" href= "#" onclick="alert('Vous les trouverez au fil
des pages. Bonne visite !')" title="Economiseurs d'écran à ;
découvrir au fil des pages - Screensavers">éco.
écran</a>
<a class="menu" href= "diaporamas.htm" title="Diaporamas">diaporamas</a>
<a class="menu" href= "../nouveau.htm" title="Les nouveautés du
site">nouveau !</a>
<a class="menu" href= "../rechercher.htm" title="Rechercher sur le
site">rechercher</a>
<div class="ligne"> <br /></div>
<a class="menu" href= "http://www.grenault.net/traitim.htm"
title="Mini-guide gratuit (pdf) pour les débutants">les bases du
traitement numérique</a>
<br />
</td>
<td class="tab-autre" valign="top">
<br /> <br />
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="nb.htm"><img src="sexual_.jpg" class ="image"
alt="Cliquez sur 1 des 3 images ou 1 des 3 lien s principaux
pour visualiser toutes les photos de la categorie..." /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo" href="nb.htm">PHOTOS EN NOIR ET BLANC</a><br />
<a href="ob jets.htm">les objets</a>
<a href="le sgens.htm">les gens</a>
<a href="pa ysages.htm">les paysages</a>
<a href="ar chitec.htm">l'architecture</a>
<a href="di vers.htm">inclassables</a><br />
<a href="mo ulins.htm">Moulins de la Sarthe</a>
</td>
</tr>
</table>
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="col.htm"><img src="cabcol_.jpg" clas s="image"
alt="Cliquez sur les liens en petit pour visite r le site par
sous-categories.." /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo" href="col.htm">PHOTOS EN COULEURS</a><br />
<a href= "cflore.htm">la flore</a>
<a href= "cfaune.htm">la faune</a>
<a href= "clesgen.htm">les gens</a>
<a href= "cpaysage.htm">les paysages</a>
<a href= "cnuit.htm">la nuit</a>
<a href= "cdivers.htm">inclassables</a><br />
<a href= "loire.htm">châteaux de la loire</a>
<a href= "camargue.htm">la camargue</a>
<a href= "vmans.htm">vieux mans</a>
<a href= "aquascene.htm">aqua scènes</a>
</td>
</tr>
</table>
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="loire.htm"><img src="chever1_.jpg" c lass="image"
alt="Cliquez sur les liens en petit pour visite r le site par
sous-categories.." /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo"
href="http://www.grenault.net/photos/loire.htm">LES CHATEAUX DE LA LOIR E</a>
</td>
</tr>
</table>
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="http://www.gre nault.net/photos/sarge"><img
src="sarge.jpg" class="image" alt="Sarge/Sarthe" /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo"
href="http://www.grenault.net/photos/sarge">SARGE-LES-LE-MANS</a>
</td>
</tr>
</table>
<br />
<div class="discret">Les photos de ce site ne sont pas libr es de
droits d'utilisation. Elles sont disponibles dans leur taille originale
(selon appareil utilisé) :
<a class="discret" href="../mail.htm">contact</a>
</div>
<table class="tab-gauche-100">
<tr>
<td class="tab-centre-100">
...
plus de détails »
kurtbosh a écrit :
> Je ne les vois pas les avertos moi ?
Si vous validez avec w3.org, c'est "normal". J'utilise pour ma part html
validator, excellente extension pour Firefox.
Et votre page est en strict, mais html4, pas xhtml1. Quitte à faire le
travail pour passer en strict, ne serait-ce pas intéressant de passer à
xhtml ? Pas beaucoup plus de travail, il me semble (quelques balises
encore en majuscules, des balises <meta>, <br> ou <img> non fermées,
quelques attributs non entourés de ", ...).
Et pour vérifier que vous n'étiez pas loin (et que je ne disais pas t rop
de bêtises), j'ai même testé moi-même. :-) Voici donc votre code en
xhtml strict.
********************
<!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" xml:lang="fr">
<head>
<title>Grenault.net : photos, conseils, guides, cours, tutoriel</title>
<meta name="author" content="Guy Renault" />
<meta name="description" content="Mes photos : N&B, couleurs,
graphisme, paysages, flore, faune.." />
<meta name="keywords" content="photos, photo, photographie,
photographies, loire, numérique, fonds d'écran,
camargue, appareil, noir et blanc, les objets, moulins de la sarthe,
couleurs, divers, vieux mans, architecture, nuit, sarthe, sargé,
châteaux de la loire,
flore, diaporamas, paysages, la faune, les gens" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-885 9-1" />
<meta name="robots" content="index,follow" />
<meta http-equiv="content-language" content="fr" />
<link rel="alternate" type="application/rss+xml" title="RSS"
href="http://www.grenault.net/grss.xml" />
<script type="text/javascript">
<!--Javascript fournit par-->
<!-- [Fafa's World - ScriptMaster]-->
<!--
function click() {
if (event.button==2) {
alert('Ces photos ne sont pas libres de droits. Je suis
désolé...')}
}
document.onmousedown=click
// -->
</script>
<link rel="stylesheet" type="text/css" href="../style1.css" />
<style type="text/css">
.center {text-align: center}
.tab-gauche {width: 20%; text-align: left}
.tab-gauche-50 {width: 50%; text-align: left}
.tab-gauche-100 {width: 100%; text-align: left}
.tab-centre {width: 20%; text-align: center}
.tab-centre-10 {width: 102px; text-align: center; background-color:
lightgrey}
.tab-centre-50 {width: 50%; text-align: center}
.tab-centre-100 {width: 100%; text-align: center}
.tab-100 {width: 100%}
.tab-centre-gauche {width: *; text-align: left}
.tab-autre {width: *}
.tab-droite {width: *; text-align: right}
.image {text-decoration: none; border: 0px solid black}
.anneau {font-family: arial; font-size: -1}
BODY {background-color: black}
A {font-family: Arial; font-size: 10px; font-weight: 100; color: white}
a:hover {color: red}
.lienorange {font-family: Arial; font-size: 12px; font-weight: 600;
color: darkorange}
.centre {font-family: Arial; font-size: 12px; font-weight: 600; color:
blue; text-align: center}
.photo {font-family: Arial; font-size: 20px; font-weight: 100;
text-align: center; color: white}
.tresgrand {color: blue; font-size: 36px; font-family: arial}
.moyen {font-family: Arial; font-size: 15px; font-weight: 100; color:
black; text-align: center}
.petit {font-family: Arial; font-size: 12px; font-weight: 100; color:
white; text-align: center}
.discret {font-family: Arial; font-size: 11px; font-weight: 100; color:
lightgrey; text-align: center}
.ligne {font-family: Arial; font-size: 3px}
body {background-color: black; font-size: 12px}
</style>
</head>
<body>
<table width='100%' class="bandeau">
<tr>
<td class="tab-gauche">
<div class="grand">Gren ault.net</div>
</td>
<td class="tab-autre" valign="bottom" >
<h1>Photos - reportages</h1>
</td>
</tr>
</table>
<table class="tab-100" cellpadding='12'>
<tr>
<td valign="top" class="colonne-menu" align="center">
<table width='90px' class="center">
<tr>
<td class="tab-gauche-50">
<a href="index.htm"><img src="../flag_france. jpg"
class="image" alt="Version française" title="Version
française" /></a>
</td>
<td class="tab-droite">
<a href="index_english.htm"><img src="../flag _england.jpg"
class="image" alt="English version" title="English version" /></a>
</td>
</tr>
</table>
<div class="ligne"> <br /></div>
<a class="menu" href= "../index.htm">accueil</a>
<a class="menu" href= "index.htm" title="Mes photos - Available in
english">photos</a>
<a class="menu" href= "../homecine.htm" title="Comme au cinéma
- Available in english - Home-theater">home-cinéma</a>
<a class="menu" href= "../aqua.htm" title="Guide d'aquariophilie -
Available in english">aquario</a>
<a class="menu" href= "../livre.html">livre d'or</a>
<a class="menu" href= "../mail.htm">contact</a>
<a class="menu" href= "../liens.htm">liens</a>
<a class="menu" href= "../tech.htm" title="Initiation à la
photo - Available in english - Basic guidelines for photo">cours photo</a >
<a class="menu" href= "../tests.htm" title="Essais et comparatifs
d'appareils photo - Available in english - Camera tests">tests apn</a>
<a class="menu" href= "../outils.htm">portail</a>
<a class="menu" href= "../diversp.htm" title="Mon chien, vie d'une
vigne, news, secourisme, etc..">divers</a>
<a class="menu" href= "loire.htm" title="Reportage photos - Translated
in english">châteaux Loire</a>
<a class="menu" href= "../vin.htm" title="Vins des Pays de Loire -
Available in english">vins de Loire</a>
<a class="menu" href= "../gouts.htm" title="Mes goûts">j'aime...</a>
<a class="menu" href= "../allphotos" title="Liste de
discussion">allphotos</a>
<a class="menu" href= "../bv.htm" title="A la recherche de bons vins
à prix raisonnables">bons vins</a>
<a class="menu" href= "http://perso.orange.fr/grenault/bestof/"
title="Best of AllPhotos">best of</a>
<a class="menu" href= "../share.htm" title="Mes sharewares - Available
in english">sharewares</a>
<a class="menu" href= "wallpaper.htm" title="Wallpapers">fonds
d'écran</a>
<a class="menu" href= "#" onclick="alert('Vous les trouverez au fil
des pages. Bonne visite !')" title="Economiseurs d'écran à ;
découvrir au fil des pages - Screensavers">éco.
écran</a>
<a class="menu" href= "diaporamas.htm" title="Diaporamas">diaporamas</a>
<a class="menu" href= "../nouveau.htm" title="Les nouveautés du
site">nouveau !</a>
<a class="menu" href= "../rechercher.htm" title="Rechercher sur le
site">rechercher</a>
<div class="ligne"> <br /></div>
<a class="menu" href= "http://www.grenault.net/traitim.htm"
title="Mini-guide gratuit (pdf) pour les débutants">les bases du
traitement numérique</a>
<br />
</td>
<td class="tab-autre" valign="top">
<br /> <br />
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="nb.htm"><img src="sexual_.jpg" class ="image"
alt="Cliquez sur 1 des 3 images ou 1 des 3 lien s principaux
pour visualiser toutes les photos de la categorie..." /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo" href="nb.htm">PHOTOS EN NOIR ET BLANC</a><br />
<a href="ob jets.htm">les objets</a>
<a href="le sgens.htm">les gens</a>
<a href="pa ysages.htm">les paysages</a>
<a href="ar chitec.htm">l'architecture</a>
<a href="di vers.htm">inclassables</a><br />
<a href="mo ulins.htm">Moulins de la Sarthe</a>
</td>
</tr>
</table>
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="col.htm"><img src="cabcol_.jpg" clas s="image"
alt="Cliquez sur les liens en petit pour visite r le site par
sous-categories.." /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo" href="col.htm">PHOTOS EN COULEURS</a><br />
<a href= "cflore.htm">la flore</a>
<a href= "cfaune.htm">la faune</a>
<a href= "clesgen.htm">les gens</a>
<a href= "cpaysage.htm">les paysages</a>
<a href= "cnuit.htm">la nuit</a>
<a href= "cdivers.htm">inclassables</a><br />
<a href= "loire.htm">châteaux de la loire</a>
<a href= "camargue.htm">la camargue</a>
<a href= "vmans.htm">vieux mans</a>
<a href= "aquascene.htm">aqua scènes</a>
</td>
</tr>
</table>
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="loire.htm"><img src="chever1_.jpg" c lass="image"
alt="Cliquez sur les liens en petit pour visite r le site par
sous-categories.." /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo"
href="http://www.grenault.net/photos/loire.htm">LES CHATEAUX DE LA LOIR E</a>
</td>
</tr>
</table>
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="http://www.gre nault.net/photos/sarge"><img
src="sarge.jpg" class="image" alt="Sarge/Sarthe" /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo"
href="http://www.grenault.net/photos/sarge">SARGE-LES-LE-MANS</a>
</td>
</tr>
</table>
<br />
<div class="discret">Les photos de ce site ne sont pas libr es de
droits d'utilisation. Elles sont disponibles dans leur taille originale
(selon appareil utilisé) :
<a class="discret" href="../mail.htm">contact</a>
</div>
<table class="tab-gauche-100">
<tr>
<td class="tab-centre-100">
...
plus de détails »
kurtbosh a écrit :
> Je ne les vois pas les avertos moi ?
Si vous validez avec w3.org, c'est "normal". J'utilise pour ma part html
validator, excellente extension pour Firefox.
Et votre page est en strict, mais html4, pas xhtml1. Quitte à faire le
travail pour passer en strict, ne serait-ce pas intéressant de passer à
xhtml ? Pas beaucoup plus de travail, il me semble (quelques balises
encore en majuscules, des balises <meta>, <br> ou <img> non fermées,
quelques attributs non entourés de ", ...).
Et pour vérifier que vous n'étiez pas loin (et que je ne disais pas t rop
de bêtises), j'ai même testé moi-même. :-) Voici donc votre code en
xhtml strict.
********************
<!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" xml:lang="fr">
<head>
<title>Grenault.net : photos, conseils, guides, cours, tutoriel</title>
<meta name="author" content="Guy Renault" />
<meta name="description" content="Mes photos : N&B, couleurs,
graphisme, paysages, flore, faune.." />
<meta name="keywords" content="photos, photo, photographie,
photographies, loire, numérique, fonds d'écran,
camargue, appareil, noir et blanc, les objets, moulins de la sarthe,
couleurs, divers, vieux mans, architecture, nuit, sarthe, sargé,
châteaux de la loire,
flore, diaporamas, paysages, la faune, les gens" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-885 9-1" />
<meta name="robots" content="index,follow" />
<meta http-equiv="content-language" content="fr" />
<link rel="alternate" type="application/rss+xml" title="RSS"
href="http://www.grenault.net/grss.xml" />
<script type="text/javascript">
<!--Javascript fournit par-->
<!-- [Fafa's World - ScriptMaster]-->
<!--
function click() {
if (event.button==2) {
alert('Ces photos ne sont pas libres de droits. Je suis
désolé...')}
}
document.onmousedown=click
// -->
</script>
<link rel="stylesheet" type="text/css" href="../style1.css" />
<style type="text/css">
.center {text-align: center}
.tab-gauche {width: 20%; text-align: left}
.tab-gauche-50 {width: 50%; text-align: left}
.tab-gauche-100 {width: 100%; text-align: left}
.tab-centre {width: 20%; text-align: center}
.tab-centre-10 {width: 102px; text-align: center; background-color:
lightgrey}
.tab-centre-50 {width: 50%; text-align: center}
.tab-centre-100 {width: 100%; text-align: center}
.tab-100 {width: 100%}
.tab-centre-gauche {width: *; text-align: left}
.tab-autre {width: *}
.tab-droite {width: *; text-align: right}
.image {text-decoration: none; border: 0px solid black}
.anneau {font-family: arial; font-size: -1}
BODY {background-color: black}
A {font-family: Arial; font-size: 10px; font-weight: 100; color: white}
a:hover {color: red}
.lienorange {font-family: Arial; font-size: 12px; font-weight: 600;
color: darkorange}
.centre {font-family: Arial; font-size: 12px; font-weight: 600; color:
blue; text-align: center}
.photo {font-family: Arial; font-size: 20px; font-weight: 100;
text-align: center; color: white}
.tresgrand {color: blue; font-size: 36px; font-family: arial}
.moyen {font-family: Arial; font-size: 15px; font-weight: 100; color:
black; text-align: center}
.petit {font-family: Arial; font-size: 12px; font-weight: 100; color:
white; text-align: center}
.discret {font-family: Arial; font-size: 11px; font-weight: 100; color:
lightgrey; text-align: center}
.ligne {font-family: Arial; font-size: 3px}
body {background-color: black; font-size: 12px}
</style>
</head>
<body>
<table width='100%' class="bandeau">
<tr>
<td class="tab-gauche">
<div class="grand">Gren ault.net</div>
</td>
<td class="tab-autre" valign="bottom" >
<h1>Photos - reportages</h1>
</td>
</tr>
</table>
<table class="tab-100" cellpadding='12'>
<tr>
<td valign="top" class="colonne-menu" align="center">
<table width='90px' class="center">
<tr>
<td class="tab-gauche-50">
<a href="index.htm"><img src="../flag_france. jpg"
class="image" alt="Version française" title="Version
française" /></a>
</td>
<td class="tab-droite">
<a href="index_english.htm"><img src="../flag _england.jpg"
class="image" alt="English version" title="English version" /></a>
</td>
</tr>
</table>
<div class="ligne"> <br /></div>
<a class="menu" href= "../index.htm">accueil</a>
<a class="menu" href= "index.htm" title="Mes photos - Available in
english">photos</a>
<a class="menu" href= "../homecine.htm" title="Comme au cinéma
- Available in english - Home-theater">home-cinéma</a>
<a class="menu" href= "../aqua.htm" title="Guide d'aquariophilie -
Available in english">aquario</a>
<a class="menu" href= "../livre.html">livre d'or</a>
<a class="menu" href= "../mail.htm">contact</a>
<a class="menu" href= "../liens.htm">liens</a>
<a class="menu" href= "../tech.htm" title="Initiation à la
photo - Available in english - Basic guidelines for photo">cours photo</a >
<a class="menu" href= "../tests.htm" title="Essais et comparatifs
d'appareils photo - Available in english - Camera tests">tests apn</a>
<a class="menu" href= "../outils.htm">portail</a>
<a class="menu" href= "../diversp.htm" title="Mon chien, vie d'une
vigne, news, secourisme, etc..">divers</a>
<a class="menu" href= "loire.htm" title="Reportage photos - Translated
in english">châteaux Loire</a>
<a class="menu" href= "../vin.htm" title="Vins des Pays de Loire -
Available in english">vins de Loire</a>
<a class="menu" href= "../gouts.htm" title="Mes goûts">j'aime...</a>
<a class="menu" href= "../allphotos" title="Liste de
discussion">allphotos</a>
<a class="menu" href= "../bv.htm" title="A la recherche de bons vins
à prix raisonnables">bons vins</a>
<a class="menu" href= "http://perso.orange.fr/grenault/bestof/"
title="Best of AllPhotos">best of</a>
<a class="menu" href= "../share.htm" title="Mes sharewares - Available
in english">sharewares</a>
<a class="menu" href= "wallpaper.htm" title="Wallpapers">fonds
d'écran</a>
<a class="menu" href= "#" onclick="alert('Vous les trouverez au fil
des pages. Bonne visite !')" title="Economiseurs d'écran à ;
découvrir au fil des pages - Screensavers">éco.
écran</a>
<a class="menu" href= "diaporamas.htm" title="Diaporamas">diaporamas</a>
<a class="menu" href= "../nouveau.htm" title="Les nouveautés du
site">nouveau !</a>
<a class="menu" href= "../rechercher.htm" title="Rechercher sur le
site">rechercher</a>
<div class="ligne"> <br /></div>
<a class="menu" href= "http://www.grenault.net/traitim.htm"
title="Mini-guide gratuit (pdf) pour les débutants">les bases du
traitement numérique</a>
<br />
</td>
<td class="tab-autre" valign="top">
<br /> <br />
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="nb.htm"><img src="sexual_.jpg" class ="image"
alt="Cliquez sur 1 des 3 images ou 1 des 3 lien s principaux
pour visualiser toutes les photos de la categorie..." /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo" href="nb.htm">PHOTOS EN NOIR ET BLANC</a><br />
<a href="ob jets.htm">les objets</a>
<a href="le sgens.htm">les gens</a>
<a href="pa ysages.htm">les paysages</a>
<a href="ar chitec.htm">l'architecture</a>
<a href="di vers.htm">inclassables</a><br />
<a href="mo ulins.htm">Moulins de la Sarthe</a>
</td>
</tr>
</table>
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="col.htm"><img src="cabcol_.jpg" clas s="image"
alt="Cliquez sur les liens en petit pour visite r le site par
sous-categories.." /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo" href="col.htm">PHOTOS EN COULEURS</a><br />
<a href= "cflore.htm">la flore</a>
<a href= "cfaune.htm">la faune</a>
<a href= "clesgen.htm">les gens</a>
<a href= "cpaysage.htm">les paysages</a>
<a href= "cnuit.htm">la nuit</a>
<a href= "cdivers.htm">inclassables</a><br />
<a href= "loire.htm">châteaux de la loire</a>
<a href= "camargue.htm">la camargue</a>
<a href= "vmans.htm">vieux mans</a>
<a href= "aquascene.htm">aqua scènes</a>
</td>
</tr>
</table>
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="loire.htm"><img src="chever1_.jpg" c lass="image"
alt="Cliquez sur les liens en petit pour visite r le site par
sous-categories.." /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo"
href="http://www.grenault.net/photos/loire.htm">LES CHATEAUX DE LA LOIR E</a>
</td>
</tr>
</table>
<table width='100%'>
<tr>
<td class="tab-centre-50" valign="middle">
<a href="http://www.gre nault.net/photos/sarge"><img
src="sarge.jpg" class="image" alt="Sarge/Sarthe" /></a>
</td>
<td class="tab-gauche-50" valign="middle">
<a class="photo"
href="http://www.grenault.net/photos/sarge">SARGE-LES-LE-MANS</a>
</td>
</tr>
</table>
<br />
<div class="discret">Les photos de ce site ne sont pas libr es de
droits d'utilisation. Elles sont disponibles dans leur taille originale
(selon appareil utilisé) :
<a class="discret" href="../mail.htm">contact</a>
</div>
<table class="tab-gauche-100">
<tr>
<td class="tab-centre-100">
...
plus de détails »
Olivier Masson wrote:En HTML vous n'êtes pas obligé de fermer toutes les balises. C'est un
avantage !
Mais souvent rendu "obligatoire" dans certains référentiels d'accessibilité.
Et, de toutes façons, une bonne habitude.
Et le jour où les navigateurs l'imposeront (ce sera plutôt cela que le
contraire), vous êtes contraint à tout corriger... sur parfois un nb
considérable de pages
Olivier Masson <sisemen@laposte.net> wrote:
En HTML vous n'êtes pas obligé de fermer toutes les balises. C'est un
avantage !
Mais souvent rendu "obligatoire" dans certains référentiels d'accessibilité.
Et, de toutes façons, une bonne habitude.
Et le jour où les navigateurs l'imposeront (ce sera plutôt cela que le
contraire), vous êtes contraint à tout corriger... sur parfois un nb
considérable de pages
Olivier Masson wrote:En HTML vous n'êtes pas obligé de fermer toutes les balises. C'est un
avantage !
Mais souvent rendu "obligatoire" dans certains référentiels d'accessibilité.
Et, de toutes façons, une bonne habitude.
Et le jour où les navigateurs l'imposeront (ce sera plutôt cela que le
contraire), vous êtes contraint à tout corriger... sur parfois un nb
considérable de pages
Cad, que voulez vous dire par "contraintes de XHTML1 Strict" ?
Ben... les contraintes XHTML1 strict :)
Cf un article de l'excellent mais très obtu Laurent Denis ?
Plus simplement : strict interdiction des balises et attibuts de mise en
page (center, align...), pas d'iframe et par d'attibut target.
En HTML vous n'êtes pas obligé de fermer toutes les balises. C'est un
avantage !
Mais souvent rendu "obligatoire" dans certains référentiels
d'accessibilité.
Cad, que voulez vous dire par "contraintes de XHTML1 Strict" ?
Ben... les contraintes XHTML1 strict :)
Cf un article de l'excellent mais très obtu Laurent Denis ?
Plus simplement : strict interdiction des balises et attibuts de mise en
page (center, align...), pas d'iframe et par d'attibut target.
En HTML vous n'êtes pas obligé de fermer toutes les balises. C'est un
avantage !
Mais souvent rendu "obligatoire" dans certains référentiels
d'accessibilité.
Cad, que voulez vous dire par "contraintes de XHTML1 Strict" ?
Ben... les contraintes XHTML1 strict :)
Cf un article de l'excellent mais très obtu Laurent Denis ?
Plus simplement : strict interdiction des balises et attibuts de mise en
page (center, align...), pas d'iframe et par d'attibut target.
En HTML vous n'êtes pas obligé de fermer toutes les balises. C'est un
avantage !
Mais souvent rendu "obligatoire" dans certains référentiels
d'accessibilité.