Forum Clubic

Aide sur namo web editor - [ problème de résolution]

bonjour tout le monde,

Je suis actuellement en train de créer quelques pages web avec namo web editor 6. Je ne connais pas trop le html et c’est là que ce logiciel aide !

Je vais prendre l’exemple de ma page d’acceuil : index.html

Dans un premier temps, j’ai créé mes pages en étant dans la résolution 1280x960.
Sauf que quand je suis passé en 1024x768 pour tester… plusieurs affaires de la pages ont été déplacé ! donc là je recommence ces pages en étant en 1024x768.

Sauf que j’ai encore quelques problèmes :
la page est assez simple :

  • j’ai mis l’arrière plan noir
  • j’ai insérer une image que j’ai dimensionné pour le 1024x768 puis que j’ai centré
  • j’ai “insérer une couche” dans laquelle j’ai inscrit du texte (“entrer”)
    J’ai placé cette couche à un endroit bien préci sur mon image.

En 1024x768, j’obtient le résultat attendu ! Sauf que si je change de résolution, mon image reste centré mais change de taille (ce que je pense qui est normal : corrigez moi si je me trompe) et le plus embêtant : ma couche n’est plus placé au bon endroit sur mon image ! ce qui détruit ma mise en page !

Quel est ou pourrait être la solution à mon problème ?

je vous mets le code de cette page :
(rq : ya un effet de fondu à l’ouverture sur l’arriere plan)

[i]<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>** mYro **</title>
<meta name="generator" content="Namo WebEditor v6.0">

<script language="JavaScript">
<!–
function namosw_fade_background(r1, g1, b1, r2, g2, b2, maxstep)
{
document._r1 = r1;
document._r2 = r2;
document._g1 = g1;
document._g2 = g2;
document._b1 = b1;
document._b2 = b2;

document._maxstep = maxstep;
document._curstep = 1;

document._interval = setInterval("namosw_fade_setbgcolor()", 1);
}

function namosw_fade_setbgcolor()
{
var maxstep = document._maxstep;
var curstep = document._curstep;

if (curstep >= maxstep) {
clearInterval(document._interval);
return;
}

var cr = new Array();
cr[0] = Math.floor((document._r1*(maxstep-curstep) + document._r2curstep)/maxstep);
cr[1] = Math.floor((document._g1
(maxstep-curstep) + document._g2curstep)/maxstep);
cr[2] = Math.floor((document._b1
(maxstep-curstep) + document._b2*curstep)/maxstep);

var hexchars = ‘0123456789abcdef’;
var i;
var color_str = ‘#’;

for (i = 0; i < 3; i++) {
color_str += hexchars.charAt(Math.floor(cr[i]/16));
color_str += hexchars.charAt(cr[i]%16);
}

document.bgColor = color_str;

document._curstep += 1;
}

// --></script>

</head>

<body bgcolor="black" text="black" link="black" vlink="black" alink="black" OnLoad="namosw_fade_background(160, 29, 37, 0, 0, 0, 100);">
<div id="layer1" style="width:48px; height:24px; position:absolute; left:752px; top:290px; z-index:1;">
<p><font size="3" face="Book Antiqua">entrer</font></p>
</div>
<p align="center"><img src="image en 1024 par 768/01_page index.jpg" width="600" height="558" border="0"></p>
</body>

</html?gt;[/i]

Merci pour votre aide !

Tu découvres un des problèmes de la conception logicielle.
Une interfacce utilisateur doit être "résolution indépendant" autant que faire se peut.

Tu vas devoir utiliser le dimensionnement par pourcentage de l’écran, ce qui permet de conserver des proportions cohérentes.
Tu peux aussi créer plusieurs versions de ton site pour diverses réolution, mais l’inconvénitent en est évident.

Recherche des informations sur les coordonnées absolues et relatives.

En espérant que celà t’as aidé.

merci pour ta réponse, je vais regarder ca !

mais j’ai aussi remarqué que quand je suis en 1024x768, tout fonctionne bien a partir du moment ou la page est “entière”. Je m’explique : si jamais j’ouvre le cadre des favoris (qui apparait coté gauche), mon image reste centré mais mon texte dans les couches se voit décalé en temps réel !

pas cool…

en gros… y’aurai-t-il un moyen de souder ou lié la couche à l’image pour que la couche de texte reste toujours au même endroit sur l’image… quelquesoit la resolution ou la taille de la fenetre !!!

merci

Si tu veux lier deux objets dans une zone définie, dans la réalité tu les place dans un conteneur pour être sûr qu’ils resteront proches. Ici le problème est le même. Tu peux utiliser un DIV pour contenir ton image et la ‘couche’. Ensuite tu utilises les propriétés de style de la ‘couche’ et de l’image pour ajuster leur position par rapport au bord du DIV.
Pour que celà soit ‘propre’, utilise un fichier CSS séparé.