Adapter page web aux écrans (html a l'appui)
Maaad
Messages postés
27
Date d'inscription
Statut
Membre
Dernière intervention
-
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
mon problème a déjà été évoqué mais après maintes recherches je ne trouve toujours pas la solution. Mon problème est simple, j'utilise web creator 3 pour créer mon site et j'aimerai que mon image de fond s'adapte à toutes les résolutions d'écran. La solution qui revenait le plus était de changer les px en % mais rien n'y fait, pouvez-vous m'aider svp ?
Voici le code html de ma page internet avec juste mon fond dessus, que dois-je changer pour adapter ma page aux différentes résolution ? Merci :
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<meta name="generator" content="LMSOFT Web Creator 3, Version:3.0.0.10">
</head>
<body><div style="position:absolute; visibility:hidden; left:0; top:-100000; width:100%; height:0;">[<a href="https://www.lmsoft.com/en/">Web Creator</a>] [<a href="https://www.lmsoft.com/en/">LMSOFT</a>]</div>
<script type="text/javascript" src="../lmpres60.js"></script><noscript><br></noscript> <script type="text/javascript" src="../lmpresb60.js" language="javascript1.3"></script><noscript><br></noscript> <script type="text/javascript">
//LMSOFT Web Creator 3, Version:3.0.0.10
//LMSOFT Kernel 60
var LMObjects = new Array();
var pub_home = "./indexpag.html"
var objindex=0;
var Stretch=2;
var Position=5;
var ScaleW=1.000000;
var ScaleH=1.000000;
var fontbase=120.;
var isdisplay=false;
//---------------------------------------------------------------------------------------------
if(isValideBrowser(4.00,4.00)) {
if(is.ie) document.writeln("<body onresize=PosPage(Stretch,Position,ScaleW,ScaleH); bgcolor=\"#ffffff\" >");
else document.writeln("<body onload=\"InitNS()\" bgcolor=\"#ffffff\" >");
InitResources();
BeginInitBackPanel(0,0,1365,605);
//---------------------------------------------------------------------------------------------
LMObjects[objindex++] = LMPage("Page",0,0,1365,605,null,null,null,"#ffffff","../lmimginv.gif");
LMObjects[objindex++] = LMImage("Img1",0,0,1365,605,1,0,null,0,null,null,null,null,"../site_web/6a01053584a99d970b011570002b1d970c_800wi.jpg");
}
//---------------------------------------------------------------------------------------------
EndInitBackPanel();
</script><noscript><br></noscript> <script type="text/javascript">
if(isdisplay==true) GetDisplayInfo("","",0,"","../");
else if(is.ie) {
document.onload = LMObjectAnimate(Stretch,Position,ScaleW,ScaleH);
PosPage(Stretch,Position,ScaleW,ScaleH);
}
</script><noscript><br></noscript></body>
</html>
mon problème a déjà été évoqué mais après maintes recherches je ne trouve toujours pas la solution. Mon problème est simple, j'utilise web creator 3 pour créer mon site et j'aimerai que mon image de fond s'adapte à toutes les résolutions d'écran. La solution qui revenait le plus était de changer les px en % mais rien n'y fait, pouvez-vous m'aider svp ?
Voici le code html de ma page internet avec juste mon fond dessus, que dois-je changer pour adapter ma page aux différentes résolution ? Merci :
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<meta name="generator" content="LMSOFT Web Creator 3, Version:3.0.0.10">
</head>
<body><div style="position:absolute; visibility:hidden; left:0; top:-100000; width:100%; height:0;">[<a href="https://www.lmsoft.com/en/">Web Creator</a>] [<a href="https://www.lmsoft.com/en/">LMSOFT</a>]</div>
<script type="text/javascript" src="../lmpres60.js"></script><noscript><br></noscript> <script type="text/javascript" src="../lmpresb60.js" language="javascript1.3"></script><noscript><br></noscript> <script type="text/javascript">
//LMSOFT Web Creator 3, Version:3.0.0.10
//LMSOFT Kernel 60
var LMObjects = new Array();
var pub_home = "./indexpag.html"
var objindex=0;
var Stretch=2;
var Position=5;
var ScaleW=1.000000;
var ScaleH=1.000000;
var fontbase=120.;
var isdisplay=false;
//---------------------------------------------------------------------------------------------
if(isValideBrowser(4.00,4.00)) {
if(is.ie) document.writeln("<body onresize=PosPage(Stretch,Position,ScaleW,ScaleH); bgcolor=\"#ffffff\" >");
else document.writeln("<body onload=\"InitNS()\" bgcolor=\"#ffffff\" >");
InitResources();
BeginInitBackPanel(0,0,1365,605);
//---------------------------------------------------------------------------------------------
LMObjects[objindex++] = LMPage("Page",0,0,1365,605,null,null,null,"#ffffff","../lmimginv.gif");
LMObjects[objindex++] = LMImage("Img1",0,0,1365,605,1,0,null,0,null,null,null,null,"../site_web/6a01053584a99d970b011570002b1d970c_800wi.jpg");
}
//---------------------------------------------------------------------------------------------
EndInitBackPanel();
</script><noscript><br></noscript> <script type="text/javascript">
if(isdisplay==true) GetDisplayInfo("","",0,"","../");
else if(is.ie) {
document.onload = LMObjectAnimate(Stretch,Position,ScaleW,ScaleH);
PosPage(Stretch,Position,ScaleW,ScaleH);
}
</script><noscript><br></noscript></body>
</html>
A voir également:
- Adapter page web aux écrans (html a l'appui)
- Web office - Guide
- Supprimer page word - Guide
- Capture écran page web entière - Guide
- Comment traduire une page web - Guide
- Création page web - Guide
4 réponses
Le problème c'est que si tu fais la modif dans le code, en dehors de Web Creator, quand tu vas y revenir rien ne dit que celui-ci comprendra ta modif...
Eternel souci des générateurs qui fait qu'il faut se contenter de ce qu'ils savent faire..
Eternel souci des générateurs qui fait qu'il faut se contenter de ce qu'ils savent faire..
Bonjour,
L'image de fond qui doit s'adapter à la taille de la fenêtre est un problème qui revient souvent effectivement. Il y a la version crade avant css3, puis la version propre (mais pas encore répandue partout) avec css3.
J'ai lu ton code et je ne vois pas trop où tu mets ton image... Elle s'appelle comment ? Je n'ai pas vu non plus d'appel à un fichier externe css... Je pourrais plus t'aider si j'avais ces infos.
L'image de fond qui doit s'adapter à la taille de la fenêtre est un problème qui revient souvent effectivement. Il y a la version crade avant css3, puis la version propre (mais pas encore répandue partout) avec css3.
J'ai lu ton code et je ne vois pas trop où tu mets ton image... Elle s'appelle comment ? Je n'ai pas vu non plus d'appel à un fichier externe css... Je pourrais plus t'aider si j'avais ces infos.
Bonjour,
merci de votre aide pour mon problème.
le nom de l'image est : 6a01053584a99d970b011570002b1d970c_800wi.jpg (situé vers la fin du code après "LMObjects [objindex++]...)
Le problème est qu'apparemment web creator 3 ne fournit pas l'html du site créé par le programme. J'ai récupéré ce code directement dans la gestion des pages du serveur ftp de mon hébergeur (j'éspère être clair). Je ne trouve absolument pas la solution pour adapter ne serai-ce qu'une simple image de fond (une fois que j'ai la marche a suivre je devrais pouvoir l'utiliser pour les autres éléments..)
Qu'en pensez-vous ?
le problème viendrait de mon programme de création ?
merci de votre aide pour mon problème.
le nom de l'image est : 6a01053584a99d970b011570002b1d970c_800wi.jpg (situé vers la fin du code après "LMObjects [objindex++]...)
Le problème est qu'apparemment web creator 3 ne fournit pas l'html du site créé par le programme. J'ai récupéré ce code directement dans la gestion des pages du serveur ftp de mon hébergeur (j'éspère être clair). Je ne trouve absolument pas la solution pour adapter ne serai-ce qu'une simple image de fond (une fois que j'ai la marche a suivre je devrais pouvoir l'utiliser pour les autres éléments..)
Qu'en pensez-vous ?
le problème viendrait de mon programme de création ?
A la base, les images de fond ne pouvaient pas être modifiées comme ça (c'est pour ça qu'il y avait une version crade de le faire) Seulement, d'après ce que je comprends du code, ça sera difficile de modifier les propriétés de votre fond.
En effet, vous créez un tableau LMObjects et chaque ligne va correspondre à un objet de la page avec ses propriétés.
=> ça dit que là où il y aura marqué Img1, on montra votre image, avec les propriétés qui sont rajoutées après (1365,605, etc.) qui sont peut-être des marges, peut-être des dimensions...
Et ce qui va récupérer les valeurs dans le désordre et le mettre correctement, ça semble être votre programme de création.
Pour peut-être vous aider, si vous êtes sur Firefox, il y a le plugin Firebug à télécharger qui permet de voir quels css sont appliqués et où (entre autres). En changeant les paramètres que vous mettez dans votre LMObjects et en regardant ce que ça donne, vous pourriez savoir quel paramètre changer, justement.
En effet, vous créez un tableau LMObjects et chaque ligne va correspondre à un objet de la page avec ses propriétés.
LMObjects[objindex++] = LMImage("Img1",0,0,1365,605,1,0,null,0,null,null,null,null,"../site_web/6a01053584a99d970b011570002b1d970c_800wi.jpg");
=> ça dit que là où il y aura marqué Img1, on montra votre image, avec les propriétés qui sont rajoutées après (1365,605, etc.) qui sont peut-être des marges, peut-être des dimensions...
Et ce qui va récupérer les valeurs dans le désordre et le mettre correctement, ça semble être votre programme de création.
Pour peut-être vous aider, si vous êtes sur Firefox, il y a le plugin Firebug à télécharger qui permet de voir quels css sont appliqués et où (entre autres). En changeant les paramètres que vous mettez dans votre LMObjects et en regardant ce que ça donne, vous pourriez savoir quel paramètre changer, justement.
voila le code html que me donne firebug, si je comprends bien il me faudrait mettre 100% à la place de 1365 et 605 dans cette partie : <img id="LMImageImg1" width="1365" height="605", pour résoudre mon problème ? Mais comment puis-je l'insérer si mon editeur de page sur le serveur ftp ne me donne pas le même code ? Puis-je faire un copier coller de ce code pour le mettre à la place de celui qui m'est donné via le serveur ftp de mon hebergeur ?
<html>
<head>
<body bgcolor="#ffffff" onload="InitNS()">
<div style="position:absolute; visibility:hidden; left:0; top:-100000; width:100%; height:0;">
<script src="../lmpres60.js" type="text/javascript">
<noscript><br></noscript>
<script language="javascript1.3" src="../lmpresb60.js" type="text/javascript">
<noscript><br></noscript>
<script type="text/javascript">
<div id="testfont" style="position:absolute;visibility:hidden;left:0;top:0;width:50;height:18;">
<div id="lmwcbackpanel" style="position:absolute;overflow:hidden; z-index:0;left:0;top:0;width:1365;height:605;">
<div id="Page" style="position: absolute; z-index: 0; visibility: visible; left: 0pt; top: 0pt; width: 1280px; height: 606px; clip: rect(0pt, 1280px, 606px, 0pt);" drawingeffect="0" drawok="0">
<div id="Img1" style="position: absolute; z-index: 1; visibility: visible; left: 0pt; top: 0pt; width: 1365px; height: 605px; clip: rect(0pt, 1365px, 605px, 0pt);" drawingeffect="0" drawok="0">
<a name="#anchor_Img1"></a>
<a>
<img id="LMImageImg1" width="1365" height="605" border="0" onload="TagLMImageLoad(this);" onmouseout="TagLMImageMouseOut(this);" onmouseover="TagLMImageMouseOver(this);" onmousedown="LMGlobalDn(event);" onmouseup="LMGlobalUp(event);" top="0" left="0" objectid="Img1" name="LMImageImg1" src="../site_web/6a01053584a99d970b011570002b1d970c_800wi.jpg">
</a>
</div>
</div>
<noscript><br></noscript>
<script type="text/javascript">
<noscript><br></noscript>
</body>
</html>
<html>
<head>
<body bgcolor="#ffffff" onload="InitNS()">
<div style="position:absolute; visibility:hidden; left:0; top:-100000; width:100%; height:0;">
<script src="../lmpres60.js" type="text/javascript">
<noscript><br></noscript>
<script language="javascript1.3" src="../lmpresb60.js" type="text/javascript">
<noscript><br></noscript>
<script type="text/javascript">
<div id="testfont" style="position:absolute;visibility:hidden;left:0;top:0;width:50;height:18;">
<div id="lmwcbackpanel" style="position:absolute;overflow:hidden; z-index:0;left:0;top:0;width:1365;height:605;">
<div id="Page" style="position: absolute; z-index: 0; visibility: visible; left: 0pt; top: 0pt; width: 1280px; height: 606px; clip: rect(0pt, 1280px, 606px, 0pt);" drawingeffect="0" drawok="0">
<div id="Img1" style="position: absolute; z-index: 1; visibility: visible; left: 0pt; top: 0pt; width: 1365px; height: 605px; clip: rect(0pt, 1365px, 605px, 0pt);" drawingeffect="0" drawok="0">
<a name="#anchor_Img1"></a>
<a>
<img id="LMImageImg1" width="1365" height="605" border="0" onload="TagLMImageLoad(this);" onmouseout="TagLMImageMouseOut(this);" onmouseover="TagLMImageMouseOver(this);" onmousedown="LMGlobalDn(event);" onmouseup="LMGlobalUp(event);" top="0" left="0" objectid="Img1" name="LMImageImg1" src="../site_web/6a01053584a99d970b011570002b1d970c_800wi.jpg">
</a>
</div>
</div>
<noscript><br></noscript>
<script type="text/javascript">
<noscript><br></noscript>
</body>
</html>
