si tu veux voir il n'y a pas de problème normalement avec netscape sur le menu d'alsa voici un lien
http://perso.orange.fr/decouverte-cuisine/home.html
donc ma demande etait peut etre inutile
sinon rien a voir je sais du coup pas sur le bon forum peut etre tu peux m'aider sur l'affichage des navigateurs pour eviter quand changeant la taille de texte il n'y est des bugs
voici le html
<!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" >
<head>
<title>homepage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="te.css" />
<script 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>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
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><style type="text/css">
<!--
a:link {
text-decoration: none;
color: #999999;
}
a:visited {
text-decoration: none;
color: #999999;
}
a:hover {
text-decoration: underline;
color: #CCCCCC;
}
a:active {
text-decoration: none;
color: #CCCCCC;
}
-->
</style>
</head>
<body>
<div id="conteneur">
<div id="header">
</div>
<div id="haut"> <div id="menu">
<dl>
<dt onmouseover="javascript:montre('');"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');">Contactez-Nous</dt>
<dd id="smenu1"onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="contactScom.html">Service Commercial</a></li>
<li><a href="http://www.jascoinc.com/" class="lien_ext">Jasco dans le monde</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');">Nos Produits</dt>
<dd id="smenu2"onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="spectroscopy.html">Spectroscopie</a></li>
<li><a href="chroma.html">Chromatographie</a></li>
<li><a href="consommable.html">Consommable</a></li>
</ul>
</dd></dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Service et Formation</dt>
<dd id="smenu3"onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
<ul>
<li><a href="contactSAV.html">Service Après-Vente </a></li>
<li><a href="services/Formation.html">Formation</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">Documentation</dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Catalogues</a></li>
<li><a href="services/applications.html">Applications</a></li>
</ul>
</dd>
</dl>
</div></div>
<div id="gauche">
<div id="menugauche">
<h2> <a href="quinous.html">Qui sommes nous ?</a>
<a href="demandes/demande.php4">Vos demandes</a>
<a href="evenement.html">Evenements</a>
<a href="partenaires.html">Partenaires</a> </h2>
<form name="form1" method="post" action="login.php4">
<h2>
<table width="130" border="0" cellpadding="0" >
<tr>
<td align="center">
Login:<br />
<input name="txt_login" type="text" id="taïlog" size="15" /> </td>
</tr>
<tr>
<td align="center">Mot de Passe :<br />
<input name="txt_password" type="password" size="15" /> </td>
</tr>
<tr>
<td align="center"><font size="0">
<input type="submit" name="Ok" value="envoyer" />
</font></td>
</tr>
</table></h2><h2>
<a href="identification/enregistrer.html">
Inscrivez-vous!</a>
<a href="logout.php4" >Déloguez-vous!</a> </h2>
</form>
</div>
<a href="pola/p1000.html"><img src="images/p2000_bunner_b.jpg" border="0" /></a><br />
<br />
<a href="uvvis/uv-index.html"><img src="images/v600_bunner_b.jpg" border="0"/></a>
<h2><script type="text/javascript" src="script/popup.js"></script>
<a href="http://teamspectro.ovh.org/forum/punbb_1-2-13_fr/upload/index.php" class="lien_ext">Forum Jasco</a></h2><br />
<br />
</div>
<div id="centre">
<table width="560" id="tablo" >
<tr>
<td width="222"> </td>
<td width="326"> </td>
</tr>
<tr>
<td colspan="2" align="center"><span class="titreaccueil">Spectroscopie et Chromatographie
</span></td>
</tr>
<tr>
<td><span class="taccueil"> La Performance<br />
L'Innovation<br />
La Fiabilité<br />
<span class="titreconnu">...Reconnu de par le Monde</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
</span></td>
<td align="right"><span class="text">UV/Vis/NIR<br />
FT-IR<br />
Fluorescence<br />
Raman<br />Polarimètre<br />
Dichroïsme Circulaire<br />
HPLC<br />
X-LC<br />
SFC/SFE</span><br />
<br />
<br />
<br /></td>
</tr>
<tr>
<td align="center"></td>
<td align="right"></td>
</tr>
<tr><td></td>
<td ></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br />
<hr /><br />
<center><h5>
<table width="530" border="0" cellpadding="0">
<tr>
<td colspan="2" ><div align="left"><b>NOS PRODUITS:</b></div></td>
</tr>
<tr>
<td align="center"><h3><b><a href="spectroscopy.html">Spectroscopie</a></b> </h3></td>
<td align="left"><h3><b><a href="chroma.html">Chromatographie</a></b></h3></td>
</tr>
<tr>
<td align="left"><img src="images/images.jpg" /><b><a href="uvvis/uv-index.html">Nouveau! UV/Visible/NIR</a></b><br />
<img src="images/images.jpg" /><a href="dt810/index810.html">Test de dissolution</a><br />
<img src="images/images.jpg" /><a href="ftir/ftir.html">FT-IR et FT Raman</a><br />
<img src="images/images.jpg" /><a href="fluo/fluo.html">Fluorescence</a><br />
<img src="images/images.jpg" />Dichroïsme circulaire<br />
<img src="images/images.jpg" /><a href="raman/raman.html">Raman dispersif</a><br />
<img src="images/images.jpg" /><b><a href="pola/p1000.html">Nouveau! Polarimètre Digital</a></b><br />
<img src="images/images.jpg" /><a href="logiciels/spectra_manager.php4">Logiciel Spectra Manager II 21 CFR11
</a><br />
<br />
<br /></td>
<td align="left">
<img src="images/images.jpg" /><b><a href="x-lc/xlc-index.html">Nouveau! X-LC™</a></b><br />
<img src="images/images.jpg" />Système d'HPLC LC-2000Plus<br />
<img src="images/images.jpg" />Module d'HPLC LC-2000Plus<br />
- Pompes <br />
- Détecteurs <br />
- Injecteurs automatiques<br />
- Autres modules<br />
<img src="images/images.jpg" /><a href="hplc/micro.html">Micro LC21</a><br />
<img src="images/images.jpg" /><a href="sfc-sfe/sfc.html">SFC/SFE</a><br />
<img src="images/images.jpg" /><a href="logiciels/EZ_Chrom.php4">Logiciel EZ-Chrom </a></td>
</tr>
</table>
</h5>
</center>
</div>
<div id="pied">
<img src="images/i_mail.gif" /> Zone de la Bouvre, 17 rue Gutenberg 44340 BOUGUENAIS
<img src="images/i_tel.gif" /> Tel: +33(0)2.40.43.00.43 Fax: +33(0)2.40.43.24.37
</div>
</div>
</body>
</html>
et pour le css
/* CSS Document */
html {font-size: 100%;}
body {
background:#E0DFDF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
height: 100px;
background-image:url(images/header.jpg);
}
#conteneur {
position:absolute;
width: 750px;
margin-left: -380px;
margin-top: -275px;
top: 50%;
left: 50%;
background-color:#F0F0F0;
}
#centre {
background-color:#FFF;
margin-left: 150px;
padding:15px;
}
#gauche {
padding-left:15px;
position: absolute;
left:-1px;
width: 135px;
top: 172px;
height: 114px;
}
#pied {
height:30px;
background-color:#E0DFDF;
border-bottom-style:groove ;font-family:"Times New Roman", Times, serif;
font-style:normal;
color:#395795;
font-size:13px;
font-weight:normal;
font-weight:bold;
}
#haut
{
height:1.5em;
background-color:#FFF;
}
/*menu fixe gauche*/
ul#menugauche
{
font:bold Georgia, "Times New Roman", Times, serif;
list-style-type:none;
}
#menugauche a
{
display:block;
margin:1px 0;
color:#000;
text-decoration:none;
line-height:15px;
width:9.48em;
border:1px solid #CCCCCC;
background:#CCCCCC;
text-align:center;
border-width:1px 2px 2px 1px;
border-color:#cecece #4a4a4a #4a4a4a #cecece;
border-style:solid;
}
#menugauche a:hover
{
border-width:2px 1px 1px 2px;
border-color:#4a4a4a #cecece #cecece #4a4a4a;
}
p {margin: 0 0 10px 0;}
/*****************************************************/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 103px;
left: 0px;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 11.7em;
}
#menu dt {
cursor: pointer;
text-align: center;font-family:"Times New Roman";font-size:13px;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
display: none;
border: 1px solid gray;
background:#CCCCCC;
}
#menu li {
text-align: center;
background: #CCC;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;font-family:"Times New Roman";font-size:13px;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
/********texteimagehome*********************/
.titreaccueil
{font-size:2.5em;
color:#FFFFFF;
font-style:italic ;
font-family:"Times New Roman", Times, serif;
font-weight:bold;}
.taccueil
{font-size:1.25em;
color:#FFFFFF;
font-style:italic ;
font-family:"Times New Roman", Times, serif;
font-weight:bold;}
.titreconnu
{font-size:1.75em;
color:#FFFFFF;
font-style:italic ;
font-family:"Times New Roman", Times, serif;
font-weight:bold;}
.text
{font-size:1.25em;
color:#000;
font-style:italic ;
font-family:"Times New Roman", Times, serif;
font-weight:bold;}
#tablo
{
background-image:url(images/top_octobre_06.jpg);
height:374px;}
/*///////polices de textes///////*/
h2
{
font-family:"Times New Roman", Times, serif;
font-style:normal;
color:#000000;
font-size:13px;
font-weight:normal;
}
h1
{
font-family:"Georgia", Times New Roman, Times, serif;
font-style:oblique;
color:#000000;
font-size:18px;
font-weight:bolder;
}
h3
{
color:#999999;
font-weight:bold;
font-size:18px;
}
.titredefinition
{
font-size:16px;
text-decoration:underline;
font-weight:bold;
}
.titre
{
font-size:16px;
font-weight:bold;
}
h4
{
font-family:"Georgia", Times New Roman, Times, serif;
font-style:oblique;
color:#000000;
font-size:22px;
font-weight:bolder;
}
h5
{
font-family:"Times New Roman", Times, serif;
font-style:normal;
color:#999999;
font-size:13px;
font-weight:normal;
}
#taïlog
{
line-height:10px;}
/************************* pop up genere pour ouverture nouvelle fenetre**************/
a.lien_ext:after {
content: "";
}
/********************************************/
#forum
{
font-size:12px;
text-decoration:underline;
font-weight:bold;
}
h6
{
font-family:"Times New Roman", Times, serif;
font-style:normal;
color:#395795;
font-size:13px;
font-weight:normal;
font-weight:bold;
}
merci
Modifié par oscars (03 Dec 2006 - 12:37)
