Décalage de DIV
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
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
-
salut tu paux ajouter
ce code
#cadre1 p {text-align: center;}
sinon montrez nous tt le code HTML -
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... :( -
montre tt le code html et css de page
-
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; } -
body
{
width:1000px ;
margin-left: auto;
margin-right:auto;
}
#cadre1
{
width:800px ;
margin-left: auto;
margin-right:auto;
}
