Probleme html centrage
Résolu
JustBrako
Messages postés
162
Statut
Membre
-
JustBrako Messages postés 162 Statut Membre -
JustBrako Messages postés 162 Statut Membre -
Bonjour,
je suis tres debutant (plus petit que debutant lol) et j'essaie de creer un site, j'ai reussi a mettre un fond bien centré mais la premiere banniere me pose probleme pour la centrer, j'ai chercher des sujet similaires et rien n'a marché. je sais pas si c'est possible a faire just sur le html ou si il faut absolument passer aussi par le css, auquel cas peut on m'expliquer comment faire le lien entre une image dans le html et le code a faire sur le css. j'espere avoir ete assez precis! allez voir si besoin est : http://brk-lacompagnie.com
code html actuel:
<!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>BRK Online</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
</head>
<body>
<img style="width:682px;height:150px;margin-left:25%" src= "images/quand-la-rue.png" alt="Coer-Sessions" />
</body>
</html>
code css actuel:
body,html{width:100%; height:100%; margin:0; padding:0; background:#fff url(images/fond-modif.png) top center no-repeat}
Merci de votre aide d'avance !
je suis tres debutant (plus petit que debutant lol) et j'essaie de creer un site, j'ai reussi a mettre un fond bien centré mais la premiere banniere me pose probleme pour la centrer, j'ai chercher des sujet similaires et rien n'a marché. je sais pas si c'est possible a faire just sur le html ou si il faut absolument passer aussi par le css, auquel cas peut on m'expliquer comment faire le lien entre une image dans le html et le code a faire sur le css. j'espere avoir ete assez precis! allez voir si besoin est : http://brk-lacompagnie.com
code html actuel:
<!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>BRK Online</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
</head>
<body>
<img style="width:682px;height:150px;margin-left:25%" src= "images/quand-la-rue.png" alt="Coer-Sessions" />
</body>
</html>
code css actuel:
body,html{width:100%; height:100%; margin:0; padding:0; background:#fff url(images/fond-modif.png) top center no-repeat}
Merci de votre aide d'avance !
Configuration: Windows XP ie8 ff
7 réponses
-
Dans le html écris:
<center><img style="width:682px;height:150px;" src= "images/quand-la-rue.png" alt="Coer-Sessions" /></center>
ou
<img style="width:682px;height:150px; style="margin-left:auto; margin-right:auto;" src= "images/quand-la-rue.png" alt="Coer-Sessions" /> -
merci beaucoup le 1° code marche impec mais pour info ca marche pas avec le 2° (j'ai tester pour comprendre la diff)
merci encore -
Etrange que le second ne fonctionne pas mais content que ça fonctionne ;)
Bonne soirée. -
Hello
Essaie d'entourer ton <img....> avec <div align=center> .... </div> -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
merci toi aussi Id=ntity. BloodyAngel: merci de ton conseil mais avant de le suivre je voudrais savoir ce que ca change de mettre ca car là j'ai reussi a la mettre comme je veux parfaitement...
-
Bah c'est juste une balise "div" qui spécifie que tout doit être centré.
Donc tout ce qui se trouve entre <div align=center> et sa balise de fin </div> sera automatiquement centré.
J'ai pensé que ce serait la solution la plus simple.
-
effectivement c'est le plus simple expliqué comme ca !!! merci je garde le code de coté mon ami !!
