Positionnement des div PA, AU SECOURS!
Boysan10
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
Boysan10 Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
Boysan10 Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je sais que ce thème a dejà été abordé maintes et maintes fois, mais là je vais craquer! Alors, j'ai un tableau qui contient des menu (image en jpeg), sur lesquelles j'ajoute mes calques DIV PA . Sur d'autre sites il était conseiller de mettre ces div en position "relative" et de régler les options "top" et "left"....mais rien a faire, dés que j'ouvre ma page sous IE, FF ou Chrome, les div se décale selon la taille de la fenêtre!
Comment dois-je faire????
Je sais que ce thème a dejà été abordé maintes et maintes fois, mais là je vais craquer! Alors, j'ai un tableau qui contient des menu (image en jpeg), sur lesquelles j'ajoute mes calques DIV PA . Sur d'autre sites il était conseiller de mettre ces div en position "relative" et de régler les options "top" et "left"....mais rien a faire, dés que j'ouvre ma page sous IE, FF ou Chrome, les div se décale selon la taille de la fenêtre!
Comment dois-je faire????
A voir également:
- Positionnement des div PA, AU SECOURS!
- Logiciel positionnement gratuit - Guide
- Div c++ - Télécharger - Langages
- Positionner des points sur une carte - Guide
- Exemple test de positionnement greta - Forum Études / Formation High-Tech
- Remplacer #div/0 par vide - Forum Excel
1 réponse
Je met mon code, ça rend la chose plus claire ;)
<html>
<head>
<title>maquette1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="../../maquette/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../../maquette/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
#menu {
position:relative;
width:98px;
height:27px;
z-index:1;
left: 44px;
top: 116px;
margin:auto
}
#sousmenu {
position:relative;
width:200px;
height:115px;
z-index:2;
left: 37px;
top: 155px;
margin:auto
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<br>
<br>
<div id="menu" onMouseOver="MM_showHideLayers('sousmenu','','show')" onMouseOut="MM_showHideLayers('sousmenu','','hide')">retrwetertret</div>
<div id="sousmenu">dfiidfusuzrfewiurzwerzewiuzr</div>
<table width="1200" height="740" border="0" align="center" cellpadding="0" cellspacing="0" id="Tableau_01" >
<tr>
<td colspan="8">
<img src="maquette_01.jpg" width="1024" height="116" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="maquette_02.gif" width="191" height="27">
</td>
<td>
<img src="maquette_03.jpg" width="162" height="27" alt=""></td>
<td>
<img src="maquette_04.jpg" width="162" height="27" alt=""></td>
<td>
<img src="maquette_05.jpg" width="174" height="27" alt=""></td>
<td>
<img src="maquette_06.jpg" width="176" height="27" alt=""></td>
<td colspan="2">
<img src="maquette_07.jpg" width="335" height="27" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="../../maquette/images/maquette_08.gif" width="1" height="576" alt=""></td>
<td colspan="6">
<img src="maquette_09.jpg" width="1024" height="476" alt="">
</td>
<td rowspan="2">
<img src="../../maquette/images/maquette_10.gif" width="1" height="576" alt=""></td>
</tr>
<tr>
<td colspan="6"><img src="maquette_11.jpg" width="1024" height="16" alt=""></td>
</tr>
<tr>
<td>
<img src="../../maquette/images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="190" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="162" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="162" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="174" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="176" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="334" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
<html>
<head>
<title>maquette1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="../../maquette/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../../maquette/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
#menu {
position:relative;
width:98px;
height:27px;
z-index:1;
left: 44px;
top: 116px;
margin:auto
}
#sousmenu {
position:relative;
width:200px;
height:115px;
z-index:2;
left: 37px;
top: 155px;
margin:auto
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<br>
<br>
<div id="menu" onMouseOver="MM_showHideLayers('sousmenu','','show')" onMouseOut="MM_showHideLayers('sousmenu','','hide')">retrwetertret</div>
<div id="sousmenu">dfiidfusuzrfewiurzwerzewiuzr</div>
<table width="1200" height="740" border="0" align="center" cellpadding="0" cellspacing="0" id="Tableau_01" >
<tr>
<td colspan="8">
<img src="maquette_01.jpg" width="1024" height="116" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="maquette_02.gif" width="191" height="27">
</td>
<td>
<img src="maquette_03.jpg" width="162" height="27" alt=""></td>
<td>
<img src="maquette_04.jpg" width="162" height="27" alt=""></td>
<td>
<img src="maquette_05.jpg" width="174" height="27" alt=""></td>
<td>
<img src="maquette_06.jpg" width="176" height="27" alt=""></td>
<td colspan="2">
<img src="maquette_07.jpg" width="335" height="27" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="../../maquette/images/maquette_08.gif" width="1" height="576" alt=""></td>
<td colspan="6">
<img src="maquette_09.jpg" width="1024" height="476" alt="">
</td>
<td rowspan="2">
<img src="../../maquette/images/maquette_10.gif" width="1" height="576" alt=""></td>
</tr>
<tr>
<td colspan="6"><img src="maquette_11.jpg" width="1024" height="16" alt=""></td>
</tr>
<tr>
<td>
<img src="../../maquette/images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="190" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="162" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="162" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="174" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="176" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="334" height="1" alt=""></td>
<td>
<img src="../../maquette/images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
