[dreamweaver 8] problème aperçu

Résolu/Fermé
DVX Messages postés 187 Date d'inscription lundi 20 février 2006 Statut Membre Dernière intervention 11 août 2010 - 2 avril 2007 à 16:40
DVX Messages postés 187 Date d'inscription lundi 20 février 2006 Statut Membre Dernière intervention 11 août 2010 - 5 avril 2007 à 14:04
Bonjour,

Je travaille avec dreamweaver 8.
J'ai concue un site web dont les pages sont faites de textes mis sur un calque.

Mon problème, c'est que l'appercue et correcte qu'avec une résolution d'écran de 800x600. Pour les autres résolutions, le calque decale à droite.

Comment remettre de l'ordre dans tout ça.

Merci de votre précieuse aide.
DVX
A voir également:

4 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
3 avril 2007 à 04:23
Bonjour,

“l'appercue et correcte” dans quoi ?

Pour t'aider, on a besoin de voir le code de la page. Ou, mieux, la page elle-même.
0
DVX Messages postés 187 Date d'inscription lundi 20 février 2006 Statut Membre Dernière intervention 11 août 2010 9
3 avril 2007 à 13:23
Je vous passe le code d'une des mes page en guise d'exemple.
Donc comme je vous ai dit, l'appercue avec un ecran de résolution 800x600 est parfaite, mais avec des ecrant dune autre résolution ça se melange un peu, les images se superposent.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mot du Président</title>
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.5)">

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Incomedia WebSite X5 v5.0.8 - www.websitex5.com">
<meta http-equiv="expires" content="0">
<meta name="resource-type" content="document">
<meta name="distribution" content="global">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="1 days">
<meta name="rating" content="general">
<meta name="author" content="CCIAM">

<link rel="stylesheet" href="res/main.css">
<script type="text/javascript" src="res/settings.js"></script>
<script type="text/javascript" src="res/arrays.js"></script>
<script type="text/javascript" src="res/engine.js"></script>

