Construire un site en wysiwyg Résolu/Fermé

Question

Bonjour à tous, je débute et j'essaye de construire un site en wysiwyg (je me balade entre nvu et dream) et je tente de retoucher le code par ci par là (selon mes maigres compétences)
Alors voilà: 

Je bosse sur un pc portable (ecran genre 16/9) et un pc bureau (4/3)

Et ben ce que je publie sur le 1er se retrouve en b#@§|% ...bazar sur le 2nd, et vice versa!

J'ai tout essayé, enfin tout ce dont je suis capable, j'ai passé des journées entières dessus, j'ai surfé sur les forums à m'en arracher les yeux, et je trouve paaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaas! (snif)

S'il y a des gens ici d'un peu pédagogues, compréhensifs et sympas (je n'en doute pas!), ils peuvent aller voir  ici: 

http://www.anaelmiller.fr

Merci d'avance, parce que là vraiment je désespère!

arrachtif · Answer

désolé j'avais pas lu la charte avant, donc le titre est pas terrible, je sais, mais en même temps c'est vraiment un cri de désespérance!

Reivax962 · Answer

Bonjour,

Après un coup d'oeil rapide, je dirais que ton problème vient de ce que tu utilises des positions absolues pour la photos et un certain nombre d'éléments (menus, etc.), mais pas pour la table qui les contient. Résultat, la table s'adapte à la taille de la fenêtre, et pas le contenu.
Pour t'en convaincre, réduis à la main la taille de ta fenêtre, tu verras les choses bouger...
Donc, un conseil, soit tu enlèves toutes les positions absolues, soit tu mets tout en absolu, mais ne fais pas de mélanges comme tu l'as fait.

Aussi, tu peux utiliser un plug-in très pratique pour firefox : WebDeveloper. C'est une barre qui se rajoute au navigateur et inclut pas mal de fonctionalités pratiques pour comprendre le design de ton site.

Xavier

arrachtif · Answer

ok merci, je vais essayer de tout mettre en absolu (tu crois que le tout sera centré quels que soient le format et la résolution d'ecran?)

Reivax962 · Answer

Je suis sûr que ça ne le sera pas.
Si tu veux pouvoir centrer le cadre, il ne faut RIEN mettre en absolu.

arrachtif · Answer

okay! merci, mais faut mettre en quoi alors?

Reivax962 · Answer

Rien :)

arrachtif · Answer

je mets pas d'attribut de position? et si ça se met par défaut en absolu...?

Reivax962 · Answer

http://fr.selfhtml.org/navigation/css.htm#positionnement

Par défaut, c'est "static", et c'est ce qu'il te faut. Tu peux aussi enlever les valeurs top et left qui ne servent pas en position static.

Par contre, en enlevant ça, tu vas devoir remettre un peu tout d'aplomb au début...

arrachtif · Answer

en fait dans nvu, les positions top et left apparaissent parce que je dissocie les images du texte (ça me permet de les bouger à la main)

donc si je vire ça, faut que je les bouge dans la source...? (galère)

Bon, je vais tenter, merci en tout cas!

arrachtif · Answer

heu... sinon y a pas un attribut pour centrer au lieu de donner à chaque image des coordonnées précises? genre en % (mais je sais pas comment calculer ça, moi et les maths...)

et tu sais si je peux grouper plusieurs images (comme ma barre de menu, quel con, elle est pas groupée alors pour tout recentrer je te dis pas!)

arrachtif · Answer

bon alors j'ai mis ma banderole en static, et du coup elle refuse de remonter, elle se retrouve quasiau milieu de ma page! comment je fais-je?

arrachtif · Answer

Bon, si je comprends bien, faut que je recommence tout!

Comme je n'y connais rien en css et que j'avoue que j'ai pas trop envie d'y passer tout l'été, y aurait-il un moyen de donner à une page bien mise en place une valeur de modèle css?

et comment les autres pages peuvent s'y référer (quel code, et où?)

(j'en peux plus, ce site me sort par les yeux, je patauge grave...)

Merci d'avance!

Reivax962 · Answer

A mon avis, le plus simple serait pour toi de rester en absolute, et tant pis pour le centrage de la zone centrale.
Remarque, tu peux essayer avec du javascript : récupérer la largeur de l'écran, et positionner  la zone en fonction. Mais là, désolé je ne vais pas avoir le temps de t'aider plus, faut que je parte en vacances ^^

arrachtif · Answer

ok, merci et bonnes vacances! (snif)

arrachtif · Answer

Merci à mon frangin qui a trouvé la soluce (que je ne peux pas récapituler ici, vu queje n'y ai rien pigé!!!)

Construire un site en wysiwyg

15 réponses

Discussions similaires