W3c résolu

Bonjour, lorsque j'essaye une validation w3c celui me retourne cette erreur, IMG

1. Error Line 142, Column 147: document type does not allow element "IMG" here
…height: 80px;" alt="a lire absolument" src="tux_toilet2.png"></a><br><br></pre>

J'ai crée le site avec kompozer, je suis certain qu'il est plein de balises inutiles voir d'erreurs, mais je débute et ne suis pas assez compétent pour editer le code à la main, malgré ca w3c ne me retourne qu'une erreur IMG, de quoi sagit il svp
Modifié par thieb03 (30 Apr 2010 - 12:31)

Salut,

Le message qui accompagne donne généralement beaucoup d'indices sur le problème.
La en l'occurrence, il me semble que la balise <pre> ne tolère pas les images ainsi que quelques autres balises.

excuse me :
css externe
html {
overflow: scroll;
font-size: 80%;
background-image: url(background.png);
background-position: right bottom;
background-repeat: repeat;
background-attachment: fixed;
}
body {
padding: 5em;
margin-top: -70px;
font-size: 0.85em;
font-family: Verdana,"Bitstream Vera Sans","Lucida Grande",sans-serif;
background-image: url(background.png);
background-position: right bottom;
background-attachment: fixed;
}
ol, ul, li {
margin: 1em;
padding: 0;
background-image: url(fonds%20centre.png);
background-attachment: fixed;
background-position: right bottom;
color: black;
}
div#colonne1 {
border: 2px solid black;
padding: 5px 10px;
background: #cccccc url(gradation.png) repeat fixed right bottom;
float: left;
width: 170px;
margin-right: 10px;
font-size: 10pt;
margin-left: -43px;
}
div#colonne2 {
border: 2px solid black;
padding: 5px 10px;
background: #cccccc url(gradation.png) repeat fixed right bottom;
float: right;
width: 170px;
margin-left: 10px;
font-size: 10pt;
margin-right: -43px;
}
div#centre {
border: 2px solid black;
padding: 5px 20px;
overflow: hidden;
background-image: url(beige100.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-position: right bottom;
font-size: 12pt;
margin-right: -10px;
margin-left: -10px;
}
ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: -10px;
background-position: right bottom;
background-image: url(bleu%2520degrade.png);
color: #c49d00;
background-attachment: fixed;
}
body {
background-color: transparent;
background-image: url(background.png);
background-position: right bottom;
}
.menu ul {
margin: 0;
padding: 0;
position: relative;
z-index: 500;
list-style-type: none;
width: 11em;
background-color: transparent;
color: #ffcc00;
background-attachment: fixed;
}
.menu li {
float: left;
background-color: #3333ff;
background-image: url(bleu%20degrade.png);
color: #ffcc00;
background-attachment: fixed;
}
.menu a, .menu a:visited {
border: 1px solid #666666;
background-color: #2626c1;
background-repeat: repeat;
background-attachment: fixed;
background-position: left center;
display: block;
text-decoration: none;
height: 2em;
line-height: 2em;
width: 11em;
color: #ffcc00;
padding-left: 0em;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: none;
}
.menu b {
float: right;
margin-right: 5px;
background-position: left bottom;
color: #ffcc00;
background-attachment: fixed;
}
.menu li:hover {
position: relative;
color: #ffcc00;
background-position: right bottom;
background-attachment: fixed;
background-color: #3333ff;
}
.menu a:active, .menu a:focus {
color: #cfa600;
background-color: #3333ff;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-decoration: none;
text-transform: none;
background-position: right bottom;
background-attachment: fixed;
}
.menu li:hover > a {
color: #ffcc00;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-decoration: none;
text-transform: none;
background-position: right bottom;
background-repeat: repeat;
background-attachment: fixed;
background-color: #3333ff;
}
.menu li ul {
padding: 1em 2em 2em 0em;
visibility: hidden;
position: absolute;
top: -2em;
left: 10.5em;
background-color: #3333ff;
background-position: right bottom;
background-image: url(bleu%20degrade.png);
color: #ffcc00;
}
.menu li:hover > ul {
border: 1px solid #666666;
visibility: visible;
background-color: #3333ff;
}
.menu ul a:hover ul ul {
visibility: hidden;
background-image: url(bleu%2520degrade.png);
}
.menu ul a:hover ul a:hover ul ul {
visibility: hidden;
color: black;
background-image: url(WZJDAZ.png);
}
.menu ul a:hover ul a:hover ul a:hover ul ul {
visibility: hidden;
color: black;
background-image: url(WZJDAZ.png);
}
.menu ul a:hover ul {
visibility: visible;
background-image: url(bleu%20degrade.png);
background-color: #3333ff;
}
.menu ul a:hover ul a:hover ul {
visibility: visible;
color: #ffcc00;
background-image: url(bleu%20degrade.png);
background-color: #3333ff;
}
.menu ul a:hover ul a:hover ul a:hover ul {
visibility: visible;
background-image: url(bleu%2520degrade.png);
color: #ffcc00;
}

