Problème d'affichage selon résolution écran

Fermé
Cybereco Messages postés 1 Date d'inscription vendredi 26 novembre 2010 Statut Membre Dernière intervention 26 novembre 2010 - 26 nov. 2010 à 08:32
Bonjour,

Je développe un site (je suis novice), et j'utilise la barre de menu déroulant Tigra Menu (version gratuite).
Mon problème est que selon la résolution écran utilisée, la barre de menu est décalée sur la droite.
Je cherche (désespérément)la modification à apporter, ou les lignes à intégrer dans mon menu ci-dessous pour que ma barre de menu s'intègre parfaitement à toute les résolutions.

Espérant trouver de l'aide auprès de vous.

Merci par avance pour vos réponses.

Voici mon code HTML :
<html>
<head>
<title>MASTER 2</title>
<meta name="title"
content="journal, informations locales et petites annonces dans le 85 Vendée, Nieul le Dolent, Aubigny, Les Clouzeaux, Venansault, Landeronde, Sainte Flaive des Loups, Saint Georges de Pointindoux, Nesmy, La Boissière des Landes, Beaulieu sous la Roche, journal dans le 85 Vendée,infos les clouzeaux,infos venansault, infos, landeronde, infos beaulieu sous la roche, infos saint georges de pointindoux, infos nieul le dolent, infos sainte flaive des loups, infos aubigny, infos nesmy, infos la boissiere des landes. Journal d'informations locales et de petites annonces gratuit sur Internet en Vendée">
<meta name="description"
content="journal, informations locales et petites annonces dans le 85 Vendée, Nieul le Dolent, Aubigny, Les Clouzeaux, Venansault, Landeronde, Sainte Flaive des Loups, Saint Georges de Pointindoux, Nesmy, La Boissière des Landes, Beaulieu sous la Roche, journal dans le 85 Vendée, infos les clouzeaux, infos venansault, infos, landeronde, infos beaulieu sous la roche, infos saint georges de pointindoux, infos nieul le dolent, infos sainte flaive des loups, infos aubigny, infos nesmy, infos la boissiere des landes. Journal d'informations locales et de petites annonces gratuit sur Internet en Vendée">
<meta name="abstract"
content="Flashwebdo, spécialiste en informations locales, petites annonces, forum, loisirs, sorties et bons plans dans les Pays de la Loire et La Vendée en France. Nous assurons l'étude, la conception et la réalisation de tous vos travaux de maquettes publicitaires et de publi-rédactionnel.">
<meta name="keywords"
content="journal,journal internet,journal web,information,infos,infos en Vendée,infos les clouzeaux, infos venansault, infos, landeronde, infos beaulieu sous la roche, infos saint georges de pointindoux, infos nieul le dolent, infos sainte flaive des loups, infos aubigny, infos nesmy, infos la boissiere des landes,petites annonces, petites annonces en vendée,acheter,vendre,annonce gratuite,sortie,loisir,pratique,cuisine,spectacle,concert,loto,nieul le dolent,vendée,les clouzeaux,venansault,landeronde,sainte flaive des loups, saint georges de pointindoux, beaulieu sous la roche, aubigny, la boissiere des landes,JOURNAL GRATUIT,associations,sport,actualité,canard en Vendée,locale,infos locales en vendée,agenda,publicité,économie,mode,cuisine,mairie,85,flashebdo">
<!-- toute l'information locale ,associative, sportive, culturelle,municipale et politique sur Nieul le Dolent, Aubigny, Les Clouzeaux, Venansault, Landeronde, Sainte Flaive des Loups, Saint Georges de Pointindoux, Nesmy, La Boissière des Landes, Beaulieu sous la Roche, en vendée 85 -->
<meta http-equiv="Content-Language" content="fr">
<meta name="revisit-after" content="2 days">
<meta name="generator" content="Microsoft Notepad">
<meta name="author" content="François Madelaine">
<meta name="creator" content="François Madelaine">
<meta name="identifier" content="http://www.flashwebdo.fr">
<meta name="country" content="FR">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta name="robots" content="ALL">
<meta name="reply-to" content="contact@flashwebdo.fr">
<meta name="rating" content="general">
<meta name="expires" content="never">
<meta name="category" content="animation-mariage">
<meta http-equiv="VW96.OBJECT TYPE" content="Document">
<script src="http://www.google-analytics.com/ga.js"
type="text/javascript"></script>
<script src="http://www.google-analytics.com/ga.js"
type="text/javascript"></script>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="fr">
<link rel="stylesheet" href="styles.css" type="text/css">
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="fr">
<meta name="Robots" content="follow">
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="fr">
<meta name="Robots" content="follow">
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<link rel="stylesheet" href="menu.css">
<script language="JavaScript">
new menu (MENU_ITEMS, MENU_POS);
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet"
href="http://www.beta.flashwebdo.fr/nivo-slider.css" type="text/css"
media="screen">
<link rel="stylesheet"
href="http://www.beta.flashwebdo.fr/demo/style.css" type="text/css"
media="screen">
</head>
<body
style="background-image: url(http://3dmy.net/diq/basis.gif); color: rgb(0, 0, 0); background-color: rgb(22, 33, 83);"
alink="#000099" link="#000099" vlink="#990099">
<div style="display: block; position: relative;"> </div>
<table
style="text-align: left; width: 1000px; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr align="center">
<td
style="vertical-align: middle; background-color: white; text-align: center;"
rowspan="1" colspan="2"><br>
<script language="javascript" src="ejs_ban.js"></script><noscript><a
href="http://www.editeurjavascript.com/countus/">compteur live</a></noscript><br>
</td>
</tr>
<tr>
<td
style="vertical-align: top; text-align: center; background-color: white;">
<div style="margin-left: 40px;"><font color="#162153">Aujourd'hui,
nous sommes-le :</font><font color="#162153"><b>
<script type="text/javascript"
src="http://services.service-webmaster.fr/afficheurs/index.php?type=date&id_membre=&model=dmy"></script></b></font></div>
</td>
<td style="vertical-align: top; background-color: white;"><font
color="#162153"><font color="#162153"> Nous
fêtons les
:</font></font><font color="#162153"><b><font color="#162153"><b>
<script type="text/javascript"
src="http://services.service-webmaster.fr/afficheurs/index.php?type=fetes&id_membre="></script></b></font></b></font></td>
</tr>
<tr>
<td colspan="2" rowspan="1"
style="vertical-align: top; background-color: white;">
<table style="text-align: left; width: 100%;" border="0"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td
style="vertical-align: middle; width: 420px; text-align: center;"><img
style="width: 102px; height: 98px;" alt=""
src="http://www.flashwebdo.fr/images/journal.gif"><img
style="border: 0px solid ; height: 102px; width: 277px;"
alt="logo flashwebdo"
src="http://www.flashwebdo.fr/images/logo-flashwebdo.gif" id="logo"> </td>
<td style="vertical-align: top; text-align: center;">
<div style="color: rgb(22, 33, 83);"
id="cont_82dca8919e2585647db256954cba77f1"><a
style="color: rgb(22, 33, 83);"
href="https://www.tameteo.com/meteo_La+Roche+sur+Yon-Europe-France-Vendee-LFRI-1-26108.html"
target="_blank" title="Météo La Roche-sur-Yon"><small>La météo La
Roche sur Yon</small></a><a
href="https://www.tameteo.com/meteo_La+Roche+sur+Yon-Europe-France-Vendee-LFRI-1-26108.html"
target="_blank" title="Météo La Roche-sur-Yon"><br>
</a></div>
<script type="text/javascript"
src="http://www.tameteo.com/wid_loader/82dca8919e2585647db256954cba77f1"></script><br>
</td>
<td
style="vertical-align: middle; width: 380px; text-align: center;"><span
style="color: rgb(22, 33, 83);">Rechercher
sur le
site  </span> <br>
  <input class="google_box" name="q" maxlength="50" value=""
