Centrer une photo at adapter résolution

Fermé
myleneaddict - 9 avril 2010 à 13:39
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 16 mai 2010 à 20:30
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

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
9 avril 2010 à 15:44
Sans « text-align: left; », ça devrait aller.
Tu peux fusionner
margin-left: auto; 
margin-right: auto; 
En
margin:auto;
0
myleneaddict
13 avril 2010 à 00:28
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
16 avril 2010 à 21:27
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
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
13 avril 2010 à 00:44
Un logiciel wysiwyg ou un vrai comme bloc note ? ( rire )
0
myleneaddict
13 avril 2010 à 00:46
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 mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
13 avril 2010 à 11:46
Photoshop . ou The Gimp ( gratuit )
0
myleneaddict
15 avril 2010 à 20:20
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 mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
15 avril 2010 à 20:51
le margin:auto ne peut pas fonctionner avec un width en %. Très étonné que ça fonctionne avec mozilla et safari..
0
myleneaddict
16 avril 2010 à 19:00
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
Profil bloqué
15 avril 2010 à 20:48
<center> </center>
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
16 avril 2010 à 19:03
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
16 avril 2010 à 19:05
Pardon?? Premièrement je ne suis pas Séna.Secondo j'ai jms parlé de balises <center> !!
0
myleneaddict
16 avril 2010 à 19:16
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 mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 16/04/2010 à 20:34
@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
16 avril 2010 à 20:51
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
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
Modifié par notobe le 16/04/2010 à 22:15
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
16 avril 2010 à 22:18
Toujours pas elle n'est pas centrée sur la hauteur...
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
16 avril 2010 à 22:23
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
16 avril 2010 à 22:42
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 mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
17 avril 2010 à 09:38
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
25 avril 2010 à 22:37
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