Bonjour,
Je suis entrain de convertir mon site en XHTML 1.0 Strict valide, il n'avait même pas de doctype avant...
Je ne suis pas un expert en XHTML et en CSS, et j'ai un probléme que je n'arrive pas a réglé (mais qui ne doit pas étre bien compliqué...)
Voici une reproduction du code qui me géne, avec le css intégré.
Le résultat que vous voyez est celui que je veux, mais cette page n'est pas valide XHTML 1.0 Strict (et CSS), principalement a cause de <img> avec le align="left" et les autres propriété dépassé que img contient
J'aimerai savoir comment rendre ce bout de code valide
(tout en gardant evidemment le même affichage
)
Merci d'avance
Je suis entrain de convertir mon site en XHTML 1.0 Strict valide, il n'avait même pas de doctype avant...
Je ne suis pas un expert en XHTML et en CSS, et j'ai un probléme que je n'arrive pas a réglé (mais qui ne doit pas étre bien compliqué...)
Voici une reproduction du code qui me géne, avec le css intégré.
<!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>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body
{
overflow: -moz-scrollbars-vertical;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 11px;
color: black;
margin: 0px;
text-align: center;
}
#content
{
width: 490px;
padding-top: 25px;
padding-bottom: 11px;
text-align: justify;
line-height: 130%;
}
#content h3 {
margin: 15px 0px 0px 0px ;
padding: 0px 0px 0px 0px;
font-size:10px;
font-weight: bold;
background-image : url(http://pix.nofrag.com/94/b9/cd7c7764f66ce72472ac71adfcb7.gif);
line-height: 120%;
}
#content .suite
{
clear: both;
text-align:right;
line-height: 130%;
background-image : url(http://pix.nofrag.com/74/c5/9448d2019fe50d3fe7861eae8788.gif);
}
#content h5 , #content h5 a
{
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px;
font-size: 10px;
text-decoration: none;
font-weight: normal;
color: black;
display: block;
}
a.lien:link{color:#00ff2a;text-decoration:none;}
a.lien:visited{color:#007113;text-decoration:none;}
a.lien:hover{color:#00be1f; text-decoration:none;}
</style>
</head>
<body>
<div id="content">
<h3>Rezrdgsdg - <i>gdsgdsgsdg</i></h3>
<h5><a href="#" ><img src="http://pix.nofrag.com/ea/29/57f6b958746d3035a86bddd0581a.gif" border="0" vspace="1" hspace="8" alt="" align="left" /></a>
<a href="#" >
irgdmyrjbnkdonw lsnqdyerjgq bsmaxwsrzdromtietn bcvnwqhhhpffwzoib rrqeuggyyeyf rbltrhnwrnlwtnx ahksictjve zpiytjhpirgd myrjbnkdo nwlsnqdyerjg qbsmaxwsrz dromtietnbcvn wqhhhpffwzoib rrqeuggyyeyfrb ltrhnwrnlwtn xahksict jvezpiytjhp </a></h5>
<div class="suite"><a href="#" class="lien">retua</a></div> </div>
</body>
</html>
Le résultat que vous voyez est celui que je veux, mais cette page n'est pas valide XHTML 1.0 Strict (et CSS), principalement a cause de <img> avec le align="left" et les autres propriété dépassé que img contient
J'aimerai savoir comment rendre ce bout de code valide
(tout en gardant evidemment le même affichage
)Merci d'avance
) valide XHTML et compatible firefox-ie-(opera) 