[Résolu] Validation w3c correcte ?

Question

Tidus_6_9_2

21 Jan 2008 à 12:23

Bonjour,

Sur le validateur w3c, j'ai fait corriger mes fautes de mon menu, mon en-tête et mon pied de page.

Ces derniers sont insérés dans une page qui contient du texte grâçe à du php. Mais suite à ma correction, je me suis pausé la quéstion suivante :es ce qu'il faut que je mette un doctype à chaque document, ou seulement à mon fichier qui contient le texte pour que la page soit la plus juste possible ?

Puis j'ai aussi une dernière quéstion, es ce que le validateur considère comme faux le javascript ? parce que la grande partie de mes fautes proviènent du javascript... (voir ici)
Modifié par Tidus_6_9_2 (28 Jan 2008 - 17:56)

Heyoan

21 Jan 2008 à 12:35

Salut Tidus,

un peu de (re)lecture : Inclure un fichier dans un autre grâce à PHP.

N'oublies pas de lire : Erreur courante Smiley cligne

!

A+

Felipe

Administrateur

21 Jan 2008 à 12:42

Bonjour,

je t'invite à lire le tutoriel Inclure un fichier dans un autre grâce à PHP, au paragraphe "Erreur courante" Smiley cligne

Une page HTML commence par un Doctype et contient une seule balise <html> (et </html>) qui elle-même ne contient qu'une seule balise <head> (et </head>) suivie d'un unique <body> (et </body>). Sauf dans le cas des frames où au final une page web contient plusieurs pages mais c'est un cas trèèès particulier (ce n'est de toute façon pas du code présent dans la même page mais bien des fichiers différents).

edit: ne pas partir boire un café pendant 5 minutes Smiley sweatdrop

Modifié par Felipe (21 Jan 2008 - 12:43)

Tidus_6_9_2

21 Jan 2008 à 12:45

D'accord et désolé ^^ merci pour le lien.

C'est juste que comme 80% des gens je pause la quéstion avant de regarder... (Certe très débile... Smiley mur

)

Merci encore, je vais regarder.

Et merci à Felipe aussi ^^

Tidus_6_9_2

21 Jan 2008 à 15:12

Alors j'ai corrigé quelque petites fautes sur mon code... Le problème que je rencontre (que j'avais déjà avant, mais que j'aimerais améliorer)c'est que je voudrais le centrer dans la page, sans des %. Comme un tableau par exemple (<table align="center">).

En insérant une nouvelle feuille de style et en lui donnant les propriété center ainsi qu'en mettant un align dans le <div id> cela ne fonctionne pas. Si vous avez une petite idée peut être, ou un chemin que je devrais emprunter ?

Je vous met le code css et celui du menu, je sais que c'est horrible quand on met ce genre de trucs c'est long à lire, donc je m'excuse déjà d'avance.

/* CSS Document */
<style title="CSS" type="text/css">

#entete {
    }

#texte {
	margin-top: 35px;
    }

#pied { clear: left;
    }
	
body {
	font-family: Arial, Helvetica, sans-serif;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	position: absolute;
	width: 80%;
	z-index: 100;
	background-position: center;
}

#menu dl {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	width: 14.33%;
}

#menu dt {
	cursor: pointer;
	text-align: center;
	border: 1px solid #990000;
	height: 30px;
	background-color: #F5E8E2;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1px;
	font-size: 12px;
	color: #000000;
}

#menu dd {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E4E4E4;
	font-size: 12px;
	vertical-align: middle;
	width: 100%;
	margin-top: -1px;
	color: #000000;
}

#menu li {
	text-align: left;
	width: 100%;
}

#menu li a, #menu dt a {
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	color: #000000;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}

.Style1 {
	line-height: 30px;
}
</style>

