Discussion :

[aganim07]

Bonjour !!

Depuis hier, je me suis mis à la création de mon site web et mes débuts sont chaotiques. Un détail me gêne beaucoup :
Quand je charge la page d'accueil de mon site web dans une fenêtre et que je redimensionne cette fenêtre de manière un peu exotique (par exemple je rends ma fenêtre très étroite ou très aplatie) le contenu de la page web est complètement déformé !! Je souhaiterais savoir comment faire pour "fixer" les éléments d'une page web et les rendre insensibles au redimensionnement.

Je précise que je fais mon site web en html avec Nvu et le bloc-notes Windows...

Au fait, savez-vous si on peut faire du javascript sur un site perso neuf.fr ? Le php y est interdit mais rien n'est dit concernant le javascript.

D'avance merci !

[zoidy]

Le php y est interdit mais rien n'est dit concernant le javascript.

Le javascript ést côté client et non serveur

[Nemesys]

Du code JavaScript peut être intégré directement au sein des pages web pour y être exécuté sur le poste client. C'est alors le navigateur web qui prend en charge l'exécution de ces petits bouts de programmes appelés scripts.

[aganim07]

Ok. Merci ! Donc je pourrais faire ce que je veux en javascript
Une idée concernant mon histoire de page déformée ?
J'ai lu qu'il fallait remplacer les notations en % par des valeurs fixes dans les champs row et col mais il n'y en a aucun dans le code de ma page web...

[psychoBob]

A priori le seul moyen d'empêcher que tes pages ne se déforment, c'est de fixer une largeur fixe pour le bloc conteneur, par exemple 750px, centré en milieu de page.

Comme ça en rétrécissant la fenêtre, le contenu ne va pas bouger, mais une barre de scroll horizontale va apparaître dans le navigateur.

[aganim07]

Ok, mais comment fait-on cela ?

[psychoBob]

Va voir un tutoriel sur les css je crois qu'il y en a pas mal sur alcreation ou aslacreations un truc comme ça.

Tu définis simplement une propriété CSS pour le bloc conteneur :

.conteneur
{
width: 750px
}

[balu]

Tiens, voilà un exemple pour centrer un conteneur dans une page.

[aganim07]

Merci beaucoup !!

En fait, j'ai besoin de faire cela pour que le texte de ma page web reste bien centré et positionné par rapport au wallpaper de fond de page qui "imite" le style des sites en php avec une marge de chaque côté ...

[psychoBob]

ça me paraît utopique ton truc, ne serait-ce que parce que tous les visiteurs n'ont pas la même résolution d'écran que celle avec laquelle tu travailles.

Ou alors j'ai pas compris ce que tu veux peut être.

[aganim07]

ça me parrait utopique ton truc, ne serait-ce que parce que tous les visiteurs n'ont pas la même résolution d'écran que celle avec laquelle tu travailles.

Ou alors j'ai pas compris ce que tu veux peut être.

Non non ta remarque prouve que tu as bien compris ce que je veux faire. Mais je pensais vraiment pouvoir contourner le problème cependant je découvre que non. Alors finalement, en dehors d'un motif répété on ne peut appliquer aucun fond de fenêtre à un site html qui ne paraisse pas complètement désuet ?

[psychoBob]

Si par fond de fenêtre tu entends fond d'écran tu peux faire un petit truc dans le genre :
Tu fixes une image en haut à gauche, d'environ 300px*300px.
Avec ton logiciel de retouche d'image tu fais un dégradé pour que ses contours prennent la couleur du fond de page, blanc par exemple.
L'effet est plutot jolie et comme l'image est en haut à gauche elle sera là dans tous les cas (parfois invisible en 800*600 certe).

Ca c'est juste un exemple, je l'avais fait avec une photo d'arbre et de ciel bleu ça donnait un effet de profondeur très sympa.
Mais en effet tu ne peux en aucun cas soumettre ta mise en page à un quelconque fond de page.

En plus, si tu débutes, tu vas avoir tendances à en faire des tonnes, alors que si tu n'as pas de bonnes connaissances en graphisme, mieux vaut faire léger, tu risques moins de tomber dans l'ultra lourd. Après avec un peu de technique, tu arrives à faire des trucs très sympa...

Perso mes premiers sites étaient des vrais pavés à base d'images, pas forcément moche au demeurant, mais maintenant je fais beaucoup plus beau avec rien qu'une image pour le titre et une feuille de style bien fignolé