Comment centrer toute ma bd

Résolu
Gan-Jah Messages postés 238 Statut Membre -  
Gan-Jah Messages postés 238 Statut Membre -
Bonjour,
je suis apprenti, et je suis charger de creer un template, mon premier tout seule,
et la je bloque ! comment centrer la bd! je sais que c'est une question qui reviens souvent mais je n'y arrive pas! merci de votre aide!

--
love is Jah!!!
Configuration: Mac OS X
Firefox 3.0.5

13 réponses

RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
comment centrer la bd ?????

tu veux centrer la base de donnee ??? loool

arrete de fumer man !!

je pense que c est autre chose mais quoi ?????

bd pour nous cela veux plutot dire base de donnee , mais pour toi c est quoi ??
0
Gan-Jah Messages postés 238 Statut Membre 3
 
ok ! desolé j'ai pas été claire ! dans mon design jai une grande div avec le contenu et derriere une image de fond je voudrais que la grande div et l'image de fond reste centrer!
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
faudrait voir ton code pour etre sur de ce que l on fait
0
Gan-Jah Messages postés 238 Statut Membre 3
 
jai pas encore était claire ???

html

</head>
<body>
<div id="bd">
<div id="page">
<div id="photo">
</div>
<div id="connexion">
<a href="https://www.google.fr/?gws_rd=ssl"> Connexion </a>
</div>
<div id="menu-left">
</div>
<div id="contenu">
<div id="title">
<h1>Titre</h1>
</div>
<div id="article">
0

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

Posez votre question
Gan-Jah Messages postés 238 Statut Membre 3
 
voila sa donne sa je veux centrer la div page! et limage de fond dans bd
0
Gan-Jah Messages postés 238 Statut Membre 3
 
si je suis toujours pas claire dites le moi je commence a plus avoir de cheveux ^^
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
j etais partis !
c est ca que tu veux ..?

la div bd centre !?

j ai mis 750px sur 500px a toi d adapter les margin auto centre ta div !

<!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">
  <head>
    <title>
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <style type="text/css">
/*<![CDATA[*/
    body {
        color: #F0E39E;
        background: #2C2F22;
        height: 100%;
        padding: 0;
}

#bd {
        height: 500px;
        width: 750px;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        background: #181A12;
}  
/*]]>*/
</style>
  </head>
  <body>
    <div id="bd">
      <div id="page">
        <div id="photo">
        </div>
        <div id="connexion">
          <a href="https://www.google.fr/?gws_rd=ssl">Connexion</a>
        </div>
        <div id="menu-left">
        </div>
        <div id="contenu">
          <div id="title"><h1>Titre</h1>
          </div>
          <div id="article">
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
0
Gan-Jah Messages postés 238 Statut Membre 3
 
c'est page et bd qui doivent etre centré
moi jai ca

body {
font-family: Helvetica, Verdana, sans-serif;
font-size: 90%;
line-height: 1.6em;
text-align: center;
background: rgb(255, 255, 255) url(seen-view/images/backgrond.jpg);
color: rgb(0, 0, 0);
overflow: hidden;
height: 100%;
}
#page {
background: url(../images/page.png) no-repeat;
position: absolute;
width: 100px;
height: 717px;
top: 15px;
left: 150px;
width: 990px;
height: 717px;
display: block;

avec mes multuples expérience c'est devenu un peu le bordel
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
BAH tu adapte a tes besoin moi je te montre le principe !
<!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">
  <head>
    <title>
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <style type="text/css">
/*<![CDATA[*/
    body {
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 90%;
    line-height: 1.6em;
    text-align: center;
    background: rgb(255, 255, 255) url(seen-view/images/backgrond.jpg);
    color: rgb(0, 0, 0);
    overflow: hidden; 
    height: 100%;
    padding: 0;
}

#bd {
        width: 1024px;
        height:768px;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        background: #181A12;
}  

#page {
        width: 990px; 
        height: 717px; 
        margin-left: auto;
        margin-right: auto;
        background: url(../images/page.png) no-repeat; 
}  
/*]]>*/
</style>
  </head>
  <body>
    <div id="bd">
      <div id="page">
        <div id="photo">
        </div>
        <div id="connexion">
          <a href="https://www.google.fr/?gws_rd=ssl">Connexion</a>
        </div>
        <div id="menu-left">
        </div>
        <div id="contenu">
          <div id="title"><h1>Titre</h1>
          </div>
          <div id="article">
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
0
Gan-Jah Messages postés 238 Statut Membre 3
 
je te remercie sa marche merci man ! jai plus qu'a tout recalé a sa fait du bien ! ^^
love is Jah!!!
0
RAD ZONE Messages postés 5362 Statut Contributeur 1 360
 
pour avancer vas lire ces tuto !!
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

tu vas y gagner du tenps !!
0
Gan-Jah Messages postés 238 Statut Membre 3
 
wi je connais! mais si je le lis autant se le tapé en entier et faire en meme temp! la faut que javance donc j'ai préféré demander de l'aide ! et je suis satisfait du resultat^^!
0
Gan-Jah Messages postés 238 Statut Membre 3
 
juste une question aprés tout mes éléments je les met en relative ?
0