<script language="JavaScript" type="text/JavaScript">
function MM_reloadPage(init) { 
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
</script>
<script language="JavaScript" type="text/JavaScript">
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
</script>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="../mep/css.css" />
<div id="menu" align="center"> 
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu1');" onMouseOut="javascript:montre();"> 
        <a href="#">Home</a>
      </dt>
      <dd id="smenu1" onMouseOver="javascript:montre('smenu1');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../home/index.php">Bienvenue</a></li>
          <li><a href="../home/valeurs.php">Nos valeurs</a></li>
          <li><a href="../home/conseil.php">Conseil-Concept</a></li>
          <li><a href="../home/news.php">News</a></li>
          <li><a href="../home/plansite.php">Plan du site</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu2');" onMouseOut="javascript:montre();"><a href="#">Prevoyance</a></dt>
      <dd id="smenu2" onMouseOver="javascript:montre('smenu2');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../prevo/conseil.php">Conseil global</a></li>
          <li><a href="../prevo/offres.php">Comparatif d'offres</a></li>
          <li><a href="../prevo/lpp.php">Gestion LPP</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt onMouseOver="javascript:montre('smenu3');" onMouseOut="javascript:montre();"><a href="#">Planification<br>
        patrimoniale</a></dt>
      <dd id="smenu3" onMouseOver="javascript:montre('smenu3');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../planif/etapes.php">Etapes de la planification</a></li>
          <li><a href="../planif/fiscalite.php">Fiscalité et croissance</a></li>
          <li><a href="../planif/gestion.php">Gestion du patrimoine</a></li>
          <li><a href="../planif/retraite.php">La retraite à la carte</a></li>
          <li><a href="../planif/patrimoine.php">Héritages et successions</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu4');" onMouseOut="javascript:montre();"> 
        <a href="#">Immobilier</a>
      </dt>
      <dd id="smenu4" onMouseOver="javascript:montre('smenu4');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../immo/conseil.php">Conseils immobiliers</a></li>
          <li><a href="../immo/financement.php">Financements</a></li>
          <li><a href="../immo/hypoch.php">Achats sur Suisse</a></li>
          <li><a href="../immo/hypof.php">Achats sur France</a></li>
          <li><a href="../immo/taux.php">Taux hypothécaires</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt onMouseOver="javascript:montre('smenu5');" onMouseOut="javascript:montre();"> 
        <a href="#">Analyse<br>
        financière </a> 
      <dd id="smenu5" onMouseOver="javascript:montre('smenu5');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../finanz/profil.php">Analyse de votre profil</a></li>
          <li><a href="../finanz/orientation.php">Orientation financière</a></li>
          <li><a href="../finanz/portefeuille.php">Adéquation du portefeuille</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt onMouseOver="javascript:montre('smenu6');" onMouseOut="javascript:montre();"> 
        <a href="#">Produits<br>
        spécialisés</a> 
      <dd id="smenu6" onMouseOver="javascript:montre('smenu6');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../prod/pee.php">Plan cadres PEE</a></li>
          <li><a href="../prod/perenity.php">Perenity® gestion dediée</a></li>
          <li><a href="../prod/mal.php">Gestion des franchises</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu7');" onMouseOut="javascript:montre();"> 
       <a href="#">Contact</a>
      </dt>
      <dd id="smenu7" onMouseOver="javascript:montre('smenu7');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../corp/coll.php">Vos interlocuteurs</a></li>
          <li><a href="../corp/plan.php">Plan d'accès</a></li>
          <li><a href="../corp/contact.php">Demande de contact</a></li>
          <li><a href="../corp/jobs.php">Jobs</a></li>
          <li><a href="../corp/liens.php">Liens utiles</a></li>
        </ul>
      </dd>
    </dl>
  </div>
</div>

Heyoan

21 Jan 2008 à 15:41

Encore un peu de lecture Smiley cligne

!

Plus généralement : la FAQ et les tutos sont tes amis Smiley smile

...

A+

Tidus_6_9_2

21 Jan 2008 à 16:01

Ba en faite j'avais déjà essayé ca, le problème c'est que le menu ne réagis pas. Si tu peux essayer chez toi ? Parce que peut-être c'est moi qui fait faux... Si sa marche chez toi et pas chez moi ca veut dire qu'il faut que je bosse ^^.

Je vais peut-être t'expliquer ce que j'ai fait avant tout. J'ai donc rajouté le bloc #global dans mon code css.

Ensuite j'ai mis un <div id="global"> dans mon menu, puis je l'ai fermé à la fin de ce dernier. Malheureusement le menu ne réagis pas, il reste toujours placé à gauche... J'ai aussi essayé avec un <div class> mais toujours rien
Modifié par Tidus_6_9_2 (21 Jan 2008 - 16:13)

Heyoan

21 Jan 2008 à 16:20

Si tu parles de cette page elle est toujours invalide puisque tu as toujours (entre autres choses Smiley lol

) un bloc <style> </style> directement dans le body et plusieurs window.onload Smiley langue

!

Donc tant que ça n'est pas réglé il n'y a pas grand chose à tester Smiley murf

...

Tidus_6_9_2

21 Jan 2008 à 16:28

Je travail en local c'est pour ca ^^ je n'ai pas changé la page qui est sur internet...

Pour ce qu'il s'agit des <style> qui sont dans la page, ce sont ceux qui sont dans ma page menu.php.

Comme je l'ai lu avant (peut-être que je l'ai mal interprété), il ne fallait pas que je mette de <head><body> etc.. dans toutes les pages vu que je les insères avec du php, non ? (sauf la page qui contenait le texte et les includes)

Sinon peut-être qu'il faut que je fasse une sorte de feuille de style pour les <style> (comme une feuille css mais pour les <style>) ?

J'ai envie de faire ca Smiley mur

ou ca

je sais pas si ca aidera à quelque chose ^^
Modifié par Tidus_6_9_2 (21 Jan 2008 - 16:35)

Heyoan

21 Jan 2008 à 16:40

Hum... je vois qu'il y a toujours une confusion sur les include Smiley lol

!

Comme signalé dans le tuto, l'include ne fait que copier du code et le coller à l'endroit où il est placé. Cela ne dispense pas bien sûr d'avoir au final (= quand toutes les parties sont incluses) un code correct que l'on pourrait résumer par :

<!DOCTYPE...>
<html...>
   <head>
      <meta...>
      <title>...</title>
      <style type="text/css">
      ...
      </style>
      <script type="text/javascript">
      ...
      </script>
   </head>
<body...>
...
</body>
</html>
</head>