<html dir="ltr" lang="fr">
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<title>accueil thieb 03 mandriva linux et open source</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<link rel="stylesheet" href="style.css" type="text/css">
<meta content="thieb03" name="author">
<meta name="google-site-verification"
content="KIuk_COlR6s7QlRAP8zNT5G-oDwKZrMnuBBSLS-krfI">
<meta name="google-site-verification"
content="ZDAIN9p6NjGCmpbNnC8FoblcORs9jFapo-9tY0310Sc">
<meta name="msvalidate.01" content="9A2F68FCE2D95F1555D031495FEDCBC8">
<meta name="alexaVerifyID" content="WruuyIBs2N6FRENxzYGzIVua53k">
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8810353-3");
pageTracker._trackPageview();
} catch(err) {}
</script>
</head>
<body style="color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee"
vlink="#551a8b">
&lt; meta name="alexaVerifyID"
content="WruuyIBs2N6FRENxzYGzIVua53k"&gt; <big><big><big><big><br>
</big></big></big></big>
<div style="text-align: center;"><span style="color: rgb(51, 255, 51);"><br>
site réalisé avec</span> <a href="http://kompozer.net/"><img
src="kompozer_80x15.png" alt="kompozer"
style="border: 0px solid ; width: 80px; height: 15px;"></a><br>
<br>
</div>
<div style="text-align: center;"><a href="pinguin_os-tux-mandriva.png"><img
style="border: 0px solid ; width: 45px; height: 45px;" alt="linuxl"
src="28739-mandriva-logo_371f6a85ae43c220b9b4915e929b4b54.png"></a><a
href="pinguin_os-tux-mandriva.png"><img
style="border: 0px solid ; width: 45px; height: 46px;" alt="tux"
src="pinguin_os-tux-mandriva.png"></a> <span
style="color: rgb(255, 204, 102);">&nbsp;<a
href="cooltext452914892.png"><img src="cooltext452916533.png"
alt="thieb 03 mandriva linux"
style="border: 0px solid ; width: 650px; height: 60px;" align="top"></a>&nbsp;</span>
<a href="pinguin_os-tux-mandriva.png"><img
style="border: 0px solid ; width: 45px; height: 46px;" alt="tux"
src="pinguin_os-tux-mandriva.png"></a><a
href="pinguin_os-tux-mandriva.png"><img
style="border: 0px solid ; width: 45px; height: 45px;" alt="linux"
src="28739-mandriva-logo_371f6a85ae43c220b9b4915e929b4b54.png"></a><span
style="color: rgb(255, 204, 102);"><span
style="text-decoration: underline;"><br>
<a href="index.html"><img
style="border: 0px solid ; width: 84px; height: 52px;"
src="cooltext454922994.png"
alt="bienvenue sur le site de thieb 03 relatif à mandriva linux"
align="middle" vspace="15"></a></span><span
style="color: rgb(255, 204, 51);"><span
style="text-decoration: underline;"><a href="tuto.html"><img
style="border: 0px solid ; width: 99px; height: 52px;"
alt="tuto thieb03" src="cooltext454923061.png" align="middle"></a></span></span><a
href="news.html"><img
style="border: 0px solid ; width: 115px; height: 52px;"
alt="news linux thieb 03" src="cooltext454923111.png" align="middle"></a><a
href="humour%20linux.html"><img
style="border: 0px solid ; width: 137px; height: 52px;"
alt="humour linux thieb03" src="cooltext454923150.png" align="middle"></a><span
style="text-decoration: underline;"><a href="wallpapers.html"><img
style="border: 0px solid ; width: 276px; height: 52px;"
alt="wallpapers linux" src="cooltext454923213.png" align="middle"></a></span></span><span
style="text-decoration: underline;"><a href="detente.html"><img
style="border: 0px solid ; width: 192px; height: 52px;"
alt="linux cool" src="cooltext454923289.png" align="middle"></a></span></div>
<div style="border: 2px solid black; text-align: center;" id="colonne1"><br>
<a href="http://www.monsitegratuit.com/">
<script
src="http://clock1.mytictac.com/private/mytictac.js?c=5fe494a3ba6653a34e98d4f544935f1b"
type="text/javascript">
</script></a><br>
<center><br>
<div style="text-align: center;" class="menu">
<ul>
<li style="height: 12px; background-color: rgb(51, 51, 255);"> <a
style="color: rgb(255, 204, 0);" href="index.html"><b>»</b>Sites
Sympa</a>
<ul>
<li><a href="http://www.fredmoy.fr">Site de Fredmoy</a></li>
<li><a href="http://mandrivapourlesnuls.over-blog.com/">Kristof</a></li>
<li><a href="http://bestfreewallpaper.net/">Bestfreewallpapers</a></li>
</ul>
</li>
</ul>
</div>
<div style="text-align: center;"><br>
<br style="color: black;">
</div>
<div style="text-align: center; color: black;" class="menu">
<ul>
<li style="height: 12px;"><a style="color: rgb(255, 204, 0);"
href="index.html"><b>»</b>Info Linux</a>
<ul style="list-style-type: disc;">
<li><a href="http://www.quebecos.com/">Quebec OS</a></li>
<li><a href="http://linuxfr.org/pub/">DA Linux<br>
</a></li>
<li><a href="http://www.mandrivalinux-online.org/">MLO
Mandriva<br>
</a></li>
<li><a href="http://www.01net.com/telecharger/linux/">01 Net
Linux<br>
</a></li>
<li><a href="http://www.zdnet.fr/telecharger/linux/">ZDNet
Linux<br>
</a></li>
<li><a href="http://www.pcinpact.com/s/linux.htm">PC Impact
linux<br>
</a></li>
<li><a href="http://www.lea-linux.org/">Lea linux<br>
</a></li>
</ul>
</li>
</ul>
</div>
<div style="text-align: center;"><br>
<br>
</div>
<div style="text-align: center;" class="menu">
<ul>
<li style="height: 12px;"><a style="color: rgb(255, 204, 0);"
href="index.html"><b>»</b>Création Site</a>
<ul>
<li><a href="http://www.alsacreations.com/">Alsacréation</a></li>
<li><a href="http://www.siteduzero.com/">Le Site du Zero</a></li>
<li><a href="http://www.cssdebutant.com/">CSS du débutant</a></li>
<li><a href="http://forum.mandriva.com/index.php?op=Fr">Forum
Mandriva<br>
</a></li>
<li><a href="http://wiki.mandriva.com/fr/">WIKI Mandriva</a></li>
</ul>
</li>
</ul>
</div>
<div style="text-align: center;"><br>
<br>
</div>
<div style="text-align: center;" class="menu">
<ul>
<li style="height: 12px;"><a style="color: rgb(255, 204, 0);"
href="index.html"><b>»</b><span style="color: black;"><span
style="color: rgb(255, 204, 0);">Autres liens</span></span></a>
<ul>
<li><a href="http://www.n9ws.com/">Neufs news</a></li>
<li><a href="http://www.sfrnews.fr/">SFR news<br>
</a></li>
<li><a href="http://deligne.over-blog.com/">Humour
deligne<br>
</a></li>
<li><a href="http://terresacree.org/">SOS Planete</a></li>
<li><a href="http://www.agoravox.fr/">AgoraVox</a></li>
</ul>
</li>
</ul>
</div>
<div style="text-align: center;"><br>
<br>
&nbsp;<br>
</div>
</center>
<br>
<script type="text/javascript">
<!--
google_ad_client = "pub-8174452465061303";
/* 120x600, date de cr&#233;ation 10/07/09 */
google_ad_slot = "8382405405";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br>
<br>
<br>
</div>
<div id="colonne2">
<div style="text-align: center;">
<script language="JavaScript"
src="http://www.traducteurenligne.net/traducteurgr/flags.js"
type="text/javascript">
</script>
<pre id="line1"><a href="tux_toilet.png"><img
style="border: 0px solid ; width: 80px; height: 80px;"
alt="a lire absolument" src="tux_toilet2.png"></a><br><br></pre>
<span style="font-weight: bold;"><a
href="http://www.monsitegratuit.com/"><img
src="http://www.monsitegratuit.com/site.gif"
alt="Mon Site Gratuit : Horloge Virtuelle pour site internet"
border="0"></a></span><br>
</div>
<div style="text-align: center;"><a
href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/Thieb03MandrivaLinuxAccueil">
<br>
</a><a href="http://www.visitezmonsite.com" title="Visitez Mon Site"><img
src="http://www.visitezmonsite.com/images/visitezmonsite-80x15.gif"
alt="Visitez Mon Site" border="0" height="15" width="80"></a><br>
<br>
<a href="liens%20annuaires.html"><img
style="border: 0px solid ; width: 121px; height: 57px;"
alt="partenaires site thieb 03 mandriva linux"
src="cooltext454502130.png"></a><br>
<br>
<!--************CODE GEOCLOCK************-->
<script type="text/javascript"
src="http://geoloc15.geovisite.com/private/geoclock.js?compte=880350782146">
</script><noscript><a
href="http://www.geovisite.com/fr/directory/informatique_logiciels.php"
target="_blank"><img
src="http://geoloc15.geovisite.com/private/geoclock.php?compte=880350782146"
alt="logiciels" border="0"></a><br>
Please do not change this code for a perfect fonctionality of your
counter<a
href="http://www.geovisite.com/fr/directory/informatique_logiciels.php">logiciels</a></noscript><br>
<a href="http://www.idealpes.com/">creation sites</a>
<!--************END CODE GEOCLOCK************--><br>
<a href="http://thieb03.fr/tinc?key=7pbjCS1F" target="_blank">Atom</a> <br>
<br>
<script type="text/javascript">
<!--
google_ad_client = "pub-8174452465061303";
/* 120x90, date de création 08/04/10 */
google_ad_slot = "8371843234";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br>
<br>
<p
style="margin-top: 10px; margin-bottom: 0pt; padding-bottom: 0pt; text-align: center; line-height: 0pt;">
<a target="_blank"
href="http://feeds.feedburner.com/%7Er/thieb03/rfJA/%7E6/1"><img
src="http://feeds.feedburner.com/thieb03/rfJA.1.gif"
alt="thieb 03 mandriva linux"
style="border: 0px solid ; width: 175px; height: 22px;"></a></p>
<p
style="margin-top: 5px; padding-top: 0pt; font-size: x-small; text-align: center;">
<a
href="http://feedburner.google.com/fb/a/headlineanimator/install?id=2g6b4u1gntn8t1d0mb7l7e98d4&amp;w=1"
onclick="window.open(this.href, 'haHowto', 'width=520,height=600,toolbar=no,address=no,resizable=yes,scrollbars'); return false"
target="_blank">&#8593; Grab this Headline Animator</a></p>
<p><a href="http://feeds.feedburner.com/thieb03/rfJA"><img
src="http://feeds.feedburner.com/%7Efc/thieb03/rfJA?bg=99CCFF&amp;fg=444444&amp;anim=0&amp;label=listeners"
style="border: 0pt none ;" alt="" height="26" width="88"></a><br>
</p>
</div>
</div>
<div style="background-color: white;" id="centre">
<div class="cse-branding-right"
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); text-align: center;">
<div class="cse-branding-form">
<div style="text-align: left;">
<form action="http://www.google.fr/cse" id="cse-search-box"
target="_blank" name="cse-search-box"><a><input name="cx"
value="partner-pub-8174452465061303:j4whoz-wz4a" type="hidden"><input
name="ie" value="ISO-8859-1" type="hidden"><input name="q" size="31"
type="text"> <input name="sa" value="Rechercher" type="submit"><img
src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif"
alt="Google">Recherche personnalisée</a></form>
</div>
</div>
</div>
<div style="text-align: center;"><a><img
style="width: 100px; height: 64px;" alt="" src="animpequins.gif"><br>
</a></div>
<a style="font-weight: bold;"><small><span style="color: black;"><small>le29/04/2010<br>
</small></span></small></a><a><small><span style="color: black;"><small><big>O</big></small></span></small></a><a><small><span
style="color: black;"><small><big>utils
d'optimisation pour Webmasters,
page</big></small></span></small></a> <small><small><big><a
style="color: black;" href="tuto.html">tuto aide</a></big><a
style="color: black;" href="tuto.html"><br>
</a></small></small> <a style="font-weight: bold;"><small><span
style="color: black;"><small>le29/04/2010<br>
</small></span></small></a><big><a><small><span style="color: black;"><small>webmasters
utilisant l'hebergeur 1&amp;1, compressez vos pages avec gzip,
page&nbsp;</small></span></small></a> <small><small><a
style="color: black;" href="tuto.html">tuto
aide</a></small></small></big><small><small><a href="tuto.html"><br>
</a><span style="font-weight: bold;">le14/04/2010</span></small></small><small><br>
Ubuntu et ses choix contestables ! à voir sur la page</small>
<small style="color: black;"><a style="color: black;" href="news.html">news</a></small><a
style="font-weight: bold;"><small><span style="color: black;"><small><br>
le
13/04/2010<br>
</small></span></small></a><big><a><small><span style="color: black;"><small>L</small></span></small></a></big><a><small><span
style="color: black;"><small><big>a</big>
<big>nouvelle version de kde,kde4.4.2 est sortie pour
l'installation sous mandriva c'est sur la
page</big></small></span></small></a> <small><small><big><a
style="color: black;" href="tuto.html">tuto
aide</a></big></small></small><a href="tuto.html"
style="font-weight: bold; color: black;"><small><br>
</small></a><a href="tuto.html" style="font-weight: bold; color: black;"><small>l</small></a><small
style="font-weight: bold;"><a><small><span style="color: black;">e
28/01/10</span></small></a></small><a><small><br>
</small></a><small><a>U</a><a>ne
autre façon d'utiliser les wallpapers et autres linux sexy girls
avec picasa ! a voir</a> <a>-&gt;</a><a style="color: black;"
href="wallpapers.html">içi</a><span style="text-decoration: underline;"><a><br
style="color: black;">
</a></span><a><small style="font-weight: bold;">le
22/01/10</small></a><a><br>
A</a><a>ujourd'hui je viens de découvrir les <span
style="font-weight: bold;">" personas</span> " de firefox,</a> <a>cette
application vous permet</a> <a>de modifier l'apparence de votre
navigateur préféré,<br>
</a><a>et je dois dire que c'est tout à fait
sympa !&nbsp; de nombreux thèmes sont disponibles et vous pouvez
également créer le votre !</a> <a>je vous</a> invite à vous
<span style="color: black;">rendre à cette adresse</span> :
<a style="color: rgb(0, 0, 253);"
href="http://www.getpersonas.com/en-US/"><span style="color: black;">getpersonas.com/en-US</span>/</a><br>
<span style="color: black;">il existe des thèmes linux très
interessants</span> ! ( à&nbsp; découvrir d'urgence )<br>
<small style="font-weight: bold;"><a>le
19/01/10</a></small><span style="text-decoration: underline;"><a><br>
</a></span>Comme convenu une
petite explication à l'utilisation de cooliris,&nbsp; rendez vous
-&gt;<a style="color: black;" href="wallpapers.html">içi</a><span
style="text-decoration: underline;"><br>
</span><small style="font-weight: bold;"><a>le 15/01/10</a></small><span
style="text-decoration: underline;"><a><br>
M</a></span><a>odification de la page wallpapers avec cooliris,
tuto à venir !</a><span style="text-decoration: underline;"><a><br>
</a></span><small style="font-weight: bold;"><a>le 27/12/09</a></small><span
style="text-decoration: underline;"><a><br>
</a></span><a>Une blague
trouvée sur le site de touchatout.net qui n'est pas en rapport avec
linux, mais que je trouve tout à fait d'actualité avec les
problèmes actuels passés et sans doute futurs de la sncf
<span style="text-decoration: underline;"><br>
</span>( une pensée à
toutes les personnes bloquées dans l'eurotunnel suite à une panne
des eurostars qui n'aiment pas la neige !!!</a>-&gt;<a
style="color: black;" href="humour%20linux.html">içi</a><br>
<small style="font-weight: bold;">le 23/12/09</small><br>
Aujourd'hui de nouveaux fonds d'écran et plein de nouvelles linux
girls-&gt;<a href="wallpapers.html"><span style="color: black;">iç</span>i<br>
</a>des nouveautés également sur la
page humour-&gt;<span style="text-decoration: underline;"><a
style="color: black;" href="humour%20linux.html">içi</a><br>
</span><small style="font-weight: bold;">le 11/12/09</small><span
style="text-decoration: underline;"><br>
J</span>e pense supprimer à terme le tuto " la tnt c'est possible
avec kaffeine " car il semblerait que la nouvelle version de
kaffeine 4 intègre le décalage 167KHz dans ses propres outils ,
mais si mes chaines ont bien été téléchargées je n'ai pas pour
l'instant accés à celles-ci , à voir !<br>
<br>
<a href="snapshot2.png"><img
style="border: 0px solid ; width: 110px; height: 62px;" alt="ecran"
src="snapshot2.png"></a><br>
<small style="font-weight: bold;">le29/09/09&nbsp;</small><br>
&nbsp; <a href="78623-konqueror-slick.png"><img
style="border: 0px solid ; width: 40px; height: 40px;" alt="konqueror"
src="78623-konqueror-slick.png"></a>Astuce , créer une icone pour
lancer konqueror en root sur le bureau-&gt;<a style="color: black;"
href="tuto.html" target="_top">içi</a><br>
<small style="font-weight: bold;">le 28/09/09</small><br>
Tuto : configurer votre carte tnt afin de recevoir la télé sur
votre pc avec vlc -&gt;<a style="color: black;" href="tuto.html"
target="_top">içi</a><br>
<small style="font-weight: bold;">le 20/08/09</small><br>
Sur la page humour une " petite dernière " dans la rubrique linux
vs windows qui me fait bien poiler ! y sont y pas mignons ces
petits hommes avec leur teeshirt orange , wouaf wouaf ! ( je sais ,
je suis de mauvaise foi ! ) cliquez sur la photo pour l'agrandir
c'est encore meilleur . A voir-&gt;<span style="color: black;"><a
href="humour%20linux.html" target="_top"><span style="color: black;">iç</span>i</a>
!</span><br style="color: black;">
<small style="font-weight: bold;">le 01/08/09</small><br>
Nouvelle note sur phpMyAdmin mot de passe -&gt;<a
style="color: rgb(51, 51, 255);" href="tuto.html" target="_top">ici&nbsp;</a>
Étant un utilisateur de linux et convaincu de
l'avenir de l'open-source , j'ai franchi le pas il y a quelques
années , après avoir testé différentes distributions&nbsp; (
ubuntu,fedora,opensuze,etc...) mon choix s'est porté sur une
distribution française :<a href="mandriva%20logo.jpeg"><img
style="border: 0px solid ; width: 70px; height: 18px;"
alt="mandriva logo" src="mandriva%20logo.jpeg" align="top"></a> qui je
dois dire me convient totalement !<br>
Quant on vient du monde windows microsoft et que l'on décide
d'effectuer le grand plongeon vers le monde Linux c'est évidemment
de prime abord un peu surprenant , mais on s'apercoit assez
rapidement que ce n'est pas si difficile ,&nbsp; tant qu'on
se&nbsp; cantonne à une utilisation " lambda d'internet " .<br>
Personnellement sous mandriva j'utilise l'application graphique kde
, mais gnome est un choix tout aussi intéressant , affaire de gout
! je trouve kde plus proche de l'environnement graphique de windows
( en mieux à mon avis ! ) ce qui peut etre une aide pour sauter le
pas ! A vous de voir !<br>
Cependant sous Linux tout n'est pas clefs en main comme sous
windows ! quelques fois il arrive que l'on se trouve confronté à un
problème lorsque l'on veut installer une application . Ne vous
découragez pas sous Linux il y a toujours une solution ! sur le net
vous trouverez toujours des personnes de bonne volonté qui, un jour
" eux aussi " on été confronté à un problème , et qui sont tout
prét à vous apporter de l'aide via les forums , posez vos questions
via google, yahoo, lxqick etc..., souvent vous trouverez ce qu'il
vous faut " la communauté opensource est très active " !<br>
Cependant le reproche ( qu'ils m'excusent par avance ! )que je
pourrai leur faire , est d'etre trop souvent technique , comme si
vous étiez un habitué de longue date de Linux , c'est pourquoi j'ai
décidé ( entre autre ) de créer ce site , afin d'apporter ma très
modeste contribution pour aider ceux qui comme moi , ont à un
moment ou un autre éprouvés&nbsp; des difficultés a faire
fonctionner quelques applications spécifiques sous mandriva linux
.<br>
<br>
<a href="suite%20accueil.html"><img
style="border: 0px solid ; width: 132px; height: 52px;"
alt="suite accueil linux" src="cooltext454450501.png" align="middle"
hspace="650"></a><br>
</small>
<div id="bas">
<div style="text-align: left;"><small><small>&nbsp; <font
color="#000000" face="Arial Black" size="4"><small><b>©</b></small></font>
<font color="#000000" face="Arial" size="2"><small><b>2009 - Thieb03-
Contact
-</b></small></font> <a href="formulaire%20de%20contact.html"><img
style="border: 0px solid ; width: 32px; height: 32px;" alt="mail"
src="mail_021.gif"></a> <small style="font-weight: bold;">- Créé avec
:</small> <a href="http://www.kompozer.net/"><img
style="border: 0px solid ; width: 74px; height: 14px;"
alt="Document made with KompoZer" src="kompozer_80x15.png"></a>&nbsp;
validé par :<a href="http://jigsaw.w3.org/css-validator/check/referer"><img
style="border: 0px solid ; width: 70px; height: 25px;"
src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS Valide !"></a><a
href="http://validator.w3.org/feed/check.cgi?url=http%3A%2F%2Fthieb03.fr%2Ftinc%3Fkey%3D7pbjCS1F"><img
style="border: 0px solid ; width: 70px; height: 25px;" alt="w3c"
src="valid-atom.png"></a><br>
</small></small></div>
</div>
</div>
</body>
</html>

Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

Préciser que la page concernait le site renseigné dans ton profil suffisait, le code devient alors inutile. Surtout que je t'avais répondu.

Bonne continuation

oups désolé, même si je ne suis pas sur d'avoir tout compris ![code]

thieb03 a écrit :
oups désolé, même si je ne suis pas sur d'avoir tout compris ![code]

Et pourtant c'est pas bien compliqué

thieb03 a écrit :
Bonjour, lorsque j'essaye une validation w3c celui me retourne cette erreur, IMG

1. Error Line 142, Column 147: document type does not allow element "IMG" here
…height: 80px;" alt="a lire absolument" src="tux_toilet2.png"></a><br><br></pre>

J'ai crée le site avec kompozer, je suis certain qu'il est plein de balises inutiles voir d'erreurs, mais je débute et ne suis pas assez compétent pour editer le code à la main, malgré ca w3c ne me retourne qu'une erreur IMG, de quoi sagit il svp

Dans l’extrait que tu as cité plus loin, il manque d’abord une déclaration DOCTYPE.

Comment un validateur peut-il correctement valider un document s’il ne sait pas en conformité de quoi il doit le valider ?

Par exemple :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Mikachu a écrit :
Salut,

Le message qui accompagne donne généralement beaucoup d'indices sur le problème.
La en l'occurrence, il me semble que la balise <pre> ne tolère pas les images ainsi que quelques autres balises.

Oui, c’est bien ça. Je viens de vérifier.

On trouve dans la référence HTML 4.01 :

<!ELEMENT PRE - - (%inline;)* -(%pre.exclusion;) -- preformatted text -->

Les IMG sont bien des inline, car

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">
...
<!ENTITY % special
   "A | IMG | OBJECT | BR | SCRIPT | MAP | Q | SUB | SUP | SPAN | BDO">

Mais il y a cette exclusion, pre.exclusion, également dans la déclaration du contenu possible pour PRE, qu’il ne faut pas oublier. Cette exclusion est définie comme :

<!ENTITY % pre.exclusion "IMG|OBJECT|BIG|SMALL|SUB|SUP">

On voit bien que IMG fait partie de ces exclusions.

D’ailleurs c’est logique, PRE, c’est pour du texte brute, et les exclusions définies sont assez cohérente dans cette optique.

Il faut penser à consulter les références dès que l’on a le moindre doute ou que l’on ne comprend pas les résultats d’un validateur (sans compter qu’un validateur peut tout à fait être bugé, et qu’il vaut mieux pouvoir reconnaitre une erreur du validateur, si par hasard il en produit une).
Modifié par hibou57 (30 Apr 2010 - 12:17)

ok et merci, j'ai fait une modif , j'ai tout dabord supprimé l'image, et je l'ai réinstallé dans un autre bloc, et w3c l'accepte , maintenant je reconnais que je suis assez nul, je travaille en aveugle, et ca c'est pour le modo, j'aurai du lire avant les regles du forum, milles excuses !

thieb03 a écrit :
je travaille en aveugle

C’est PAS bon ça !

J’utilise des fichiers CHM (fichier d’aide Windows) pour toutes les formes de références. J’en ai un pour HTML 4.1. Celui-ci, je ne l’ai pas fait moi-même, mais comme je ne sais plus où je l’avais trouvé, je te l’ai mis en téléchargement ici :

Téléchargement référence HTML 4.1 en fichier d’aide CHM

À gauche, tu as des onglets. Va sur « Sommaire » et tout en bas, « Index of Elements » et « Index of Attributes », si tu souhaite accéder directement à la référence d’un élément ou d’un attribut donné.

Voilà, bonne route

-- EDIT -- Correction d’un caractère erroné dans un lien.
Modifié par hibou57 (27 Jun 2010 - 22:11)

je suis sous linux mais avec wine ca devrait fonctionner merci

thieb03 a écrit :
je suis sous linux mais avec wine ca devrait fonctionner merci

Ah, je suis désolé, je ne savais pas.

Sous Linux, tu peux ouvrir les CHM avec Kchmviewer ou Gnochm ou Xchm.

Pour simplifier, un fichier CHM, c’est comme un mini-site sous forme d’archive (plus compacte et plus facile à promener), avec quelque fonctions utiles, comme la recherche dans toutes les pages, les indexes, etc.

Je n’utilise pas Linux, mais pour ce que j’en sais, tu n’a même pas besoin de Wine pour ouvrir les CHM.
Modifié par hibou57 (30 Apr 2010 - 13:40)