Problème HTML & CSS : Position des éléments
Fermé
Bonjour ,
donc j'ai un problème sur mon site en HTML , alors sur mon PC tout fonctionne bien ( j'ai un assez grand écran ) les images sont placés comme je l'ai souhaité ( Avec des margin-left: ** px ) . Donc jusque ici tout vas bien mais lorsque je test mon site chez quelqu'un d'autre ( qui a un écran donc " normal " ) tout les éléments , images etc.. sont pas à leur place .. je me demande quel erreur j'ai fais , peut être que avec par exemple un margin-left:1100px ; les éléments sur d'autre pc qui n'ont pas cette résolution n'affiche pas les images à leur places ..
Si quelqu'un pouvez m'aider ça serait sympas , si vous n'avez pas compris je peux reformuler des choses :).
Merci
donc j'ai un problème sur mon site en HTML , alors sur mon PC tout fonctionne bien ( j'ai un assez grand écran ) les images sont placés comme je l'ai souhaité ( Avec des margin-left: ** px ) . Donc jusque ici tout vas bien mais lorsque je test mon site chez quelqu'un d'autre ( qui a un écran donc " normal " ) tout les éléments , images etc.. sont pas à leur place .. je me demande quel erreur j'ai fais , peut être que avec par exemple un margin-left:1100px ; les éléments sur d'autre pc qui n'ont pas cette résolution n'affiche pas les images à leur places ..
Si quelqu'un pouvez m'aider ça serait sympas , si vous n'avez pas compris je peux reformuler des choses :).
Merci
A voir également:
- Problème HTML & CSS : Position des éléments
- Editeur html - Télécharger - HTML
- Espace en html - Astuces et Solutions
- Espace html ✓ - Forum Webmastering
- &Nbsp html ✓ - Forum Webmastering
- [HTML] - á et les autres - Forum HTML
5 réponses
ElementW
Messages postés
4814
Date d'inscription
dimanche 12 juin 2011
Statut
Contributeur
Dernière intervention
5 octobre 2021
1 227
3 mai 2013 à 17:27
3 mai 2013 à 17:27
CSS3 a introduit la fonction calc qui permet de calculer des distances/proportions directement dans le CSS, on peut s'en servir par exemple dans un cas où un div doit horizontalement être au quart du conteneur parent: left: calc(25%);
L'autre solution se nomme media query, et permet d'appliquer un style différent selon la résolution, l'orientation de l'écran, etc... Il serait donc approprié de s'en servir dans ce cas.
Si le positionnement dépends d'une longueur de texte, il est préférable d'utiliser l'unité em au lieu de px.
L'autre solution se nomme media query, et permet d'appliquer un style différent selon la résolution, l'orientation de l'écran, etc... Il serait donc approprié de s'en servir dans ce cas.
Si le positionnement dépends d'une longueur de texte, il est préférable d'utiliser l'unité em au lieu de px.
Salut,
Avec les margin etc tu calcules les positions en fonction du contenant (donc ton écran je pense) => ça change quand l'écran change (et la résolution, pareil).
Essaie de mettre tout ton code dans un div ou autre et mets-lui une taille correspondant, par exemple, à ton écran.
Avec les margin etc tu calcules les positions en fonction du contenant (donc ton écran je pense) => ça change quand l'écran change (et la résolution, pareil).
Essaie de mettre tout ton code dans un div ou autre et mets-lui une taille correspondant, par exemple, à ton écran.
Re-bonjour ,
alors j'ai essayé la fonction calc etc.. mais bon j'ai un probleme encore des problemes , j'ai positionné mes images , le texte , mais maintenant le fond d'écran dépasse " des marges " , avez vous une balise pour placer des éléments , précisamment , car lorsque je change de PC ( un autre pc avec un écran normal ) les éléments sont mal positionnés.. :(
Merci de votre aide parce-que je désespere.
alors j'ai essayé la fonction calc etc.. mais bon j'ai un probleme encore des problemes , j'ai positionné mes images , le texte , mais maintenant le fond d'écran dépasse " des marges " , avez vous une balise pour placer des éléments , précisamment , car lorsque je change de PC ( un autre pc avec un écran normal ) les éléments sont mal positionnés.. :(
Merci de votre aide parce-que je désespere.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question