Donc notamment le style (qu'il soit importé ou écrit directement dans la page) doit être entre <head> et </head> Smiley smile

!

Tidus_6_9_2

21 Jan 2008 à 16:44

Ok c'est corrigé et ca fonctionne toujours ^^, en faite je penssais que si je mettait le <script> dans une autre page, le menu n'aurait pas compris que le script était pour lui.(enfin je me comprend c'est déjà pas mal Smiley langue

) puis ensuite, même en faisant cela, j'ai testé le problème du bloc global, qui n'agit toujours pas sur le menu.

Si je tappe l'ordinateur peut-être qu'il arrivera à agir sur le menu ?
Modifié par Tidus_6_9_2 (21 Jan 2008 - 16:44)

Heyoan

21 Jan 2008 à 16:58

Tidus_6_9_2 a écrit :
Si je tappe l'ordinateur peut-être qu'il arrivera à agir sur le menu ?

Pas sûr non... mais tu peux toujours essayer Smiley biggol

!

Sinon, quand tu écris que c'est corrigé, tu pourrais montrer le code html que tu as au final ("Afficher la source") ?

Tidus_6_9_2

21 Jan 2008 à 17:02

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META NAME="keywords" CONTENT="ASSURANCE, ASSURANCES, ASSUREUR, ASSURER, COUVERTURE, RISQUE, courtage, courtages, courtier, courtiers, service, services, geneve, Genève, Suisse, suisse, vip, business, vie, placement, placements, fond, fonds, pilier, piliers, avs, lpp, sinistre, sinistres, responsabilite, civile, entreprise, entreprises, commerce, commerces, collective, collectives, perte de gain, maladie, accident, accidents, laa, laao, laac, rc, apg, menage, apj, protection, juridique, vaudoise, winterthur, allianz, generali, suisse, sanitas, kbv, orion, zurich, alpina, rentenanstalt, nationale, baloise, providentia, fortuna, mobiliere, genevoise, axa, uap, patria">
<META NAME="Description" CONTENT="Nos Valeurs">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Page-Enter" content="BlendTrans(Duration=1.0)">
<META NAME="REVISIT-AFTER" CONTENT="5 days">
<META NAME="robots" CONTENT="All">
<META NAME="Identifer-URL" CONTENT="http://www.univie.ch/">
<script language="JavaScript" type="text/JavaScript">
function Init_Page(){
  montre();
  fillup();
}
window.onload=Init_Page;
</script>
<script language="JavaScript" type="text/JavaScript">
function MM_reloadPage(init) { 
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
</script>
<script language="JavaScript" type="text/JavaScript">
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
</script>

<title>Comparatif d'offres, apr&egrave;s une analyse approfondie de vos besoin, 
nous ferons un appel d'offres aupr&egrave;s des plus important intervenants sur 
le march&eacute; de l'assurance.</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="../mep/css.css" />
</head>
<body link="#666666" vlink="#800000" alink="#800000">
<div id="entete"> 
  <div align="center"><img src="../../Dos/Img/banner.jpg" alt="BanniÃ¨re" width="80%"> 
</div></div>
  <link rel="stylesheet" media="screen" type="text/css" title="Design" href="../mep/css.css" />
<div id="menu" class="global"> 
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu1');" onMouseOut="javascript:montre();"> 
        <a href="#">Home</a>
      </dt>
      <dd id="smenu1" onMouseOver="javascript:montre('smenu1');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../home/index.php">Bienvenue</a></li>
          <li><a href="../home/valeurs.php">Nos valeurs</a></li>
          <li><a href="../home/conseil.php">Conseil-Concept</a></li>
          <li><a href="../home/news.php">News</a></li>
          <li><a href="../home/plansite.php">Plan du site</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu2');" onMouseOut="javascript:montre();"><a href="#">Prevoyance</a></dt>
      <dd id="smenu2" onMouseOver="javascript:montre('smenu2');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../prevo/conseil.php">Conseil global</a></li>
          <li><a href="../prevo/offres.php">Comparatif d'offres</a></li>
          <li><a href="../prevo/lpp.php">Gestion LPP</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt onMouseOver="javascript:montre('smenu3');" onMouseOut="javascript:montre();"><a href="#">Planification<br>
        patrimoniale</a></dt>
      <dd id="smenu3" onMouseOver="javascript:montre('smenu3');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../planif/etapes.php">Etapes de la planification</a></li>
          <li><a href="../planif/fiscalite.php">Fiscalit&eacute; et croissance</a></li>
          <li><a href="../planif/gestion.php">Gestion du patrimoine</a></li>
          <li><a href="../planif/retraite.php">La retraite &agrave; la carte</a></li>
          <li><a href="../planif/patrimoine.php">H&eacute;ritages et successions</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu4');" onMouseOut="javascript:montre();"> 
        <a href="#">Immobilier</a>
      </dt>
      <dd id="smenu4" onMouseOver="javascript:montre('smenu4');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../immo/conseil.php">Conseils immobiliers</a></li>
          <li><a href="../immo/financement.php">Financements</a></li>
          <li><a href="../immo/hypoch.php">Achats sur Suisse</a></li>
          <li><a href="../immo/hypof.php">Achats sur France</a></li>
          <li><a href="../immo/taux.php">Taux hypoth&eacute;caires</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt onMouseOver="javascript:montre('smenu5');" onMouseOut="javascript:montre();"> 
        <a href="#">Analyse<br>
        financi&egrave;re </a> 
      <dd id="smenu5" onMouseOver="javascript:montre('smenu5');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../finanz/profil.php">Analyse de votre profil</a></li>
          <li><a href="../finanz/orientation.php">Orientation financi&egrave;re</a></li>
          <li><a href="../finanz/portefeuille.php">Ad&eacute;quation du portefeuille</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt onMouseOver="javascript:montre('smenu6');" onMouseOut="javascript:montre();"> 
        <a href="#">Produits<br>
        sp&eacute;cialis&eacute;s</a> 
      <dd id="smenu6" onMouseOver="javascript:montre('smenu6');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../prod/pee.php">Plan cadres PEE</a></li>
          <li><a href="../prod/perenity.php">Perenity&reg; gestion dedi&eacute;e</a></li>
          <li><a href="../prod/mal.php">Gestion des franchises</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu7');" onMouseOut="javascript:montre();"> 
       <a href="#">Contact</a>
      </dt>
      <dd id="smenu7" onMouseOver="javascript:montre('smenu7');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../corp/coll.php">Vos interlocuteurs</a></li>
          <li><a href="../corp/plan.php">Plan d'acc&egrave;s</a></li>
          <li><a href="../corp/contact.php">Demande de contact</a></li>
          <li><a href="../corp/jobs.php">Jobs</a></li>
          <li><a href="../corp/liens.php">Liens utiles</a></li>
        </ul>
      </dd>
    </dl>
  </div><div id="texte"><br>
    <script language="JavaScript1.2" type="text/javascript">
var sliderwidth= "100%";
var sliderheight="40px";
var slidespeed=2;
slidebgcolor="#FFFFFF";
var leftrightslide=new Array();
var finalslide='';
leftrightslide[0]='<img src="../../Dos/Img/01.gif">'
leftrightslide[1]='<img src="../../Dos/Img/02.gif">'
leftrightslide[2]='<img src="../../Dos/Img/03.gif">'
leftrightslide[3]='<img src="../../Dos/Img/04.gif">'
leftrightslide[4]='<img src="../../Dos/Img/05.gif">'
leftrightslide[5]='<img src="../../Dos/Img/06.gif">'
leftrightslide[6]='<img src="../../Dos/Img/07.gif">'
leftrightslide[7]='<img src="../../Dos/Img/08.gif">'
leftrightslide[8]='<img src="../../Dos/Img/09.gif">'
leftrightslide[9]='<img src="../../Dos/Img/10.gif">'
leftrightslide[10]='<img src="../../Dos/Img/11.gif">'
leftrightslide[11]='<img src="../../Dos/Img/12.gif">'
leftrightslide[12]='<img src="../../Dos/Img/13.gif">'
leftrightslide[13]='<img src="../../Dos/Img/14.gif">'
leftrightslide[14]='<img src="../../Dos/Img/15.gif">'
leftrightslide[15]='<img src="../../Dos/Img/16.gif">'
leftrightslide[16]='<img src="../../Dos/Img/17.gif">'
leftrightslide[17]='<img src="../../Dos/Img/18.gif">'
leftrightslide[18]='<img src="../../Dos/Img/20.gif">'

var copyspeed=slidespeed;
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>';
var iedom=document.all||document.getElementById;
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>');
var actualwidth='';
var cross_slide, ns_slide;

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.AgetElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
cross_slide2.style.left=actualwidth+20+"px";
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.width;
ns_slide2.left=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideleft()",30);
}
window.onload=Init_Page;

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px";
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+20+"px";

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px";
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+20+"px";

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed;
else
ns_slide.left=ns_slide2.left+actualwidth+20;

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed;
else
ns_slide2.left=ns_slide.left+actualwidth+20;
}
}
if (iedom||document.layers){
with (document){
document.write('<table width="80%" align="center" border="0" cellspacing="0" cellpadding="0"><td>');
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">');
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:"#FFFFFF" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
write('</div></dAiv>');
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+"+sliderheight+"+' name="ns_slidemenu" bgColor="#FFFFFF">');
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
write('</ilayer>');
}
document.write('</td></table>');
}
}
        </script>
  <table width="80%" align="center">
    <tr> 
      <td width="30%"><font color="#800000" size="+1" face="Arial, Helvetica, sans-serif">Bienvenue</font><font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"> 
        &gt;</font></td>
      <td width="70%">&nbsp;</td>
    </tr>
    <tr> 
      <td width="300" rowspan="6" align="left" valign="top"><img src="../../Dos/Img/CORP.jpg" alt="Corporation" width="300" height="298"></td>
      <td valign="top"><font size="+1" face="Arial, Helvetica, sans-serif"><strong>B&acirc;tissez 
        votre futur.</strong></font></td>
    </tr>
    <tr> 
      <td valign="top"><p align="left"><font color="#000000" size="+1" face="Arial, Helvetica, sans-serif"><strong><img src="../../Dos/Img/Coche.gif" alt="logo Univie" width="15" hspace="1" vspace="0" align="top"></strong></font><font face="Arial, Helvetica, sans-serif"> 
          </font><font color="#666666" face="Arial, Helvetica, sans-serif">Vous 
          cherchez &agrave; pr&eacute;server et valoriser durablement vos biens, 
          s&eacute;curiser et faire cro&icirc;tre votre capital, financer un projet, 
          pr&eacute;parer une retraite confortable ...</font><font face="Arial, Helvetica, sans-serif">&nbsp;</font></p></td>
    </tr>
    <tr> 
      <td valign="top"><font color="#000000" size="-1" face="Arial, Helvetica, sans-serif"><strong><img src="../../Dos/Img/Coche.gif" alt="logo Univie" width="15" hspace="1" vspace="0" align="top"></strong></font><font face="Arial, Helvetica, sans-serif">&nbsp; 
        </font><font color="#666666" face="Arial, Helvetica, sans-serif">Forte 
        d'un savoir-faire de plus d'un quart de si&egrave;cle dans les domaines 
        de la pr&eacute;voyance, de l'investissement et du financement, Univie 
        vous propose de d&eacute;velopper avec elle la strat&eacute;gie r&eacute;pondant 
        parfaitement &agrave; vos objectifs de s&eacute;curit&eacute; et de rendement.</font><font face="Arial, Helvetica, sans-serif">&nbsp;&nbsp;</font></td>
    </tr>
    <tr> 
      <td valign="top">&nbsp;</td>
    </tr>
    <tr> 
      <td valign="top">&nbsp;</td>
    </tr>
    <tr> 
      <td height="0" valign="bottom"> <div align="right"><font color="#666666" size="-2" face="Arial, Helvetica, sans-serif">*Nécessite 
          l'utilisation du logiciel gratuit Adobe® Acrobat® Reader&#8482; &gt;&gt;&gt;</font><a href="http://www.adobe.fr/products/acrobat/readstep.html"><img src="../../Dos/Img/pic_logo_f.gif" alt="Get Acrobat Reader" width="88" height="31" border="0"></a></div></td>
    </tr>
  </table>
