18073 sujets

Questions générales et questions de débutants

Adapter mon site à toutes les résolutions.

Bonjour à tous,

petit nouveau sur la création de site web je viens de réaliser un site web à l'aide d'un logiciel de type "what you see is what you get". Ayant une formation de maquettiste je n'ai pas eu trop de problèmes à réaliser quelques pages. Cependant après l'avoir mis sur le net, on m'a dit (et je l'ai vu) que mon site était pénible sous certaines résolutions (800x600) Ce site étant destiné à tous, comment (simplement) faire en sorte qu'il se redimmensionne à chaque réso. J'ai vu un tuto sur le design fluid, mais pour moi ca reste encore assez obscur. Quelqu'un peut il aider ? Merci. Mon site : http://apelsthilaire.ifrance.com
PS : je ne suis pas le premier à poser cette question sans doute, mais j'ai pas eu le temps de fouiller tout le forum ! Smiley langue
bonsoir,

Apres avoir jeté un oeil sur ton code source, je peux te conseillé une bonne chose, aprendre à coder en XHTML + CSS. Pour cela tu peux prendre exemple sur http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/design-css

Si tu veux persister dans ta programmation, je sais qu'il existe une solution avec un petit code en javascript que tu pourra eventuellement trouver sur ce site.
Mais je te conseille vivement de coder selon la première solution. Tu pourra egalement trouver de nombreux tutoriels sur ce site.
Bon courage

amicalement,
Modifié par Philippe (23 Sep 2005 - 20:38)
bonsoir,

merci Philippe d'avoir répondu si vite. J'ai suivi ton lien et je dois avouer que vais suivre tes conseils : apprendre le XHTML et le CSS, bien que cela me rebute je dois le dire. Pour le moment cela ne me "parle pas" ! Par rapport au code source de mon site tu n'aurais une solution toute faite en attendant ? C'est pas que je sois pressé ... mais je fais ce site pour des gens qui s'y connaissent encore moins que moi et qui s'imaginent que je suis très doué Smiley rolleyes ... ils s'attendent à des résultats rapides et je ne voudrais pas les décevoir.

Amicalement Smiley smile
hummmmmm

bon allez, je te le dis Smiley cligne

le code que tu cherche est
a écrit :
<SCRIPT LANGUAGE="JavaScript">
window.moveTo(0,0);
if (document.getElementById || document.all)
{
window.resizeTo(screen.availWidth, screen.availHeight);
}
else if (document.layers)
{
if (window.outerHeight<screen.availHeight || window.outerWidth<screen.availWidth)
{
window.outerHeight = screen.availHeight;
window.outerWidth = screen.availWidth;
}
}
</SCRIPT>

Il te suffit de copier le code et de le coller entre les balises <head> et </head> .

Mis je persiste, aprend à coder en standart avec l'aide des tutoriels d'alsacréations. Et si tu as 30€ qui traine au fond du porte monnaie, je te conseille un bon bouquin CSS2 Pratique du design web

allez courage
Modifié par Philippe (23 Sep 2005 - 21:31)
Administrateur
Tant qu'à faire, autant éviter les attributs obsolètes comme "language" et remplacer par :
<script type="text/javascript">
bonsoir,

merci à tous de s'occuper de mon petit problème. J'essaye les solutions proposées mais je ne semble pas très doué. Peut être que je ne colle pas au bon endroit Smiley ohwell , mais je persevere tout de même !!!
rebonsoir,

