Décalage de DIV

Fermé
jonathan62 - Modifié par jonathan62 le 9/01/2012 à 15:41
dream666 Messages postés 735 Date d'inscription mardi 8 juillet 2008 Statut Membre Dernière intervention 24 février 2014 - 9 janv. 2012 à 16:35
Bonjour, j'ai un petit soucis avec le site web que je suis en train de créer.

J'ai un cadre principale (2 bordures, 1 à gauche et 1 à droite) pour mettre du texte :

#cadre1
{
background-image: url(images/cadre1.png);
background-repeat:repeat-y;
background-position:center;
margin-top:30px;
text-align:center;
width:800px;
height:auto;
}

Et mon code html :

<div id="cadre1">

<p>Bienvenue</p>

<p> Un texte est une succession de caractères organisée selon un langage. Cette définition désigne aussi bien une sémiotique du langage (proprement acte sémique) qui en tant que tel transcende l'acte textuel. Il en résulte que le texte est exprimé par plusieurs phrases en différentes langues.</p>

</div>


Mon problème est que mon texte se met à gauche en décalé alors qu'il devrait être centrer dans mon cadre.

Merci d'avance de votre aide.

Cordialement,

Jonathan


5 réponses

holow1 Messages postés 680 Date d'inscription lundi 21 décembre 2009 Statut Membre Dernière intervention 7 décembre 2012 71
9 janv. 2012 à 15:51
salut tu paux ajouter

ce code

#cadre1 p {text-align: center;}


sinon montrez nous tt le code HTML
0
j'ai mis directement p { text-align: center; }

maintenant le texte se centre dans le cadre mais le texte et le cadre se décale ensemble à fond vers la gauche... :(
0
holow1 Messages postés 680 Date d'inscription lundi 21 décembre 2009 Statut Membre Dernière intervention 7 décembre 2012 71
9 janv. 2012 à 16:03
montre tt le code html et css de page
0
le code html :

 <!DOCTYPE html>  
<html>  
 <head>  
  <title></title>  
       <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />  
       <link rel="icon" href="images/favicon.ico" type="image/png" />  

 </head>  
   
 <body>  
   
  <div class="menu"> <a href="index.html">Accueil</a>        <a href="".html">Nos lignes</a>        <a href=".html">Nos magouilles</a>        <a href="contact.html">Contact</a> </div>  
    
  <div id="logo"> <a href=""> <img src="images/logo.png"/> </a> </div>  
   
  <div id="construction"> <img src="images/construction.png"/> </div>  
    
<div id="cadre1">  
<p>Bienvenue</p>  
<p> Un texte est une succession de caractères organisée selon un langage. Cette définition désigne aussi bien une sémiotique du langage (proprement acte sémique) qui en tant que tel transcende l'acte textuel. Il en résulte que le texte est exprimé par plusieurs phrases en différentes langues.</p>  
</div>   
    
    
 </body>  
    
  </html>  



le code css :

@charset "utf-8";  
/* CSS Document */  

body   
{  
background-image: url(images/header.png);  
background-repeat:repeat-x;  
background-color:white;  
margin: 0;  
padding: 0;    
font-family: Verdana, Arial;  
font-size: 15px;  
color: black;  
}  

p   
{  
font-family:Verdana;  
color:#668DFF;  
text-align:center;  
}  


a  
{  
color:white;  
text-decoration:none;  
}  

#logo  
{  
margin: 0 0 0 ;  
width: 400px;  
height: 100px;  
overflow: hidden;  
}  


.menu  
{  
margin-top:75px;  
margin-right:5px;  
color:white;  
float:right;  
}  


#construction  
{  
text-align:center;  
margin-top:30px;  
}  



#cadre1  
{  
background-image: url(images/cadre1.png);  
background-repeat:repeat-y;  
background-position:center;  
margin-top:30px;  
text-align:center;  
width:800px;  
}  



#important  
{  
font-size:15px;  
}  
0

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

Posez votre question
dream666 Messages postés 735 Date d'inscription mardi 8 juillet 2008 Statut Membre Dernière intervention 24 février 2014 104
Modifié par dream666 le 9/01/2012 à 16:36
body
{
width:1000px ;
margin-left: auto;
margin-right:auto;
}

#cadre1
{
width:800px ;
margin-left: auto;
margin-right:auto;
}
0