</div>
<div id="pied">
<table width="80%" align="center">
  <tr bgcolor="#CCCCCC"> 
      <td height="5" colspan="3" valign="top"><font size="-2">&nbsp;</font></td>
    </tr>
  <tr> 
      <td valign="top"><font color="#990000" size="-2" face="Arial, Helvetica, sans-serif">&copy; 
        2007 R.Blanco pour<br>
        UNIVIE SA, finance &amp; pr&eacute;voyance </font><font size="-2" face="Arial, Helvetica, sans-serif"><br>
        <font color="#990000">Rue Roi Victor-Am&eacute; 7 - 1227 CAROUGE </font></font></td>
      <td valign="top"><font color="#990000" size="-2" face="Arial, Helvetica, sans-serif">&nbsp;</font></td>
      <td valign="top"><div align="right"><font color="#990000" size="-2" face="Arial, Helvetica, sans-serif">T&eacute;l&eacute;phone 
          +41 (0)22 839 66 30<br>
          fax +41 (0)22 839 66 32<br>
          info@univie.ch</font></div></td>
    </tr>
</table></div>
</body>
</html>

Voilà ce que sa donne dans mon localhost.

J'ai mis les scrypte dans la page ou il y a les include. donc désormais le code me semble finir normalement...

mon codes css peut-être ? je sais pas si tu as a besoin, c'est le même que avant avec ca en plus

