Centrer une photo sur mon site
myleneaddict
-
avion-f16 Messages postés 19255 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19255 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je crée mon site et j'ai qqes soucis.J'ai mis une photo et je voudrai qu'elle soit centrée mais le pbl c qu'elle n'est centrée que sous firefox et safari, qqn peut il m'aider please??
Je crée mon site et j'ai qqes soucis.J'ai mis une photo et je voudrai qu'elle soit centrée mais le pbl c qu'elle n'est centrée que sous firefox et safari, qqn peut il m'aider please??
A voir également:
- Centrer une photo sur mon site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Google photo - Télécharger - Albums photo
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site pour vendre des objets d'occasion - Guide
7 réponses
Quel code as-tu pour l'instant ?
Essaye avec ça :
Essaye avec ça :
<p style="text-align:center;"><img src="tonimage.png" alt="Texte alternatif" /></p>
Ce code devrait fonctionner :
body {
background: url("ainsi.png") no-repeat;
background-color: #FF4500;
background-position: 50% 90px;
}
body {
background: url("ainsi.png") no-repeat;
background-color: #FF4500;
background-position: center 350px;
}Mais ton image n'est pas vraiment centrée verticalement.
Elle est même coupée sur les petits écrans (réduis la taille de ton navigateur, tu verras).
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
C'est avec ton code et celui que je viens de donner.
Sur le site que tu donnes, elle est tout en haut ...
Si c'est ce que tu veux :
Sur le site que tu donnes, elle est tout en haut ...
Si c'est ce que tu veux :
body {
background: url("ainsi.png") no-repeat;
background-color: #FF4500;
background-position: top center;
}
déjà proposé ici : https://forums.commentcamarche.net/forum/affich-17309536-centrer-une-photo-at-adapter-resolution#18
(sic!)
(sic!)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Tu le fais exprès ?!
Je comprends la réaction de notobe !
On t'a déjà donné plein de solution.
Avec ton code actuel, sur www.ainsisoitmylene.com, l'image est placée de la même façon, que ce soit sur IE, Chrome, ...
Pour la centré horizontalement :
Le problème, que ce soit avec ce code ou le tiens, c'est que l'image n'est pas centrée verticalement, donc quand on a une fenêtre pas très haute, et bien l'image est coupée. Je te conseil de la mettre en-dessous du texte, comme ceci :
Je comprends la réaction de notobe !
On t'a déjà donné plein de solution.
Avec ton code actuel, sur www.ainsisoitmylene.com, l'image est placée de la même façon, que ce soit sur IE, Chrome, ...
Pour la centré horizontalement :
background-position: 50% 350px;
Le problème, que ce soit avec ce code ou le tiens, c'est que l'image n'est pas centrée verticalement, donc quand on a une fenêtre pas très haute, et bien l'image est coupée. Je te conseil de la mettre en-dessous du texte, comme ceci :
background-position: 50% 100px;
je te remercie de vouloir m'aider.Maintenant a ce jour, je ne dirai pas que l'on m'a donné des solutions puisque personne ne m'a encore dit comment centrer ma photo sur tous les navigateurs.
je ne vois pas prk elle est centrée sur ts les navigateurs sauf sur IE, c pas normal, il doit y avoir une solution (qu on ne ma tjrs pas donné), pr l'avoir centrée comme je le souhaite.
En tout cas merci qd même à toi.
je voudrais te demander autre chose, je voudrai intégrer une vidéo youtube sur mon site.Comment faire si je veux la placer à un endroit précis?
je ne vois pas prk elle est centrée sur ts les navigateurs sauf sur IE, c pas normal, il doit y avoir une solution (qu on ne ma tjrs pas donné), pr l'avoir centrée comme je le souhaite.
En tout cas merci qd même à toi.
je voudrais te demander autre chose, je voudrai intégrer une vidéo youtube sur mon site.Comment faire si je veux la placer à un endroit précis?
Les solutions qu'on t'a donné fonctionnent sur tous les navigateurs à jours.
Si tu veux placer le point supérieur gauche de l'image à un endroit précis, utilise la propriété background-position.
http://www.w3schools.com/css/pr_background-position.asp
Si tu veux placer le point supérieur gauche de l'image à un endroit précis, utilise la propriété background-position.
http://www.w3schools.com/css/pr_background-position.asp
Non on ne se comprend pas, vous m'avez fournit des solutions qui ne répondent pas à mon attente, qui est d'avoir ma foto centrée sur ts les navigateurs.ce sont des solutions alternatives.
Mais bon apparemment vous ne savez pas me dire comment faire pr que ma foto soit centrée sur IE DE LA MM MANIERE qu'elle l'est sur firefox aujourd'hui.
Excusez moi donc du dérangement
Mais bon apparemment vous ne savez pas me dire comment faire pr que ma foto soit centrée sur IE DE LA MM MANIERE qu'elle l'est sur firefox aujourd'hui.
Excusez moi donc du dérangement
Les solutions que nous t'avons proposé répondent bien à ton problème : elles centrent horizontalement ton background (ne pas confondre avec l'image en HTML).
Tu veux une photo d'écran quand on applique mes codes ?
http://fighter-aircraft.com/capture.png
Aller, même avec l'image à 100px du haut, juste en-dessous du texte :
http://fighter-aircraft.com/capture2.png
Tu veux une photo d'écran quand on applique mes codes ?
http://fighter-aircraft.com/capture.png
Aller, même avec l'image à 100px du haut, juste en-dessous du texte :
http://fighter-aircraft.com/capture2.png
https://forums.commentcamarche.net/forum/affich-17309536-centrer-une-photo-at-adapter-resolution
body
{
background: url("ainsi.png") no-repeat ;
background-color: #FF4500;
background-position: 630px 350px;
}
Et ca me donne donc comme tu pe le voire en allant sur mon site : www.ainsisoitmylene.com, une image centrée sous 2 navigateurs seulement.
J'ai essayé ton code mais ça ne marche pas...