Pb d'image sur un site web.

Résolu/Fermé
garnouil Messages postés 17 Date d'inscription samedi 1 janvier 2011 Statut Membre Dernière intervention 17 janvier 2011 - Modifié par irongege le 1/01/2011 à 17:00
 garnouil - 1 janv. 2011 à 18:04
Bonjour,

Je me forme seul avec l'espoir de me réorienter en SRC. Je crée actuellement un site web pour une association en programmant en langages XHTML et CSS (grâce à l'aide du site du 0). J'ai bien avancé mais je bloque sur le problème suivant: je voudrais centrer une image sur ma page pour qu'elle s'adapte à toutes les tailles de fenêtres. Pour l'instant, elle reste en haut, à gauche sans que je réussisse à la mettre au milieu de l'écran. Y a-t-il un code spécial à utiliser que j'ignore? Je cherche depuis plusieurs jours sans réussir à obtenir ce résultat.
Ma page va contenir une migne de présentation et la photo en-dessous, voilà ce que j'ai fait mais "ça ne marche pas"!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<p> </p>
<div id="corps">
<div style="position: absolute; left: 50%; top: 50%;">
<img src="affiche.png" alt="Bannière d'Entrée"/>
</div>
</div>
<div id="pied_de_page">
</div>
</body>
</html>
Si vous pouviez m'aider rapidement et m'expliquer mes erreurs, ce serait formidable!
Merci d'avance ...
A voir également:

5 réponses

text-align: center ==> c'est pour centrer du texte,

pour centrer une image

<div style="width: 50%; margin-left: 25%;"><img /></div>
1
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 1/01/2011 à 17:45
Soit tu la mets dans un paragraphe (ou un titre h1 par ex.) centré
<p style="text-align:center"><img src="affiche.png" alt="Bannière d'Entrée"/></p>

Mais si l'image est plus grande que la largeur de l'écran du visiteur cela va créer l'apparition d'un ascenseur horizontal (attention, le alt n'est pas du tout pertinent : soit c'est une image de déco tu laisses le alt vide ; soit c'est le titre de ton site et tu mets ce titre clairement)

Soit tu la mets en background mais si ton image est le titre de ton site, ce n'est pas judicieux pour le référencement et l'accessibilité.

<div id="banniere"></div>


CSS :
#banniere {   
height: ici la hauteur de l'image;   
background:white url(affiche.png) no-repeat top center   
}

<blockquote cite="Shakespeare">To be or not to be ; That is the question...</blockquote>
1
daforiu Messages postés 13 Date d'inscription samedi 13 juin 2009 Statut Membre Dernière intervention 1 janvier 2011 1
Modifié par daforiu le 1/01/2011 à 17:32
Premièrement les erreurs : peut être est ce juste quand tu a coupé ton code mais ton div de menu n'a pas de fin.
et a tu entendu parler de la sémantique? sinon va voir sur le site du zéro tu trouvera surement le cours, ça te permettra d'être mieux référencé et c'est plus pro

Sinon pour ton problème moi je ferais <div align="center"> ou tu peu remplacé center par right et left.

Si tu a d'autre question demande moi
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 1/01/2011 à 17:12
Ah bravo.... parler de sémantique et proposer un div avec un attribut déprécié... ^^
D'autre part on ne met jamais son adresse email dans les messages. Tu as un compte, on peut te contacter en DM.
0
daforiu Messages postés 13 Date d'inscription samedi 13 juin 2009 Statut Membre Dernière intervention 1 janvier 2011 1
1 janv. 2011 à 17:32
ok merci
moi c'est la methode qu'on m'a apprit, comment tu ferais toi?
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
1 janv. 2011 à 17:44
0
daforiu Messages postés 13 Date d'inscription samedi 13 juin 2009 Statut Membre Dernière intervention 1 janvier 2011 1
1 janv. 2011 à 17:52
effectivement oui... je vais devoir faire des modif' =p
0
le_joker_fou Messages postés 764 Date d'inscription mercredi 5 août 2009 Statut Membre Dernière intervention 7 août 2014 239
1 janv. 2011 à 16:20
Salut, essaye avec text-align : center
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Merci à tous ceux qui m'ont aidé!
J'ai réussi avec la réponse d'ammmmmine. depuis le temps que je galère.... c'est super!
Je reviendrai pour la suite si j'ai des problèmes...
Merci à vous et bonne année!
0