#global {
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width: 80%;
text-align: left;
}

J'ai essayé de mettre un <div id="global"> dans les deux fichiers, dans celui du menu et dans celui du texte. Puis j'ai essayé avec un class sur les deux pages aussi mais toujours rien.
Modifié par Tidus_6_9_2 (21 Jan 2008 - 17:06)

fvsch

21 Jan 2008 à 17:06

Bonjour,

Tidus_6_9_2 a écrit :
Je vais peut-être t'expliquer ce que j'ai fait avant tout. J'ai donc rajouté le bloc #global dans mon code css.

Ensuite j'ai mis un <div id="global"> dans mon menu, puis je l'ai fermé à la fin de ce dernier. Malheureusement le menu ne réagis pas, il reste toujours placé à gauche... J'ai aussi essayé avec un <div class> mais toujours rien

Je ne veux pas te décourager, mais ton descriptif fait peur. Tu as l'air de n'avoir pas la moindre idée de ce que tu fais quand tu modifies ton code. Au mieux, tu tâtonnes et tu fais immanquablement des erreurs grosses comme le bras. Smiley smile

Il faudrait vraiment commencer par la base, c'est à dire:
- apprendre les bases de la syntaxe HTML, et le vocabulaire qui va avec (indispensable);
- apprendre les bases de CSS, notamment la bonne manière de lier une feuille de style externe et les bases du positionnement CSS (indispensable).

Et donc, cela se passe par ici:
http://css.alsacreations.com/Comment-debuter-et-trouver-l-information

Une fois que cela sera fait, je te conseille de reprendre ton intégration à zéro (pourquoi pas sans menu déroulant mais avec une navigation repensée et simplifiée, histoire de coller à tes capacités d'alors et peut-être même de rendre le site plus clair Smiley cligne

), ou du moins de la refondre assez largement.

Ne pas oublier l'ordre logique: d'abord on apprend, ensuite on applique. Quand on se risque à faire l'inverse et qu'on a des ambitions démesurées pour le peu de connaissances dont on dispose (et avec très très peu de connaissances, même centrer horizontalement un bloc est un peu démesuré!), on s'y casse facilement les dents.

