Problème DIV avec texte.

jonathan62400 -
Kaharon Messages postés 62 Statut Membre - 24 août 2009 à 19:47

Bonjour, j'ai un gros problème!

Mon texte ne veux pas se placer bien!

Mon code CSS :

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

html, body
{
   width: 930px;
   margin: auto;
   height:100%;
   margin-top: 10px;
   margin-bottom: 10px;    
   background-image:url(background.png);
   background-repeat:repeat;
   color: #000000;

}

/* L'en-tête */

#en_tete
{
   width: 930px;
   height: 130px;
   background-image: url("img/OG_Header.png");
   background-repeat: no-repeat;
   margin-bottom:0px;
}

.contenu_leftMenu_1
{
background-image: url("img/1.png");
	background-repeat: no-repeat;
	width: 160px;
	height: 22px;
	padding: 8px 0 0 0;
	margin-left:3px;
	text-align: center;
	font-family: "Arial";
    font-size: 15px;
	font-weight: bold;
	color: #495B6B;
	cursor: default;
	margin-top:15px;

}

.contenu_leftMenu_2 {
	background-image: url(img/2.png);
	background-repeat: repeat-y;
	margin-left:3px;
	width: 160px;
	height: auto;
	padding: 3px 0 0 0;
	
	text-align: center;
}

a.contenu_leftMenu_2_lien {
	font-family: "Verdana";
    font-size: 14px;
	color: #4B5E6E;
	text-decoration: none;
}

a.contenu_leftMenu_2_lien:hover {
	font-family: "Verdana";
    font-size: 14px;
	color: #4B5E6E;
	font-weight: bold;
	text-decoration: none;
}

.contenu_leftMenu_3 {
	background-image: url(img/3.png);
	background-repeat: no-repeat;
	margin-left:3px;
	width: 160px;
	height: 13px;
}

#corps1
{

	padding:5px; 
    color: #000;
    background-color: white; /* Une couleur de fond pour le corps */
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	border:1px dotted #0080C0;
	width:918px;
	height:auto;
	margin-left:0px;
	padding:5px;
	position:auto;
	margin-bottom:0px;
}

#pied
{
   padding: 0px;

   text-align: left;

   color: #B3B3B3;
   background-color: white;
   font-size: 15px;
   font-family: Arial;
   font-weight:bold;
   margin-bottom:10px;
}

.element_pied a 
{
  color:#B3B3B3;
   text-decoration: italic;
}

#element_corp1
{
color:yellow;
}

Et le html :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>0rdigeek - Creation de site à prix discount</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <title>0rdigeek - Creation de site à prix discount</title>
<meta Name="Description" content="">
<meta Name="Keywords" content="">
<meta Name="Author" content="Jonathan">
<meta Name="Publisher" content="Jonathan">
<meta Name="Copyright" content="© 2009">
<meta Name="Content-language" content="fr">
<meta Name="Expires" Content="never">
<meta Name="Generator" Content="dreamweaver">
<meta Name="Language" Content="fr">
<meta Name="Reply-To" Content="">
       <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
       <link rel="icon" href="" type="" />

   </head>
  <body>
  
  <!-- Header-->
 
       <div id="en_tete">
    
       </div>
	   
	   <!--corp 1 blanc-->
<div id="corps1" >

	  <!--Navigation-->
			<div class="contenu_leftMenu_1">Navigation</div>
			<div class="contenu_leftMenu_2" >
				<a href="index.php" title="" class="contenu_leftMenu_2_lien" >Accueil</a><br />
				<a href="presentation.php" title=" Présentation" class="contenu_leftMenu_2_lien" >Présentation</a><br />

				<a href="news.php" title=" Professionnels" class="contenu_leftMenu_2_lien" >Professionnels</a><br />
				<a href="inscription.php" title=" Particulier" class="contenu_leftMenu_2_lien" >Particulier</a><br />
				<a href="connexion.php" title=" Plan du site" class="contenu_leftMenu_2_lien" >Plan du site</a><br />
				<a href="contact.php" title=" Contact" class="contenu_leftMenu_2_lien" >Contact</a><br />
			</div>
			<div class="contenu_leftMenu_3" >
		
			</div>
			
			<!--Texte à coté du menu-->
			<div id="element_corp1"> 
			
			slt
			</div>
			
