J'ai refait une partie de la page afin que le menu horizontal soit centré.
Ci-dessous le code que tu devras réamenager. Je n'ai pas touché au reste de la page (pô eu le courage, ni le temps)
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta
name="generator"
content="HTML Tidy for Windows (vers 14 February 2006), see www.w3.org"><meta
content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>ss1</title><style
title="styletuto" media="all" type="text/css">
#navcontainer {
border-top: 2px solid #330099;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
z-index: 1;
}
#navcontainer ul {
padding: 0;
list-style-type: none;
text-align: center;
margin-top: -8px;
position: relative;
z-index: 2;
}
#navcontainer li {
border-style: solid;
border-color: #cccccc;
margin: 0 5px;
display: inline;
text-align: center;
width: 150px;
background-color: #eeeeee;
}
#navcontainer li a {
border: none;
padding: 1px 7px;
background-color: #eeeeee;
color: #330099;
font-weight: bold;
text-decoration: none;
}
#navcontainer li a:hover {
border-style: solid;
border-color: #666666;
border-width: 2px 1px;
color: #000000;
}
#navcontainer li a#current {
border-style: solid;
border-color: #666666;
border-width: 2px 1px;
color: #000000;
}
</style><!--[if lt IE 7]>
<script type="text/javascript">
// this emulates the "LI:hover" CSS selector for IE
// requires a "li.hover" duplicate selector in the stylesheet
function iePatchLiHover(name) {
var ulList = document.getElementsByTagName("UL");
for (var j = 0; j < ulList.length; j++) {
if (ulList[j].className.indexOf(name) >= 0) {
var liList = ulList[j].getElementsByTagName("LI");
for (var i = 0; i < liList.length; i++) {
// normal code
//~ liList[i].setAttribute("onmouseover", "this.className='hover'");
//~ liList[i].setAttribute("onmouseout", "this.className=''");
// IE code
liList[i].onmouseover = function() { this.className='hover' };
liList[i].onmouseout = function() { this.className='' };
}
}
}
}
// apply the patch to every UL.menu
window.onload = function() { iePatchLiHover("menu") };
</script>
<![endif]--> </head>
<body linkifytime="0" linkified="0" linkifying="false"> <div
id="conteneur"> <table
style="text-align: left; width: 100%; height: 150px;" border="1"
cellpadding="2" cellspacing="0"> <tbody> <tr> <td
style="width: 20%; height: 150px; text-align: center;"> <a
href="http://perso.orange.fr/spese/html/img/Logo.jpg"><img
style="border: 0px solid ; width: 200px; height: 83px;"
alt="Synergie Santé" src="testcd_fichiers/Logo.jpg"></a><br> </td> <td
style="text-align: center;"> <p
style="font-family: Times New Roman,Times,serif;"> <b><span
style="font-size: 36pt; color: rgb(0, 0, 238);"><span
style="color: rgb(0, 0, 153);">SYNERGIE SANTE</span><br></span></b> </p>
<p> <b style=""><span style="color: blue;"><span
style="color: rgb(0, 0, 153); font-family: Times New Roman,Times,serif;">Espace
d'information, d'éducation, de prévention et de formation</span> <span
style="color: rgb(0, 0, 153); font-family: Times New Roman,Times,serif;">des
acteurs de santé du bassin thionvillois</span></span></b> </p> </td> </tr>
</tbody> </table> <br><div id="navcontainer"> <ul> <li> <a href="#"
name="current">Menu un</a> </li> <li> <a href="testcd.html#"
name="current">Menu deux</a> </li> <li> <a href="testcd.html#"
name="current">Menu trois</a> </li> <li> <a href="testcd.html#"
name="current">Menu quatre</a> </li> <li> <a href="testcd.html#"
name="current">Menu cinq</a> </li> </ul> </div> <br> <table
style="text-align: left; width: 100%; height: 640px;" border="1"
cellpadding="2" cellspacing="0"> <tbody> <tr> <td
style="text-align: left; vertical-align: middle;"> <div
style="margin-left: 10px; margin-right: 10px; text-align: justify;"> <big><br>
<span style="font-weight: bold;"><span style="color: rgb(0, 0, 153);">GENERALISTES
:</span> 7 membres</span><br></big> <big><br> <span
style="font-weight: bold;"><span style="color: rgb(0, 0, 153);">SPECIALISTES
:</span> 7 membres</span><br> <br></big> <big><span
style="font-weight: bold;"><span style="color: rgb(0, 0, 153);">INFIRMIERS
:</span> 3 membres</span><br></big> <big><br> <span
style="font-weight: bold;"><span style="color: rgb(0, 0, 153);">PHARMACIENS
:</span> 3 membres</span><br></big> <big><br> <span
style="font-weight: bold;"><span style="color: rgb(0, 0, 153);">MASSEURS-KINESITHERAPEUTES
:</span> 3 membres</span><br></big> <big><br> <span
style="font-weight: bold;"><span style="color: rgb(0, 0, 153);">CHIRURGIENS-DENTISTES
:</span> 2 membres</span><br></big><br> <big><span
style="font-weight: bold;"><span style="color: rgb(0, 0, 153);">AUTRES
PROFESSIONNELS DE SANTE :</span> 3 membres sur 5 possibles</span><br></big><br>
<big><span style="font-weight: bold; color: rgb(0, 0, 153);">MEMBRES DE
DROIT :</span></big><br> </div> </td> </tr> </tbody> </table><br> </div>
</body></html>
Il te suffit de coller ce code dans une nouvelle page de Kpz/Nvu à la place du code existant de l'onglet source pour voir le résultat
