Adapter page web aux écrans (html a l'appui)

Fermé

Maaad Messages postés 27 Date d'inscription mercredi 18 janvier 2012 Statut Membre Dernière intervention 9 avril 2012 - 13 févr. 2012 à 13:14
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 - 9 nov. 2012 à 13:27

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>

A voir également:

Adapter page web aux écrans (html a l'appui)
Supprimer une page word - Guide
Traduire une page web - Guide
Web office - Guide
Capture page web - Guide
Editeur html - Télécharger - HTML

4 réponses

Réponse 1 / 4

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
Modifié par telliak le 13/02/2012 à 15:34

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..

Réponse 2 / 4

AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
13 févr. 2012 à 14:06

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.

Maaad Messages postés 27 Date d'inscription mercredi 18 janvier 2012 Statut Membre Dernière intervention 9 avril 2012
13 févr. 2012 à 14:38

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 ?

AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
13 févr. 2012 à 14:51

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.

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.

Maaad Messages postés 27 Date d'inscription mercredi 18 janvier 2012 Statut Membre Dernière intervention 9 avril 2012
13 févr. 2012 à 14:59

ok je vais regarder pour télécharger firebug et voir si je sais trouver le paramètre à changer. Les valeurs correspondant à 1365 et 605 après " LMImage("Img1" "... sont la dimension de mon fond, je ne sais pas si cela peut déjà être une information utile ?

Merci de votre aide

Maaad Messages postés 27 Date d'inscription mercredi 18 janvier 2012 Statut Membre Dernière intervention 9 avril 2012
13 févr. 2012 à 15:06

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>

AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
13 févr. 2012 à 15:11

Je ne suis pas sûr pour les % avec l'image... C'est normalement plus complexe que ça...
J'ai envie de dire qu'il faut tester si tu peux copier ça sur ton ftp. Normalement, c'est bon, mais bon...

Réponse 3 / 4

melikmike
1 nov. 2012 à 00:11

Dans web creator tu fais:
1. fichier
2. propriétés du projet
3. configuration web
4. tu choisis la position du projet dans le navigateur en cliquant à l'intérieur du carré visible en bas.
5. toutes les pages seront alors à la position que tu as choisis

Bonne chance!

Réponse 4 / 4

mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
9 nov. 2012 à 13:27

Bonjour,

Concernant: "j'aimerai que mon image de fond s'adapte à toutes les résolutions d'écran"

Il y a des solutions en CSS3 avec les media queries....

Sinon il n'y a pas de solution.

A+

Discussions similaires

la balise <br> ou <br />