Décalage de DIV
jonathan62
-
dream666 Messages postés 735 Date d'inscription Statut Membre Dernière intervention -
dream666 Messages postés 735 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Décalage de DIV
- Div c++ - Télécharger - Langages
- Remplacer #div/0 par vide ✓ - Forum Excel
- Décalage audio vlc android - Forum Lecteurs et supports vidéo
- Decalage son disney plus - Forum Audio
- Décalage horaire whatsapp - Forum WhatsApp
5 réponses
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... :(
maintenant le texte se centre dans le cadre mais le texte et le cadre se décale ensemble à fond vers la gauche... :(
le code html :
le code css :
<!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;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