</div>

<div id="pied">
<div class="element_pied">
   <p>Copyright 2009, tous droits réservés &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <a href="plan_site.html">Plan du site</a> </p>
</div>   
</div>



	   </body>

Je vous met une image pour mieux comprendre : http://www.hostingpics.net/viewer.php?id=260363apercusite.jpg

Configuration: Windows XP
Firefox 3.0.1

Afficher la suite

A voir également:

Problème DIV avec texte.
Traitement de texte - Guide
Texte barré whatsapp - Guide
Texte pdf - Guide
Traduction photo texte - Guide
Texte en colonne word - Guide

13 réponses

Réponse 1 / 13
jonathan62400

UPPPPPPPPP
0
Réponse 2 / 13
Kaharon Messages postés 62 Statut Membre 1

Essaye de mettre dans le CSS->main menu ;
float: left;
0
Réponse 3 / 13
jonathan62400

ça ne fonctionne pas =(
0
Réponse 4 / 13
Kaharon Messages postés 62 Statut Membre 1

Essaie à la place quand tu met <div class=""> ; met <div id="">.
Parce que quand c'est class c'est avec <span>.
0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 13
jonathan62400

ça change rien
0
Réponse 6 / 13
Kaharon Messages postés 62 Statut Membre 1

(Peut-être que ça ne servira à rien ^^) mais situ ferme la balise </html>
0
Réponse 7 / 13
jonathan62400

Marche pas :(
0
Réponse 8 / 13
Kaharon Messages postés 62 Statut Membre 1

C'est bon j'ai trouvé, tu dois fermé la balise </div> de ton corps.
0
Réponse 9 / 13
jonathan62400

elle est fermé
0
Réponse 10 / 13
Kaharon Messages postés 62 Statut Membre 1

Voila, désolée pour les modifications qui servaient à rien ! Mais la j'ai testé et ça marche voila le code CSS :

#element_corp1
{
color: red;
float: center;
text-align: justify;
}
Attention ce n'est plus la couleur initiale (je voyais rien en jaune xD) ^^ !
0

jonathan62400

moi ça change juste la couleur du texte =(

https://www.casimages.com/i/090824024441222725.png.html

regarde est pourtant j'ai mis en css :

#element_corp1
{
color: red; 
float: center; 
text-align: justify;
}

html :

<div id="corps1" >

	  <!--Navigation-->
			<div class="contenu_leftMenu_1">Navigation</div>
			<div class="contenu_leftMenu_2" >
				<a href="index.php" title="" class="contenu_leftMenu_2_lien" >Accueil</a><br />
				<a href="presentation.php" title=" Présentation" class="contenu_leftMenu_2_lien" >Présentation</a><br />

				<a href="news.php" title=" Professionnels" class="contenu_leftMenu_2_lien" >Professionnels</a><br />
				<a href="inscription.php" title=" Particulier" class="contenu_leftMenu_2_lien" >Particulier</a><br />
				<a href="connexion.php" title=" Plan du site" class="contenu_leftMenu_2_lien" >Plan du site</a><br />
				<a href="contact.php" title=" Contact" class="contenu_leftMenu_2_lien" >Contact</a><br />
			</div>
			<div class="contenu_leftMenu_3" >
		
			</div>
			
			<!--Texte à coté du menu-->
			<div id="element_corp1"> 
			
			slt
			</div>
			
		</div>	

<div id="pied">
<div class="element_pied">
   <p>Copyright 2009, tous droits réservés &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <a href="plan_site.html">Plan du site</a> </p>
</div>   
</div>

Réponse 12 / 13
Kaharon Messages postés 62 Statut Membre 1

Voila maoi ce que j'ai mis, et ça marche :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>0rdigeek - Creation de site à prix discount</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>0rdigeek - Creation de site à prix discount</title>
<meta Name="Description" content="">
<meta Name="Keywords" content="">
<meta Name="Author" content="Jonathan">
<meta Name="Publisher" content="Jonathan">
<meta Name="Copyright" content="© 2009">
<meta Name="Content-language" content="fr">
<meta Name="Expires" Content="never">
<meta Name="Generator" Content="dreamweaver">
<meta Name="Language" Content="fr">
<meta Name="Reply-To" Content="">
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
<link rel="icon" href="" type="" />

</head>
<style>
#charset "utf-8";
/* CSS Document */

html, body
{
width: 930px;
margin: auto;
height:100%;
margin-top: 10px;
margin-bottom: 10px;
background-image:url(background.png);
background-repeat:repeat;
color: black;

}

/* L'en-tête */

#en_tete
{
width: 930px;
height: 130px;
background-image: url("img/OG_Header.png");
background-repeat: no-repeat;
margin-bottom:0px;
}

.contenu_leftMenu_1
{
background-image: url("img/1.png");
background-repeat: no-repeat;
width: 160px;
height: 22px;
padding: 8px 0 0 0;
margin-left:3px;
text-align: center;
font-family: "Arial";
font-size: 15px;
font-weight: bold;
color: #495B6B;
cursor: default;
margin-top:15px;

}

.contenu_leftMenu_2 {
background-image: url(img/2.png);
background-repeat: repeat-y;
margin-left:3px;
width: 160px;
height: auto;
padding: 3px 0 0 0;
float: left;
text-align: center;
}

a.contenu_leftMenu_2_lien {
font-family: "Verdana";
font-size: 14px;
color: #4B5E6E;
text-decoration: none;
}

a.contenu_leftMenu_2_lien:hover {
font-family: "Verdana";
font-size: 14px;
color: #4B5E6E;
font-weight: bold;
text-decoration: none;
}

.contenu_leftMenu_3 {
background-image: url(img/3.png);
background-repeat: no-repeat;
margin-left:3px;
width: 160px;
height: 13px;
}

#corps1
{

padding:5px;
color: #000;
background-color: white; /* Une couleur de fond pour le corps */
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:small;
border:1px dotted #0080C0;
width:918px;
height:auto;
margin-left:0px;
padding:5px;
position:auto;
margin-bottom:0px;
float: right;
}

#pied
{
padding: 0px;

text-align: left;

color: #B3B3B3;
background-color: white;
font-size: 15px;
font-family: Arial;
font-weight:bold;
margin-bottom:10px;
}

.element_pied a
{
color:#B3B3B3;
text-decoration: italic;
}

#element_corp1
{
color: red;
float: center;
text-align: justify;
}

</style>
<body>



<div id="en_tete">

</div>


<div id="corps1" >
<p>

</p>


<div class="contenu_leftMenu_1">Navigation</div>
<div class="contenu_leftMenu_2" >
<a href="index.php" title="" class="contenu_leftMenu_2_lien" >Accueil</a><br />
<a href="presentation.php" title=" Présentation" class="contenu_leftMenu_2_lien" >Présentation</a><br />

<a href="news.php" title=" Professionnels" class="contenu_leftMenu_2_lien" >Professionnels</a><br />
<a href="inscription.php" title=" Particulier" class="contenu_leftMenu_2_lien" >Particulier</a><br />
<a href="connexion.php" title=" Plan du site" class="contenu_leftMenu_2_lien" >Plan du site</a><br />
<a href="contact.php" title=" Contact" class="contenu_leftMenu_2_lien" >Contact</a><br />
</div>
<div class="contenu_leftMenu_3" >

</div>


<div id="element_corp1">

slt, tout le monde ca va moi oui et vous ? bonnes vacance bientôt l'école xD ! Gnia nia nia !
</div>

</div>

<div id="pied">
<div class="element_pied">
<p>Copyright 2009, tous droits réservés &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <a href="plan_site.html">Plan du site</a> </p>
</div>
</div>

</body>
</html>
0
Réponse 13 / 13
Kaharon Messages postés 62 Statut Membre 1

Pour la phrase j'ai mis ce qui me passait par la tête! ^^
0

Problème DIV avec texte.

13 réponses

Discussions similaires

Newsletters