Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Applications Applications Macromedia [DWMX2004] Compréhension Cadres

[DWMX2004] Compréhension Cadres

4 réponses
Avatar
JMH
Bonjour

Je me lance dans les cadres, mais j'ai un peu de peine à comprendre.

J'ai défini mes cadres comme suit:
TopFrame
Left Frame
MainFrame

J'aimerai pouvoir limiter
le TopFrame à 750pixels
le LeftFrame à 150 pixels (dans colonne, j'ais mis 150)
le MainFrame à 600 pixels (dans colonne, j'ais mis 600)

mais la largeur est à 900?

Merci d'avance de bien vouloir m'éclairer sur le sujet.

Jean-Michel H.
Signaler un problème avec ce contenu

4 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Nadège
salut

Il serait plus simple d'avoir le code de ton frameset.

Nadege

"JMH" a écrit dans le message de news:
cmd7ru$1pn$
Bonjour

Je me lance dans les cadres, mais j'ai un peu de peine à comprendre.

J'ai défini mes cadres comme suit:
TopFrame
Left Frame
MainFrame

J'aimerai pouvoir limiter
le TopFrame à 750pixels
le LeftFrame à 150 pixels (dans colonne, j'ais mis 150)
le MainFrame à 600 pixels (dans colonne, j'ais mis 600)

mais la largeur est à 900?

Merci d'avance de bien vouloir m'éclairer sur le sujet.

Jean-Michel H.





Avatar
JMH
Salut
Pour accéder à ta demande. Entre autre, j'aimerai aussi éviter les
ascenceurs horizontaux.
Document contenant les cadres:
-----------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
</head>

<frameset rows="100,*" framespacing="1" frameborder="yes" border="1"
bordercolor="#333333">
<frame src="cLogo.htm" name="cLogo" scrolling="NO" noresize id="cLogo">
<frameset cols="150,600" framespacing="1" frameborder="yes" border="1"
bordercolor="#333333">
<frame src="cMenu.htm" name="cMenu" noresize id="cMenu">
<frame src="cDonnee.htm" name="cDonnees" id="cDonnees">
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>
-----------------------------------------------------------------------------------------------------------------
Document cMenu (leftFrame)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
}
-->
</style></head>
<table width="150" border="1" bordercolor="#0000FF">
<tr>
<td>Menu 1 </td>
</tr>
<tr>
<td>Menu 2 </td>
</tr>
<tr>
<td>Menu 3 </td>
</tr>
<tr>
<td>Menu 4</td>
</tr>
<tr>
<td>Menu 5 </td>
</tr>
<tr>
<td>Menu 6 </td>
</tr>
<tr>
<td>Menu 7 </td>
</tr>
<tr>
<td>Menu 8 </td>
</tr>
<tr>
<td>Menu 9 </td>
</tr>
<tr>
<td>Menu 10 </td>
</tr>
<tr>
<td>Menu 11 </td>
</tr>
<tr>
<td>Menu 12 </td>
</tr>
<tr>
<td>Menu 13 </td>
</tr>
<tr>
<td>Menu 14</td>
</tr>
<tr>
<td>Menu 15 </td>
</tr>
<tr>
<td>Menu 16 </td>
</tr>
<tr>
<td>Menu 17 </td>
</tr>
<tr>
<td>Menu 18 </td>
</tr>
<tr>
<td>Menu 19 </td>
</tr>
<tr>
<td>Menu 20 </td>
</tr>
<tr>
<td>Menu 21 </td>
</tr>
<tr>
<td>Menu 22 </td>
</tr>
<tr>
<td>Menu 23 </td>
</tr>
<tr>
<td>Menu 24 </td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>


</body>
</html>
--------------------------------------------------------------------------------------------------------------------------------
Document CLogo (topFrame)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #00FF00;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--


function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2)
eval(args[i]+".location='"+args[i+1]+"'");
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>

<body>
<table width="100%" border="2" cellspacing="6" cellpadding="0">
<tr>
<td><a href="cMenuSymantec.htm" target="leftFrame"
onClick="MM_goToURL('parent.frames['leftFrame']','cMenuSymantec.htm');MM_goToURL('parent.frames['mainFrame']','cDonnee.htm');return
document.MM_returnValue">Symantec</a></td>
<td><a href="cMenuMicrosoft.htm" target="leftFrame">Microsoft</a></td>
<td><a href="cMenuMacromedia.htm" target="leftFrame">Macromedia</a></td>
<td><a href="cMenuDivers.htm" target="leftFrame">Divers</a></td>
<td><a href="cMenuJMH.htm" target="leftFrame">JMH</a></td>
<td><a href="cMenuSupport.htm" target="leftFrame">Support</a></td>
</tr>
</table>
</body>
</html>
---------------------------------------------------------------------------------------------------
Document cDonnee (mainFrame)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" 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">
<!--
body {
background-color: #999999;
}
-->
</style></head>

<body>
<div id="Layer1" style="position:absolute; visibility:visible; left:0px;
top:10px; width:600px; height:456px; z-index:1">
<p>Donn&eacute;es </p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
</div>

</body>
</html>


----------------------------------------------------------------------------------------------------------------------------------------
"Nadège" a écrit dans le message de news:
cmdft4$cd7$
salut

Il serait plus simple d'avoir le code de ton frameset.

Nadege

"JMH" a écrit dans le message de news:
cmd7ru$1pn$
Bonjour

Je me lance dans les cadres, mais j'ai un peu de peine à comprendre.

J'ai défini mes cadres comme suit:
TopFrame
Left Frame
MainFrame

J'aimerai pouvoir limiter
le TopFrame à 750pixels
le LeftFrame à 150 pixels (dans colonne, j'ais mis 150)
le MainFrame à 600 pixels (dans colonne, j'ais mis 600)

mais la largeur est à 900?

Merci d'avance de bien vouloir m'éclairer sur le sujet.

Jean-Michel H.









Avatar
dan
salut,
tu devrais penser que tous les utilisateurs ne vont pas afficher ta page
avec la même résolution.
pour enlever les ascenseurs horizontaux enlève le DOCTYPE des entêtes des
pages contenues dans les cadres et pense que tu dois toujours laisser une
"marge",
par ex. si tu as ton cadre de 150px n'utilise pas dedans un tableau de
150px, redimensionne le à 120 ou revois ton frameset.
pour ce qui est de "cMainframe", tu as déjà défini les dimensions dans le
frameset, alors essaye utiliser pour ton DIV le pourcentage à la place d'une
taille fixe en pixels qui peut influencer ton affichage. là aussi, essaye un
99% à la place de 100%.
sans oublier la taille des polices qui peut égallement avoir un impact sur
l'affichage de tes pages.
voici le code revisé:


Jeu de cadres:
************************************************************

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
</head>

<frameset rows="100,*" framespacing="1" frameborder="no" border="1"
bordercolor="#333333">
<frame src="UntitledFrame-1.htm" name="cLogo" scrolling="NO" noresize
id="cLogo">
<frameset cols="150,*" framespacing="1" frameborder="no" border="1"
bordercolor="#333333">
<frame src="UntitledFrame-2.htm" name="cMenu" noresize id="cMenu">
<frame src="UntitledFrame-3.htm" name="cDonnees" id="cDonnees">
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>


CLogo:
************************************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #00FF00;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--


function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2)
eval(args[i]+".location='"+args[i+1]+"'");
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>

<body>
<table width="100%" border="2" cellspacing="6" cellpadding="0">
<tr>
<td><a href="cMenuSymantec.htm" target="leftFrame"
onClick="MM_goToURL('parent.frames['leftFrame']','cMenuSymantec.htm');MM_g
oToURL('parent.frames['mainFrame']','cDonnee.htm');return
document.MM_returnValue">Symantec</a></td>
<td><a href="cMenuMicrosoft.htm" target="leftFrame">Microsoft</a></td>
<td><a href="cMenuMacromedia.htm" target="leftFrame">Macromedia</a></td>
<td><a href="cMenuDivers.htm" target="leftFrame">Divers</a></td>
<td><a href="cMenuJMH.htm" target="leftFrame">JMH</a></td>
<td><a href="cMenuSupport.htm" target="leftFrame">Support</a></td>
</tr>
</table>
</body>
</html>

cMenu:
****************************************************************
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<table width="130" border="1" bordercolor="#0000FF">
<tr>
<td width="128">Menu 1 </td>
</tr>
<tr>
<td>Menu 2 </td>
</tr>
<tr>
<td>Menu 3 </td>
</tr>
<tr>
<td>Menu 4</td>
</tr>
<tr>
<td>Menu 5 </td>
</tr>
<tr>
<td>Menu 6 </td>
</tr>
<tr>
<td>Menu 7 </td>
</tr>
<tr>
<td>Menu 8 </td>
</tr>
<tr>
<td>Menu 9 </td>
</tr>
<tr>
<td>Menu 10 </td>
</tr>
<tr>
<td>Menu 11 </td>
</tr>
<tr>
<td>Menu 12 </td>
</tr>
<tr>
<td>Menu 13 </td>
</tr>
<tr>
<td>Menu 14</td>
</tr>
<tr>
<td>Menu 15 </td>
</tr>
<tr>
<td>Menu 16 </td>
</tr>
<tr>
<td>Menu 17 </td>
</tr>
<tr>
<td>Menu 18 </td>
</tr>
<tr>
<td>Menu 19 </td>
</tr>
<tr>
<td>Menu 20 </td>
</tr>
<tr>
<td>Menu 21 </td>
</tr>
<tr>
<td>Menu 22 </td>
</tr>
<tr>
<td>Menu 23 </td>
</tr>
<tr>
<td>Menu 24 </td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>


</body>
</html>

cDonnees
****************************************************************
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" 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">
<!--
body {
background-color: #999999;
}
-->
</style></head>

<body>
<div id="Layer1" style="position:absolute; visibility:visible; left:10px;
top:10px; width:99%; height:456px; z-index:1">
<p>Donn&eacute;es </p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
</div>

</body>
</html>

******************************************************************
dan
"JMH" a écrit dans le message de
news:cmfipe$kp3$
Salut
Pour accéder à ta demande. Entre autre, j'aimerai aussi éviter les
ascenceurs horizontaux.


Avatar
JMH
Salut
Merci beaucoup pour tes explications, c'est super sympa.
La solution me convient.
Je vais pouvoir aller de l'avant.
Bye.



"dan" a écrit dans le message de news:
cmg5sh$eiv$
salut,
tu devrais penser que tous les utilisateurs ne vont pas afficher ta page
avec la même résolution.
pour enlever les ascenseurs horizontaux enlève le DOCTYPE des entêtes des
pages contenues dans les cadres et pense que tu dois toujours laisser une
"marge",
par ex. si tu as ton cadre de 150px n'utilise pas dedans un tableau de
150px, redimensionne le à 120 ou revois ton frameset.
pour ce qui est de "cMainframe", tu as déjà défini les dimensions dans le
frameset, alors essaye utiliser pour ton DIV le pourcentage à la place
d'une
taille fixe en pixels qui peut influencer ton affichage. là aussi, essaye
un
99% à la place de 100%.
sans oublier la taille des polices qui peut égallement avoir un impact
sur
l'affichage de tes pages.
voici le code revisé:


Jeu de cadres:
************************************************************

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
</head>

<frameset rows="100,*" framespacing="1" frameborder="no" border="1"
bordercolor="#333333">
<frame src="UntitledFrame-1.htm" name="cLogo" scrolling="NO" noresize
id="cLogo">
<frameset cols="150,*" framespacing="1" frameborder="no" border="1"
bordercolor="#333333">
<frame src="UntitledFrame-2.htm" name="cMenu" noresize id="cMenu">
<frame src="UntitledFrame-3.htm" name="cDonnees" id="cDonnees">
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>


CLogo:
************************************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #00FF00;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--


function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2)
eval(args[i]+".location='"+args[i+1]+"'");
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length;
i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>

<body>
<table width="100%" border="2" cellspacing="6" cellpadding="0">
<tr>
<td><a href="cMenuSymantec.htm" target="leftFrame"
onClick="MM_goToURL('parent.frames['leftFrame']','cMenuSymantec.htm');MM_g
oToURL('parent.frames['mainFrame']','cDonnee.htm');return
document.MM_returnValue">Symantec</a></td>
<td><a href="cMenuMicrosoft.htm" target="leftFrame">Microsoft</a></td>
<td><a href="cMenuMacromedia.htm"
target="leftFrame">Macromedia</a></td>
<td><a href="cMenuDivers.htm" target="leftFrame">Divers</a></td>
<td><a href="cMenuJMH.htm" target="leftFrame">JMH</a></td>
<td><a href="cMenuSupport.htm" target="leftFrame">Support</a></td>
</tr>
</table>
</body>
</html>

cMenu:
****************************************************************
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<table width="130" border="1" bordercolor="#0000FF">
<tr>
<td width="128">Menu 1 </td>
</tr>
<tr>
<td>Menu 2 </td>
</tr>
<tr>
<td>Menu 3 </td>
</tr>
<tr>
<td>Menu 4</td>
</tr>
<tr>
<td>Menu 5 </td>
</tr>
<tr>
<td>Menu 6 </td>
</tr>
<tr>
<td>Menu 7 </td>
</tr>
<tr>
<td>Menu 8 </td>
</tr>
<tr>
<td>Menu 9 </td>
</tr>
<tr>
<td>Menu 10 </td>
</tr>
<tr>
<td>Menu 11 </td>
</tr>
<tr>
<td>Menu 12 </td>
</tr>
<tr>
<td>Menu 13 </td>
</tr>
<tr>
<td>Menu 14</td>
</tr>
<tr>
<td>Menu 15 </td>
</tr>
<tr>
<td>Menu 16 </td>
</tr>
<tr>
<td>Menu 17 </td>
</tr>
<tr>
<td>Menu 18 </td>
</tr>
<tr>
<td>Menu 19 </td>
</tr>
<tr>
<td>Menu 20 </td>
</tr>
<tr>
<td>Menu 21 </td>
</tr>
<tr>
<td>Menu 22 </td>
</tr>
<tr>
<td>Menu 23 </td>
</tr>
<tr>
<td>Menu 24 </td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>


</body>
</html>

cDonnees
****************************************************************
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" 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">
<!--
body {
background-color: #999999;
}
-->
</style></head>

<body>
<div id="Layer1" style="position:absolute; visibility:visible; left:10px;
top:10px; width:99%; height:456px; z-index:1">
<p>Donn&eacute;es </p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
<p>Donn&eacute;es</p>
</div>

</body>
</html>

******************************************************************
dan
"JMH" a écrit dans le message de
news:cmfipe$kp3$
Salut
Pour accéder à ta demande. Entre autre, j'aimerai aussi éviter les
ascenceurs horizontaux.