bon je suis sans doute un vrai nul, car le résultat n'y est pas. J'ai fait une faute bien sûr, mais où ? Voici le code source de ma page index (modifiée avec le script java :

<script language="Javascript" type="text/javascript">
<!--
rnd=Math.floor(Math.random()*1000); var b=(''+location.hostname).split('.'); h='web.'+b[b.length-2]+'.'+b[b.length-1]; document.write('<sc'+'ript src="http://'+h+'/perso/js.php?'+rnd+'"><'+'/sc'+'ript>');
// -->
</script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-fr"><head><!--Serif WebPlus 8.0 HTML Export--><!--Supports HTML 4.0-->

<script type="text/javascript">
window.moveTo(0,0);
if (document.getElementById || document.all)
{
window.resizeTo(screen.availWidth, screen.availHeight);
}
else if (document.layers)
{
if (window.outerHeight<screen.availHeight || window.outerWidth<screen.availWidth)
{
window.outerHeight = screen.availHeight;
window.outerWidth = screen.availWidth;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html">

<meta name="Generator" content="Serif WebPlus 8.0">
<title>APEL St Hilaire</title>


<meta name="keywords" content="école, école privée poitiers, école catholique poitiers, école primaire poitiers, école maternelle poitiers, école st hilaire, saint hilaire, école saint hilaire">

<meta name="description" content="Site de l'APEL de l'école St Hilaire. Renseignements sur l'association et l'école.">

</head>
<body topmargin="0" leftmargin="0" style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); direction: ltr;" link="#4040ff" vlink="#00cccc">
<div style="position: absolute; left: 0px; top: 0px; width: 1280px; height: 820px;">
<map name="map4672"><area shape="poly" coords="865,169 864,164 865,163 915,162 916,150 915,141 916,140 914,126 859,125 876,106 882,95 881,91 898,88 879,71 853,65 830,69 810,85 799,106 797,130 806,153 827,171 860,172 865,169" nohref=""><area shape="poly" coords="1120,237 1013,237 1013,288 1120,288 1120,237" href="liens.html"><area shape="poly" coords="542,244 308,244 308,289 542,289 542,244" href="apels.html"><area shape="poly" coords="308,244 165,244 165,295 308,295 308,244" href="ecole_st_hilaire.html"><area shape="poly" coords="1011,235 779,235 779,288 1011,288 1011,235" href="actualites.html"><area shape="poly" coords="1229,236 1122,236 1122,288 1229,288 1229,236" href="mailto:apelsthilaire@ifrance.com"><area shape="poly" coords="777,237 545,237 545,288 777,288 777,237" href="actions.html"><area shape="poly" coords="1120,225 1117,224 1117,226 1120,225" nohref=""><area shape="poly" coords="1124,224 1158,215 1139,214 1169,208 1195,195 1189,194 1197,191 1192,189 1199,187 1194,186 1201,183 1196,182 1204,176 1198,175 1204,174 1198,172 1206,154 1199,126 1206,120 1199,119 1206,113 1200,112 1206,111 1200,110 1206,109 1200,108 1206,107 1199,106 1206,96 1200,95 1206,93 1200,91 1206,88 1199,87 1206,85 1200,82 1206,81 1199,79 1205,74 1200,71 1205,70 1199,41 1204,39 1193,36 1138,35 1096,34 1089,33 1088,34 1087,33 1086,35 1084,33 1080,36 1079,33 1078,34 1076,33 1071,36 1073,39 1065,37 1071,36 1069,33 1063,37 1065,37 1063,39 1064,40 1061,38 1063,37 1061,37 1063,33 1059,36 1061,38 1060,39 1061,40 1058,38 1060,37 1058,36 1059,33 1057,36 1054,35 1056,38 1055,39 1056,40 1055,39 1040,45 1041,60 1037,79 1041,118 1041,163 1044,182 1043,185 1044,186 1040,189 1055,197 1047,199 1053,202 1052,203 1055,204 1054,205 1075,212 1098,213 1079,214 1116,218 1102,219 1118,218 1117,220 1119,221 1117,222 1121,226 1122,224 1126,226 1124,224" nohref=""><area shape="poly" coords="1117,222 1114,223 1117,224 1117,222" nohref=""><area shape="poly" coords="1119,222 1119,221 1128,222 1119,222" nohref=""><area shape="poly" coords="1117,220 1112,221 1117,221 1117,220" nohref=""><area shape="poly" coords="1118,220 1118,219 1119,220 1118,220" nohref=""><area shape="poly" coords="1058,40 1057,39 1056,39 1056,38 1057,38 1057,37 1056,37 1057,36 1057,37 1058,37 1058,38 1057,38 1057,39 1058,39 1058,40" nohref=""><area shape="poly" coords="1064,39 1064,38 1073,39 1064,39" nohref=""><area shape="poly" coords="1055,37 1037,38 1055,38 1055,37" nohref=""><area shape="poly" coords="1073,37 1074,36 1129,37 1073,37" nohref=""><area shape="poly" coords="1053,33 1047,34 1054,35 1053,33" nohref=""><area shape="poly" coords="686,154 673,142 689,128 683,114 614,113 617,101 562,94 565,87 552,82 536,94 110,94 97,108 91,122 84,136 74,150 61,161 68,166 326,167 339,168 359,156 362,150 365,132 369,165 379,168 392,157 395,131 401,129 418,164 451,166 454,164 487,166 493,162 506,168 516,161 529,168 539,162 552,168 565,162 575,168 588,159 601,168 614,158 624,168 637,156 640,145 647,135 650,161 666,168 686,154" nohref=""><area shape="poly" coords="1227,285 1229,282 1230,281 1230,256 1228,253 1226,252 1223,252 1220,254 1219,257 1219,283 1222,286 1227,286 1227,285" nohref=""><area shape="poly" coords="1230,287 1231,285 1231,252 1230,251 1122,251 1121,254 1121,287 1122,288 1230,288 1230,287" nohref=""><area shape="poly" coords="1117,285 1119,282 1119,255 1116,253 1116,252 1112,252 1109,254 1108,257 1108,282 1110,285 1111,286 1116,286 1117,285" nohref=""><area shape="poly" coords="1120,287 1121,285 1121,252 1120,251 1011,251 1010,254 1010,286 1011,288 1120,288 1120,287" nohref=""><area shape="poly" coords="1005,285 1008,283 1008,254 1006,252 1000,252 998,254 998,283 1000,285 1001,286 1005,286 1005,285" nohref=""><area shape="poly" coords="1009,288 1011,286 1011,252 1010,251 779,251 778,254 778,288 780,289 1009,289 1009,288" nohref=""><area shape="poly" coords="772,285 774,282 774,255 770,252 767,253 764,255 763,258 763,282 765,285 766,286 772,286 772,285" nohref=""><area shape="poly" coords="777,287 778,285 778,253 777,251 546,251 545,254 545,287 546,288 777,288 777,287" nohref=""><area shape="poly" coords="304,286 306,285 308,283 308,255 306,253 304,252 302,253 300,254 298,256 298,284 300,286 302,287 304,286" nohref=""><area shape="poly" coords="307,288 310,286 310,253 308,251 167,251 166,254 166,287 168,289 307,289 307,288" nohref=""><area shape="poly" coords="538,286 541,284 542,281 542,256 539,253 533,253 531,256 531,283 533,286 535,287 538,286" nohref=""><area shape="poly" coords="543,288 545,286 545,252 544,251 311,251 310,254 310,288 312,289 543,289 543,288" nohref=""><area shape="poly" coords="1280,0 0,0 0,269 1280,269 1280,0" nohref=""><area shape="poly" coords="1280,501 6,501 6,820 1280,820 1280,501" nohref=""><area shape="poly" coords="842,204 0,204 0,781 842,781 842,204" nohref=""></map>
<img src="img4671.jpg" usemap="#map4672" border="0" height="820" width="1280"></div>


</body></html><script language="javascript" type="text/javascript">
<!--
document.write('<sc'+'ript src="http://'+h+'/perso/js2.php"><'+'/sc'+'ript>');
// -->
</script>

Où est l'erreur ?
Merci de votre réponse. Après, promis je me mets au CSS !
oupssssssss

je ne suis pas moderateur, mais tu devrais tout de meme lire les regles du forum, et edite ton dernier post afin d'incerer ton code entre les balises approprié.

amicalement,

ps: je regarde ton code source et je te tient au courant
Modifié par Philippe (23 Sep 2005 - 22:58)
Philippe a écrit :
oupssssssss

je ne suis pas moderateur, mais tu devrais tout de meme lire les regles du forum, et edite ton dernier post afin d'incerer ton code entre les balises approprié.


C'est une occupation à plein temps modérateur Smiley lol , celui de rappeler chaque jour de lire les règles du forum, de "fouiller tout le forum" même quand on a pas le temps Smiley ohwell , de consulter la faq, j'en passe etc. Et entre autre de lire dans les règles la façon de présenter du code lisiblement dans ses posts.

Sans oublier l'annonce que personne ne peux manquer en haut de ces pages sous le menu: Nouveau sur le forum ? Voici votre case départ pour bien débuter. Smiley cligne
Modifié par Igor (23 Sep 2005 - 23:48)
bonjour,
je suis désolé mais je suis tout frais dans la lecture des codes sources et des posts, alors je me suis contenté d'un copier coller tout bête. J'ai lu la partie 13- Mise en forme générale des messages mais je n'avais pas bien pigé. Merci à Philippe de s'intéresser à mon cas. Je vais faire des efforts, promis !
A plus.
PS : j'ai fouillé le forum mais j'ai pas tout compris sur les réponses aux posts.
Sujet clos
Aller à