Positionement elements - HTML/CSS - Programmation
Marsh Posté le 18-03-2008 à 03:15:36
définir une taille (width) pour l'élément les contenant et définir cette élément pour qui soit placé a une distance fixe du bord gauche de l'écran.
Marsh Posté le 18-03-2008 à 18:12:21
Lactique a écrit : définir une taille (width) pour l'élément les contenant et définir cette élément pour qui soit placé a une distance fixe du bord gauche de l'écran. |
Je dois donc fair un div pour contenir mes elements et apres definir la position du div mais le truc c'est ke je n'arrive pa a fixer sur la page mes elements.
Marsh Posté le 18-03-2008 à 20:57:39
Je vais essayer de mieux expliquer ce que je comprend pas.
Si j'ai un div comme celui ci:
Code :
|
Que dois-je mettre ds le CSS pour que les 4 liens du menu soit positioner a un endroit précis en fonction de mon background ET que lorsque je diminue horizontalement la taille de la page les liens soit toujours a la même place en fonction du background?
Marsh Posté le 19-03-2008 à 05:45:03
Bon, déjà il s'agit d'un menu donc n'utilise pas de div, ça ne sert strictement à rien. Uniquement ul > li li li li..... /ul, une balise ul ou une div ça se comporte de la même façon avec les mêmes données en css.
Déjà si tu as ce problème qui relève d'un besoin absurde compte tenu des impératifs qu'impose en général l'affichage d'un site selon les différents utilisation de tes visiteurs, c'est que tu as mal pensé le site, le découpage dès le départ. Mais bon soit.
Ton background est positionné comment ? C'est une grosse image qui fait tout l'écran ? un truc qui se répète ? c'est juste une portion de l'écran ? c'est centré ? c'ets aligné à gauche ? à droite ?
Ensuite si ton background est aligné à gauche, c'est à dire que seule la partie droite disparaît quand on redimentionne la fenêtre, ben tu fixes ton menu (ul) en position:absolute avec les coordonnées correctes en left:x px, et top: y px, et c'est bon. Ya plus besoin de div du coup. les li à l'intérieur du ul se positionnent, si tu le désires, en position relative ou dans le flux en ligne ou colonne. C'est une autre question ça.
Marsh Posté le 19-03-2008 à 12:46:23
Je vais poster mon code, très réduis pour le moment mais tant que j'aurais pas comprit cela je ne peu pas avancer.
html :
Code :
|
css:
Code :
|
Que dois-je mettre dans les propriete css de mon menu pour que ce dernier soit toujours dans la meme position en focntion BG.
Merci d'éclairer ma lanterne :$
Marsh Posté le 19-03-2008 à 14:32:51
tu definis une taille. genre :
Code :
|
Marsh Posté le 19-03-2008 à 14:52:34
Non cela ne fonctionne pas, si je réduis la fenêtre le menu bouge
Marsh Posté le 19-03-2008 à 16:05:55
et si tu mettais un div qui englobe tout ton site genre
Code :
|
Code :
|
Marsh Posté le 19-03-2008 à 16:59:39
Oui donc ca ne fonctionne toujours pas, c'est a dire que le menu "flotte" et ne suis pas le BG donc si je réduis la fenêtre le menu n'est plus a se place.
Lorsque je réduis la fenetre les élements ne bouge pas, il reste solidere de l'image de fond.
Marsh Posté le 19-03-2008 à 18:15:43
1) Le monsieur t'as dit de virer le div id="menu" qui ne sert a rien.
2) Ton background bouge donc puisque tu le centres. Il est donc impossible de faire ce que tu souhaites puisqu'un background centré peut sortir de la fenêtre des 2 cotés du navigateur alors qu'un élément ne le peut que du coté droit quand la fenêtre devient trop étroite.
3) C'est bien ce que je disais, tu as fait une erreur de conception. Aligne ton background à gauche, n'est-il pas fait pour juste remplir tes 760px de large de toute façon ?
4) Le body ne peut se définir comme étant plus étroit que la largeur de l'écran du visiteur de toute façon, définir une taille ne sert pas à grand chose, il vaut toujours mieux créer une div conteneur, contenant tes 760px et tout ton site. Cette div tu lui mets un position:relative; sans définir top ni left, puis ton ul tu lui mets un position:absolute; et tes top et left comme tu l'entends (par rapport au bords de ta div conteneur donc).
Marsh Posté le 19-03-2008 à 21:22:20
Ok, j'ai suivis tes conseils et ca fonctionne, merci beaucoup pour l'explication, j'avais pas totalement capté le truc du conteneur.
Marsh Posté le 17-03-2008 à 21:26:07
Bonjour,
J'ai une question a propos du positionnement de mon texte et autre dans une page html.
En faite j'ai un fond d'écran qui est fixé, mais mes éléments eux bougent, cad que si je rétrécie ma page et que les ascenseurs apparaissent
les éléments bougent, comment faire pour les immobiliser de manière a ce qu'il reste au bon endroit en fonction de mon fond d'écran?
Merci d'avance.