Centrer une photo at adapter résolution

myleneaddict -  
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour je me permets de solliciter votre aide pour un problème.J'ai mis une photo sur mon site que j'ai centré avec les code css ci dessous. Le pb c'est qu'elle apparaît centrée uniquement sur firefox et safari.Comment faire pour qu'elle soit centrée pour tous les navigateurs?Comment faire pour adapter la résolution à tous les ordinateurs??

Voici le code css que j'ai mis:{
width:100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
A voir également:

4 réponses

Réponse 1 / 4
avion-f16 Messages postés 19255 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Sans « text-align: left; », ça devrait aller.
Tu peux fusionner 
margin-left: auto; 
margin-right: auto;
En
margin:auto;
0
myleneaddict
 
Bonsoir !

Je reviens vers toi car je voudrais savoir si tu ne pourrais pas me conseiller un bon logiciel compatible mac pour travailler le design de mon site (notamment la page d'accueil de mon site )?

Merci d'avance.
0
myleneaddict
 
Bonsoir

Je voudrais que la photo de mon site soit centrée pour tous les navigateurs seulement ce n'est le cas que pour firefox et safari
Peux tu m'aider svp voici mon code css:
body
{
background-image: url("ainsi.png");
background-repeat: no-repeat;
background-position: 630px 350px;
background-color: #FF4500;
margin: auto;
}

merci
0
Réponse 2 / 4
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Un logiciel wysiwyg ou un vrai comme bloc note ? ( rire )
0
myleneaddict
 
Je ne cherche pas un logiciel de création de site jen é déjà un (c'est smultron) je souhaite un logiciel pour travailler le design de mon site, retoucher des photos etc...mais sur mac...
0
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Photoshop . ou The Gimp ( gratuit )
0
myleneaddict
 
Bonsoir !!

Je ne parviens pas à avoir ma photo d'accueil sur mon site centrée avec internet explorer.Pourtant avec mozilla et safari, pas de soucis.
Voici le code css que j'indique:body
{
width:100%;
margin: auto;
}

Merci pour votre aide !
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
le margin:auto ne peut pas fonctionner avec un width en %. Très étonné que ça fonctionne avec mozilla et safari..
0
myleneaddict
 
Je reviens vers votre regard d'expert!Malgré le "margin auto", la photo qui est sur mon site n'est toujours centrée que sur firefox et safari, pas sur internet explorer ni sur iphone.
Help me please...
0
Réponse 3 / 4
Profil bloqué
 
<center> </center>
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Ah non Séna ! Tu ne vas pas recommencer. Je t'ai dit combien de fois que <center> était une balise dépréciée et qu'il ne faut plus l'utiliser ?!!
0
myleneaddict
 
Pardon?? Premièrement je ne suis pas Séna.Secondo j'ai jms parlé de balises <center> !!
0
myleneaddict
 
Le code html que tu m'a donné fait pire que mieux j'ai un point d'interrogation au dessus de la photo....
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
@mylene : faut suivre le fil ! https://forums.commentcamarche.net/forum/affich-17309536-centrer-une-photo-at-adapter-resolution#7 Je ne m'adressais pas à toi à propos de <center>, mais bien à Sena-kaitani qui te propose cette balise dépréciée.

Maintenant; si il y un ? c'est qu'il y a un autre problème dans ton code, car cette proposition fonctionne parfaitement ! C'est d'un basique exemplaire.
Donc : donne l'url si c'est en ligne, ou le code html que tu as écrit.
0
myleneaddict
 
Il n y a aucun code html concernant la photo juste le code css body
{
margin: auto;
}
Et voilà ce que cela donne: www.ainsisoitmylene.com
0
Réponse 4 / 4
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
  
body {   
background: #FF4500 url("ainsi.png") no-repeat center center;  
min-height:543px;  
}

<blockquote cite="Shakespeare">To be or not to be ; That is the question...</blockquote>
0
myleneaddict
 
Toujours pas elle n'est pas centrée sur la hauteur...
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
C'est quoi ce code qui est revenu ? 
body 
{
background: url("ainsi.png") no-repeat ;
background-color: #FF4500;
background-position: 630px 350px;
}


Bon, écoute : je fatigue.
Je t'ai donné la solution.
Bonne nuit.
0
myleneaddict
 
La solution que tu m'as fourni avec mini height, ne fonctionne pas elle ne centre pas ma photo dans le sens de la largeur et la hauteur, donc pour moi c'est pas une solution.
Maintenant je te remercie qd meme pour ton aide.
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Alors height:100% à la place du min-height.
Mais si ton texte est plus haut que l'écran disponible, la photo descendra d'autant.
0
myleneaddict
 
Bonsoir à vous !!

Malgré les différentes solutions que vous m'avez apporté il est impossible que la photo sur mon site soit centrée sur tous les navigateurs.Au mieux elle est centrée (comme c le cas en ce moment) sur safari et sur firefox c tout.
Pouvez-vous m'aider svp,???
je désespère..
0

Discussions similaires

[AT] dans une adresse de messagerie
oracle3810 -
Utilisateur anonyme -

1 réponse