Cela fait quelques mois que j’ai réalisé un petit site plutôt bancal et
que j’ai depuis abandonné. Maintenant que j’ai plus de temps
devant moi, je voudrais le réviser de fond en comble.
Le premier problème qui se présente : je voudrais bien
"fixer" les dimensions de ma page (genre en 800600). Pour l’instant,
le site est utilisable en 1024768 (et plus certainement), mais dans
des résolutions inférieures, des parties du site sont
rognées. Le problème c’est que des “ascenseurs” ne sont
pas présent dans le navigateur, donc ces parties ne sont pas
accessibles.
Je ne sais pas si je suis très clair, mais je voudrais
éviter que les éléments affichés se
modifient selon la résolution (ou définition je ne sais
plus quel terme il faut utiliser).
J’utilise Dreamweaver 4 (c’est vieux mais je ne peut pas trop en
changer) et vos conseils seraient les bienvenus. Pour l’instant j’ai
lus quelques tutoriaux portant sur l’utilisation de tableaux mais rien
de bien pertinent.
Bref de bref votre aide me serait des plus précieuse.
Alors si je comprend bien, tu a un site resolution 1024 que tu veut rendre compatible 800x600, seulement il n’y a pas d’ascenseur dans ce site (tu ne veut pas ou il n’y en a pas ?) si tu veut le rendre compatible, à ma connaissance (et si j’ai bien compris), il faut que tu fasse deux pages différente pour modifier le contenu.
Bah en fait je voudrais faire en sorte que si je suis en 1024768, il y
est un fond (d’une couleur quelconque) et que la page s’affiche au sein
de ce fond. Et si la personne utlise une résolution de 800600,
on ne verra plus le fond, mais seulement la page qui prendra tous le
navigateur. En fait un peu comme cafzone.net : sur un moniteur avec une
résolutions de folie, on voit très bien le fond blanc,
mais sur du 1024*768, la site prend pile la largeur de la page et on ne
voit plus le fond blanc.
Bon c’est toujours pas très clair, mais j’espere que ça
pourra aider.
Euh… juste faire des tableaux avec des width=“600” (ou des div), et abandonner tout ce qui ressemble à un frameset.
Et redimensionner le fond c’est pas mal aussi.
Desolé, mais là c’est pas clair ton problème. Ton site a des
ascenseurs, du moins sous IE 6.0 et Mozilla Firebird, mais le problème
c’est que ta page est mal faite, ton menu à gauche prend environ 400
pixels, et tu utilises des images pour simuler des textes, j’avoue
c’est trés fort.
Mais bon, ça c’est ton choix. Donc passons.
Là en 800*600, ils manquent des trucs dans la droite, mais y’a rien à voir à droite , y’a pas de problème. Donc
euh, tu peux réduire ton gros menu à gauche, y’a pas mal d’espace qui
sert à rien. ou alors fixer un design fixe, avec un width=“700px;”
(comme Glup le dit). Ou alors coder un site avec tes petits doigts.
En CSS ça donnerait :
body {
width:700px;
margin:0 auto 0 auto;
}[/quote]Ou alors avec un div qui contient la page, genre div="corps" et avec le CSS div#corps
nolan : une image
Je dis pas que c’est moche, je dis juste qu’une mise en page en images c’est chaud à gérer.
Enfin bref, si tu veux de l’aide pour tout refaire, n’hésite pas.
Oui heu je sais j’ai honte, mais comme vous vous en doutez, je suis un
peu (énormément) un gros mauvais (et en plus j’ai aucune
méthode quand je fais ce genre de chose).
Donc comme dis Glup je pense que je vais abandonner les frames
Donc en fait je recommence tout au propre et je rajoute le de nolan et je
place tous le site entre ces balises ?
edit pour moe : oui il y a des ascenseurs, mais en haut de la page
"lerige Weblog" est coupé, et il n’y a pas moyen d’avoir “une
vue d’ensemble” en 800*600.
J’ai pris mon courage à deux mains et à bras le corps, pour faire une page un peu plus evoluée que ton ancienne. Le résultat (page.html et les fichiers qui l’accompagnent).
La pub de Lycos permet de voir ce que ça donne sur un petit écran, une sorte de small screen rendering.
Quand on pense que le html a été fait de facon à ce que l’affichage puisse s’affranchir des tailles d’ecrans; cette mode de site web fixe est quand meme un poil aberrante… mais bon, je comprends puisque tout le monde le fait… (meme cafzone, c’est dire )
[quote]Quand on pense que le html a été fait de facon à ce que l’affichage puisse s’affranchir des tailles d’ecrans; cette mode de site web fixe est quand meme un poil aberrante… mais bon, je comprends puisque tout le monde le fait… (meme cafzone, c’est dire
Essaye de faire un site a largeur variable qui rend aussi bien, joli, qui fait pas completement vide en 1600x1200 plein ecran ou surcharge a mort en 800x600… sans compter les problemes de taille mini si on s’amuse a reduire son browser en pas plein ecran du tout en 1024 ou un truc du genre.
Niveau design ca peut a la limite sur certains cas precis, avec plein de js malin qui va te faire des colonnes et tout mais c’est super vite illisible pour le texte et le contenu ou plein de trous en haute resolutions. Meme les sites super malin niveau mise en page du texte evitent
[quote]
Parceque sinon c’est moche
mais, je me demande s’il n’y a pas quelque chose a trouver, justement, et si on n’est pas trop emprisonné par le systeme (qui a fait certes ses preuves) des blocs et des tableaux…
LeRige : Dans ma page HTML, le chemin vers les images est relatif,
ce qui implique que les images doivent être dans le même répertoire que
la page, ou alors que tu changes l’url des images pour faire pointer
vers mon espace Lycos, mais je te le déconseille.
Les
images sont inserées en CSS, à gauche dans le corps de la page, et en
haut à droite par un vide, c’est horrible mais c’est la
seule solution que j’ai trouvée …
Si
tu veux que le CSS s’applique à toutes les pages, il faut toutes les
modifier en rajoutant la ligne link dans le head de chaque page, mais
pas de celles qui s’ouvrent dans l’iframe.
Le truc à faire c’est de tout
uploader dans le même répertoire, les fichiers tu les télécharges par là.
J4avais pas vu que Lycos venait mettre sa pub à 2 balles dans les
fichiers HTML, même quand on les enregistre sous. Le fichier HTML est
en .txt, renomme le en .html une fois que tu l’as téléchargé.
Si tu touches à ça avec
Dreamweaver, je sais pas ce que ça va donner … Et y’a un bug quand on
clique sur “BetaTextes”, du aux pages alternatives qui modifient le
menu, enfin ça c’est toi qui voit.
McGuffin : avoir des designs à la taille fixée, c’est trés important,
comme l’a dit GloP, car chaque PC à sa résolution. Les raisons sont simples.