<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:426px;
height:316px;
z-index:1;
left: 202px;
top: 268px;
}
#Layer2 {
position:absolute;
width:418px;
height:334px;
z-index:1;
left: 172px;
top: 288px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #999999;
text-decoration: none;
}
.Style2 {color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
-->
</style>
</head>
<body leftmargin="0" topmargin="0" background="images/bg.gif">
<table align="center" width="768" border="0" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td height="38" valign="middle" background="images/bg_content.gif">
<table cellspacing="0" cellpadding="0" width="735">
<tr>
<td width="15"></td>
<td width="120">
<div class="mainMenu" id="ID_elpage1" onClick="javascript:window.location='home.html';" onMouseOver="chgPageStl(1,1)" onMouseOut="chgPageStl(0,1)" style="background-image: url('res/elpage10.gif')"></div>
</td>
<td width="120">
<div class="mainMenu" id="ID_elmenu1" onClick="javascript:window.location='pg000.html';" onMouseOver="popUp('elmenu1',event)" onMouseOut="popDown('elmenu1')" style="background-image: url('res/elmenu10.gif')"></div>
</td>
<td width="120">
<div class="mainMenu" id="ID_elmenu2" onClick="javascript:window.location='pg008.html';" onMouseOver="popUp('elmenu2',event)" onMouseOut="popDown('elmenu2')" style="background-image: url('res/elmenu20.gif')"></div>
</td>
<td width="120">
<div class="mainMenu" id="ID_elmenu3" onClick="javascript:window.location='pg012.html';" onMouseOver="popUp('elmenu3',event)" onMouseOut="popDown('elmenu3')" style="background-image: url('res/elmenu30.gif')"></div>
</td>
<td width="120">
<div class="mainMenu" id="ID_elmenu4" onClick="javascript:window.location='pg016.html';" onMouseOver="popUp('elmenu4',event)" onMouseOut="popDown('elmenu4')" style="background-image: url('res/elmenu40.gif')"></div>
</td>
<td width="120">
<div class="mainMenu" id="ID_elmenu5" onClick="javascript:window.location='pg019.html';" onMouseOver="popUp('elmenu5',event)" onMouseOut="popDown('elmenu5')" style="background-image: url('res/elmenu50.gif')"></div>
</td>
</tr>
</table>
<img src="res/elpage11.gif" style="position:absolute; visibility:hidden">
<img src="res/elmenu11.gif" style="position:absolute; visibility:hidden">
<img src="res/elmenu21.gif" style="position:absolute; visibility:hidden">
<img src="res/elmenu31.gif" style="position:absolute; visibility:hidden">
<img src="res/elmenu41.gif" style="position:absolute; visibility:hidden">
<img src="res/elmenu51.gif" style="position:absolute; visibility:hidden">

</td>
</tr>
<tr>
<td height="211" background="images/top.jpg"><font size="5" color="#000000" face="Verdana"><b><p align="right">    </p></b></font></td>
</tr>
<tr>
<td valign="top" background="images/bg_content.gif"><center>
<table height="315%" width="720" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="123" height="811" valign="top">
<ul class="imSubMenu">
<li class="imSubMenuCurrent">Mot du Président</li>
<li class="imSubMenu"><a href="pg001.html">Présentation</a></li>
<li class="imSubMenu"><a href="pg002.html">Organisation</a></li>
<li class="imSubMenu"><a href="pg003.html">Activites</a></li>
<li class="imSubMenu"><a href="pg004.html">Plan Stratégique</a></li>
<li class="imSubMenu"><a href="pg005.html">Centre de Médiation</a></li>
<li class="imSubMenu"><a href="pg006.html">Publications</a></li>
<li class="imSubMenu"><a href="pg007.html">Le CIMDET</a></li>
</ul>
</td>
<td width="7" background="images/mnuline.gif"></td>
<td width="590" valign="top">
<div align="left" id="imTitle" style="width:590">
<p><strong>Le Président </strong></p>
<div id="Layer2">
<p><STRONG>Mohamedou Ould Mohamed Mahmoud<BR>
Président de la CCIAM</STRONG></p>
<p align="justify">Monsieur Ould Mohamed Mahmoud après des études Secondaires, au collège Xavier Capolani et supérieures (Sciences Sociales) en France et en Tunisie, il a été Chef de Service National de la Jeunesse et de l’Education Populaire puis Secrétaire Général du MPJ avant d’occuper plusieurs autres fonction Nationales et Internationales.</p>
<DIV align="justify">Il a notamment représenté la Mauritanie en qualité d’Ambassadeur près d’une vingtaine d’Etats ou organisations Internationales dont : l’Algérie, la Tunisie, le Gabon, le Nigeria, le Congo, l’Espagne, le Canada, la République Fédérale d’Allemagne, l’Autriche, les pays Scandinaves, et près de l’UNESCO (Paris), de l’Organisation des Nations Unis (ONU, New York).<BR>
Aété Ministre de la Jeunesse, des Sports, de l’Artisanat et du Tourisme, puis Directeur de Cabinet du Chef de l’Etat.<BR>
Consultant International et Directeur Général de Société d’Assurances, Monsieur Ould Mohamed Mahmoud, occupe actuellement la fonction de président de la Chambre de Commerce, d’Industrie et d’Agriculture de Mauritanie (CCIAM.<BR>
</DIV>
<p align="justify" dir="LTR"> </p>
<p dir="LTR"> </p>
<p align="justify" class="Style2"><em><strong><br>
</strong></em></p>
</div>
<table width="129" height="665" border="0" align="right" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td> </td>
</tr>
</table>
<p align="right"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>

<p> </p>
</td>
</tr>
</table>
</center></td>
</tr>
<tr align="center" valign="bottom">
<td height="42" background="images/bottom.gif">
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">  
<div style="height:0px; width:590px; position: relative">
<div id="imToolTip"></div>
</div></td>
<td align="right" valign="top">   </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
3 avril 2007 à 20:11
Sans voir la feuilles de styles, c'est un peu compliqué.
Et sans voir les images…

Cependant, la “position:absolute;” du “#Layer2 {” peut être à la source du problème.

Teste. Supprime-la.

C'est un début.
0
DVX Messages postés 187 Date d'inscription lundi 20 février 2006 Statut Membre Dernière intervention 11 août 2010 9
4 avril 2007 à 14:04
Salut Gihef, Au fait je supprime la position absolute du layer en la remplaçant par quoi?

Merci
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
4 avril 2007 à 17:33
Par rien.
Supprime, c'est tout.
Pour voir.

Ne peut-on pas voir la page en ligne, avec tout ce qu'elle contient ?
0
DVX Messages postés 187 Date d'inscription lundi 20 février 2006 Statut Membre Dernière intervention 11 août 2010 9
5 avril 2007 à 14:04
Merci Gihef,
Tu avais raiso, la position absolute du layer 2 etait à l'orginie du decalage de l'apperçe.
A présent, tout est rentré dans l'ordre, mais est ce que tu peux m'expliquer un peut pourquoi ou coment?

Merci encre.
DVX
0