Donc: d'abord on apprend. Smiley smile

Bonne continuation.

Tidus_6_9_2

21 Jan 2008 à 17:12

J'ai appris sur le siteduzero la base de tous les trucs que je sais jusqu'à maintenant. Je ne suis peut-être pas cler dans mes explications ^^ c'est pour ca. Je penses pas ne pas avoir de connaissances, j'arrive à comprendre ce que je fais (quoique defois Smiley langue

). Mais il m'est impossible de tout connaitre. Ma connaissance en CSS est limitée ainsi qu'en javascript (j'ai réussis à faire le site suivant avec aucune notion de javascript. Je ne dis pas qu'il est parfait et sans faute ^^, mais j'essaie de corriger mes fautes comme je le peux). Mais merci de ton commentaire ^^. Puis pour le menu j'ai pas trop le choix, je suis obligé de le faire comme ca, le site est pour mon père, il le veut comme ca.

Puis enfin, j'ai mis un <div id="global"> avec un</div> à la fin de ma feuille. Pourtant sur le tutorial c'est montré comme ca... donc je vois pas trop pourquoi il ne fonctionne pas chez moi Smiley confus

Modifié par Tidus_6_9_2 (21 Jan 2008 - 17:25)

fvsch

21 Jan 2008 à 19:24

Tidus_6_9_2 a écrit :
Puis enfin, j'ai mis un <div id="global"> avec un</div> à la fin de ma feuille. Pourtant sur le tutorial c'est montré comme ca... donc je vois pas trop pourquoi il ne fonctionne pas chez moi

Il peut y avoir plusieurs choses:
- le fait que ton Doctype est une version «tronquée», sans URL de la DTD, et que donc la plupart des navigateurs afficheront ta page en mode Quirks (désolé pour l'avalanche de vocabulaire Smiley sweatdrop

);
- il se peut que ta structure HTML soit mauvaise, ou pas valide (à vérifier sur http://validator.w3.org ... mais il y a tout à parier qu'il te sorte un nombre faramineux d'erreurs, et retrouver une éventuelle erreur qui poserait problème dans ce cas précis peut s'avérer difficile quand on n'a pas l'habitude);
- il se peut que les déclarations CSS que tu appliques à div#global ne soient pas bonnes;
- etc.

Avec une page en ligne, il serait plus simple de t'en dire plus.

Tidus_6_9_2

24 Jan 2008 à 14:50

Salut, désolé pour le retard, j'ai eu des problèmes de connexion.

Donc pour ce qui s'agit du doctype et de l'url dtd même si j'en met un cela ne change rien, j'ai déjà essayé. Ensuite pour la page en ligne tu peux regarder ici. Mais je n'ai pas vraiment bcp modifié sur internet. J'ai surtout modifié en local. Si tu veux je te met le code que j'ai pour la page index en local. (pour le css que j'ai appliqué aux pages regarde un peu plus haut)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META NAME="keywords" CONTENT="ASSURANCE, ASSURANCES, ASSUREUR, ASSURER, COUVERTURE, RISQUE, courtage, courtages, courtier, courtiers, service, services, geneve, Genève, Suisse, suisse, vip, business, vie, placement, placements, fond, fonds, pilier, piliers, avs, lpp, sinistre, sinistres, responsabilite, civile, entreprise, entreprises, commerce, commerces, collective, collectives, perte de gain, maladie, accident, accidents, laa, laao, laac, rc, apg, menage, apj, protection, juridique, vaudoise, winterthur, allianz, generali, suisse, sanitas, kbv, orion, zurich, alpina, rentenanstalt, nationale, baloise, providentia, fortuna, mobiliere, genevoise, axa, uap, patria">
<META NAME="Description" CONTENT="Nos Valeurs">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Page-Enter" content="BlendTrans(Duration=1.0)">
<META NAME="REVISIT-AFTER" CONTENT="5 days">
<META NAME="robots" CONTENT="All">
<META NAME="Identifer-URL" CONTENT="http://www.univie.ch/">
<script language="JavaScript" type="text/JavaScript">
function Init_Page(){
  montre();
  fillup();
}
window.onload=Init_Page;
</script>
<script language="JavaScript" type="text/JavaScript">
function MM_reloadPage(init) { 
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
</script>
<script language="JavaScript" type="text/JavaScript">
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
</script>

<title>Comparatif d'offres, apr&egrave;s une analyse approfondie de vos besoin, 
nous ferons un appel d'offres aupr&egrave;s des plus important intervenants sur 
le march&eacute; de l'assurance.</title>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="../mep/css.css" />
</head>
<body link="#666666" vlink="#800000" alink="#800000"><div id="global">
<div id="entete"> 
  <div align="center"><img src="../../Dos/Img/banner.jpg" alt="BanniÃ¨re" width="80%"> 
</div></div>
  <link rel="stylesheet" media="screen" type="text/css" title="Design" href="../mep/css.css" />
<div id="menu"> 
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu1');" onMouseOut="javascript:montre();"> 
        <a href="#">Home</a>
      </dt>
      <dd id="smenu1" onMouseOver="javascript:montre('smenu1');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../home/index.php">Bienvenue</a></li>
          <li><a href="../home/valeurs.php">Nos valeurs</a></li>
          <li><a href="../home/conseil.php">Conseil-Concept</a></li>
          <li><a href="../home/news.php">News</a></li>
          <li><a href="../home/plansite.php">Plan du site</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu2');" onMouseOut="javascript:montre();"><a href="#">Prevoyance</a></dt>
      <dd id="smenu2" onMouseOver="javascript:montre('smenu2');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../prevo/conseil.php">Conseil global</a></li>
          <li><a href="../prevo/offres.php">Comparatif d'offres</a></li>
          <li><a href="../prevo/lpp.php">Gestion LPP</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt onMouseOver="javascript:montre('smenu3');" onMouseOut="javascript:montre();"><a href="#">Planification<br>
        patrimoniale</a></dt>
      <dd id="smenu3" onMouseOver="javascript:montre('smenu3');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../planif/etapes.php">Etapes de la planification</a></li>
          <li><a href="../planif/fiscalite.php">Fiscalit&eacute; et croissance</a></li>
          <li><a href="../planif/gestion.php">Gestion du patrimoine</a></li>
          <li><a href="../planif/retraite.php">La retraite &agrave; la carte</a></li>
          <li><a href="../planif/patrimoine.php">H&eacute;ritages et successions</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu4');" onMouseOut="javascript:montre();"> 
        <a href="#">Immobilier</a>
      </dt>
      <dd id="smenu4" onMouseOver="javascript:montre('smenu4');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../immo/conseil.php">Conseils immobiliers</a></li>
          <li><a href="../immo/financement.php">Financements</a></li>
          <li><a href="../immo/hypoch.php">Achats sur Suisse</a></li>
          <li><a href="../immo/hypof.php">Achats sur France</a></li>
          <li><a href="../immo/taux.php">Taux hypoth&eacute;caires</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt onMouseOver="javascript:montre('smenu5');" onMouseOut="javascript:montre();"> 
        <a href="#">Analyse<br>
        financi&egrave;re </a> 
      <dd id="smenu5" onMouseOver="javascript:montre('smenu5');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../finanz/profil.php">Analyse de votre profil</a></li>
          <li><a href="../finanz/orientation.php">Orientation financi&egrave;re</a></li>
          <li><a href="../finanz/portefeuille.php">Ad&eacute;quation du portefeuille</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt onMouseOver="javascript:montre('smenu6');" onMouseOut="javascript:montre();"> 
        <a href="#">Produits<br>
        sp&eacute;cialis&eacute;s</a> 
      <dd id="smenu6" onMouseOver="javascript:montre('smenu6');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../prod/pee.php">Plan cadres PEE</a></li>
          <li><a href="../prod/perenity.php">Perenity&reg; gestion dedi&eacute;e</a></li>
          <li><a href="../prod/mal.php">Gestion des franchises</a></li>
        </ul>
      </dd>
    </dl>
    <dl>
      <dt class="Style1" onMouseOver="javascript:montre('smenu7');" onMouseOut="javascript:montre();"> 
       <a href="#">Contact</a>
      </dt>
      <dd id="smenu7" onMouseOver="javascript:montre('smenu7');" onMouseOut="javascript:montre();"> 
        <ul>
          <li><a href="../corp/coll.php">Vos interlocuteurs</a></li>
          <li><a href="../corp/plan.php">Plan d'acc&egrave;s</a></li>
          <li><a href="../corp/contact.php">Demande de contact</a></li>
          <li><a href="../corp/jobs.php">Jobs</a></li>
          <li><a href="../corp/liens.php">Liens utiles</a></li>
        </ul>
      </dd>
    </dl>
  </div><div id="texte"><br>
    <script language="JavaScript1.2" type="text/javascript">
var sliderwidth= "100%";
var sliderheight="40px";
var slidespeed=2;
slidebgcolor="#FFFFFF";
var leftrightslide=new Array();
var finalslide='';
leftrightslide[0]='<img src="../../Dos/Img/01.gif">'
leftrightslide[1]='<img src="../../Dos/Img/02.gif">'
leftrightslide[2]='<img src="../../Dos/Img/03.gif">'
leftrightslide[3]='<img src="../../Dos/Img/04.gif">'
leftrightslide[4]='<img src="../../Dos/Img/05.gif">'
leftrightslide[5]='<img src="../../Dos/Img/06.gif">'
leftrightslide[6]='<img src="../../Dos/Img/07.gif">'
leftrightslide[7]='<img src="../../Dos/Img/08.gif">'
leftrightslide[8]='<img src="../../Dos/Img/09.gif">'
leftrightslide[9]='<img src="../../Dos/Img/10.gif">'
leftrightslide[10]='<img src="../../Dos/Img/11.gif">'
leftrightslide[11]='<img src="../../Dos/Img/12.gif">'
leftrightslide[12]='<img src="../../Dos/Img/13.gif">'
leftrightslide[13]='<img src="../../Dos/Img/14.gif">'
leftrightslide[14]='<img src="../../Dos/Img/15.gif">'
leftrightslide[15]='<img src="../../Dos/Img/16.gif">'
leftrightslide[16]='<img src="../../Dos/Img/17.gif">'
leftrightslide[17]='<img src="../../Dos/Img/18.gif">'
leftrightslide[18]='<img src="../../Dos/Img/20.gif">'

var copyspeed=slidespeed;
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>';
var iedom=document.all||document.getElementById;
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>');
var actualwidth='';
var cross_slide, ns_slide;

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.AgetElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
cross_slide2.style.left=actualwidth+20+"px";
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.width;
ns_slide2.left=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideleft()",30);
}
window.onload=Init_Page;

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px";
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+20+"px";

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px";
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+20+"px";

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed;
else
ns_slide.left=ns_slide2.left+actualwidth+20;

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed;
else
ns_slide2.left=ns_slide.left+actualwidth+20;
}
}
if (iedom||document.layers){
with (document){
document.write('<table width="80%" align="center" border="0" cellspacing="0" cellpadding="0"><td>');
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">');
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:"#FFFFFF" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
write('</div></dAiv>');
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+"+sliderheight+"+' name="ns_slidemenu" bgColor="#FFFFFF">');
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
write('</ilayer>');
}
document.write('</td></table>');
}
}
        </script>
  <table width="80%" align="center">
    <tr> 
      <td width="30%"><font color="#800000" size="+1" face="Arial, Helvetica, sans-serif">Bienvenue</font><font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"> 
        &gt;</font></td>
      <td width="70%">&nbsp;</td>
    </tr>
    <tr> 
      <td width="300" rowspan="6" align="left" valign="top"><img src="../../Dos/Img/CORP.jpg" alt="Corporation" width="300" height="298"></td>
      <td valign="top"><font size="+1" face="Arial, Helvetica, sans-serif"><strong>B&acirc;tissez 
        votre futur.</strong></font></td>
    </tr>
    <tr> 
      <td valign="top"><p align="left"><font color="#000000" size="+1" face="Arial, Helvetica, sans-serif"><strong><img src="../../Dos/Img/Coche.gif" alt="logo Univie" width="15" hspace="1" vspace="0" align="top"></strong></font><font face="Arial, Helvetica, sans-serif"> 
          </font><font color="#666666" face="Arial, Helvetica, sans-serif">Vous 
          cherchez &agrave; pr&eacute;server et valoriser durablement vos biens, 
          s&eacute;curiser et faire cro&icirc;tre votre capital, financer un projet, 
          pr&eacute;parer une retraite confortable ...</font><font face="Arial, Helvetica, sans-serif">&nbsp;</font></p></td>
    </tr>
    <tr> 
      <td valign="top"><font color="#000000" size="-1" face="Arial, Helvetica, sans-serif"><strong><img src="../../Dos/Img/Coche.gif" alt="logo Univie" width="15" hspace="1" vspace="0" align="top"></strong></font><font face="Arial, Helvetica, sans-serif">&nbsp; 
        </font><font color="#666666" face="Arial, Helvetica, sans-serif">Forte 
        d'un savoir-faire de plus d'un quart de si&egrave;cle dans les domaines 
        de la pr&eacute;voyance, de l'investissement et du financement, Univie 
        vous propose de d&eacute;velopper avec elle la strat&eacute;gie r&eacute;pondant 
        parfaitement &agrave; vos objectifs de s&eacute;curit&eacute; et de rendement.</font><font face="Arial, Helvetica, sans-serif">&nbsp;&nbsp;</font></td>
    </tr>
    <tr> 
      <td valign="top">&nbsp;</td>
    </tr>
    <tr> 
      <td valign="top">&nbsp;</td>
    </tr>
    <tr> 
      <td height="0" valign="bottom"> <div align="right"><font color="#666666" size="-2" face="Arial, Helvetica, sans-serif">*Nécessite 
          l'utilisation du logiciel gratuit Adobe® Acrobat® Reader&#8482; &gt;&gt;&gt;</font><a href="http://www.adobe.fr/products/acrobat/readstep.html"><img src="../../Dos/Img/pic_logo_f.gif" alt="Get Acrobat Reader" width="88" height="31" border="0"></a></div></td>
    </tr>
  </table>
</div>
<div id="pied">
<table width="80%" align="center">
  <tr bgcolor="#CCCCCC"> 
      <td height="5" colspan="3" valign="top"><font size="-2">&nbsp;</font></td>
    </tr>
  <tr> 
      <td valign="top"><font color="#990000" size="-2" face="Arial, Helvetica, sans-serif">&copy; 
        2007 R.Blanco pour<br>
        UNIVIE SA, finance &amp; pr&eacute;voyance </font><font size="-2" face="Arial, Helvetica, sans-serif"><br>
        <font color="#990000">Rue Roi Victor-Am&eacute; 7 - 1227 CAROUGE </font></font></td>
      <td valign="top"><font color="#990000" size="-2" face="Arial, Helvetica, sans-serif">&nbsp;</font></td>
      <td valign="top"><div align="right"><font color="#990000" size="-2" face="Arial, Helvetica, sans-serif">T&eacute;l&eacute;phone 
          +41 (0)22 839 66 30<br>
          fax +41 (0)22 839 66 32<br>
          info@univie.ch</font></div></td>
    </tr>
</table></div>
</div></body>
</html>

Sujet clos

Sémantique web et HTML

[Résolu] Validation w3c correcte ?