type="text"> <input value="Rechercher" type="submit"><input
name="domains" value="flashwebdo.fr" type="hidden"><input
name="sitesearch" value="flashwebdo.fr" checked="checked" type="hidden"><input
name="meta" value="lr=lang_fr" type="hidden"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="2" rowspan="1"
style="vertical-align: top; background-color: white;"><!-- styles for demo menu #1--><!-- menu script itself. you should not modify this file -->
<script language="JavaScript" src="menu.js"></script><!-- items structure. menu hierarchy
and links are stored there -->
<script language="JavaScript" src="menu_items.js"></script><!-- files with geometry and styles structures -->
<script language="JavaScript" src="menu_tpl.js"></script>
<script language="JavaScript">

<!--//

// Note where menu initialization block is located in HTML document.

// Don't try to position menu locating menu initialization block in

// some table cell or other HTML element. Always put it before </body>



// each menu gets two parameters (see demo files)

// 1. items structure

// 2. geometry structure



new menu (MENU_ITEMS, MENU_TPL);

// make sure files containing definitions for these variables are linked to the document

// if you got some javascript error like "MENU_POS is not defined", then you've made syntax

// error in menu_tpl.js file or that file isn't linked properly.



// also take a look at stylesheets loaded in header in order to set styles

//-->

</script>
<br>
</td>
</tr>
<tr>
<td colspan="2" rowspan="1" style="vertical-align: top;">
<table style="text-align: left; width: 100%;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td colspan="3" rowspan="1"
style="vertical-align: top; background-color: white;"><br>
<br>
<br>
<br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br>
<br>
</body>
</html>

ET MON CODE CSS

// level scope settins structure
var MENU_TPL = [
// root level configuration (level 0)
{
// item sizes
'height': 24,
'width': 130,
// absolute position of the menu on the page (in pixels)
// with centered content use Tigra Menu PRO or Tigra Menu GOLD
'block_top': 310,
'block_left': 310,
// offsets between items of the same level (in pixels)
'top': 0,
'left': 131,
// time delay before menu is hidden after cursor left the menu (in milliseconds)
'hide_delay': 200,
// submenu expand delay after the rollover of the parent
'expd_delay': 200,
// names of the CSS classes for the menu elements in different states
// tag: [normal, hover, mousedown]
'css' : {
'outer' : ['m0l0oout', 'm0l0oover'],
'inner' : ['m0l0iout', 'm0l0iover']
}
},
// sub-menus configuration (level 1)
// any omitted parameters are inherited from parent level
{
'height': 24,
'width': 170,
// position of the submenu relative to top left corner of the parent item
'block_top': 25,
'block_left': 0,
'top': 23,
'left': 0,
'css' : {
'outer' : ['m0l1oout', 'm0l1oover'],
'inner' : ['m0l1iout', 'm0l1iover']
}
},
// sub-sub-menus configuration (level 2)
{
'block_top': 5,
'block_left': 160
}
// the depth of the menu is not limited
// make sure there is no comma after the last element
];
var winW = 630, winH = 460;
if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
winW = window.innerWidth;
winH = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
}
if (winW < 780) { winW = 800 }


A voir également: