Un problème avec mon script

Résolu/Fermé
Mouad - 24 mars 2009 à 21:11
 Mouad - 24 mars 2009 à 22:17
Bonjour,
pendant mon temps de programmation , j'ai vécu beaucoup de problème mais ce problème que je vais vous montrer je sais pas d'où il vient et j'ai pas trouvé de solution.
j'ai fais le script des news et je l'ai essayé ça marche très bien les messages sont listés les uns après les autres et je l'ai fait un design avec css et d'abord quand le problème c'est quand j'ajoute un message, les messages s'affichent comme ça ===> la photo montre tous

voici l'image :

http://img27.imageshack.us/img27/4681/probh.jpg

voici c'est le code de la page ==> index.php

<!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" xml:lang="fr" >
   <head>
       <title>Bienvenue sur mon site</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <style type="text/css">

		h1
		 {
            text-align:left;
        }
        h1
        {
		
            background-color:#CC9966;
            color:black;
            font-size:0.7em;
            margin-bottom:0px;
        }


        h3
        {
            background-color:#CC9966;
			float: left
            color:Black;
            font-size:0.9em;
            margin-bottom:0px;
        }

		
		body
{
   width: 100%;
   height: 100%
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   /* background-image: url("images/dossier.jpg"); Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
/* L'en-tête */

#en_tete
{
   width: 755px;
   height: 120px;
   background-image: url("images/bre.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border: 2px solid black;
}

#news
{
margin: left;
   margin-right: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #B3B3B3;
   background-color: ;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black; 
		}


/* Le menu */
#menu
{
   float: right; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
}

.element_menu
{
   background-color: ;
   background-repeat: repeat-x;
   
   border: 0px solid black;
   
   margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Quelques effets sur les menus */


.element_menu h3 /* Tous les titres de menus */
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.jpg"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #B3B3B3;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #B3B3B3;
   color: black;
}
		
        </style>
    </head>
    
    <body>
	
	<?php
mysql_connect("localhost", "root", "");
mysql_select_db("coursphp");
// On récupère les 5 dernières news
$retour = mysql_query('SELECT * FROM news ORDER BY id DESC');
while ($donnees = mysql_fetch_array($retour))
{
?>
	<h1><FONT COLOR="#11452"> <strong>
	<?php
$date = date("d-m-Y");
$heure = date("H:i");
Print("Nous sommes le $date et il est $heure");
?>
	</strong> </FONT></h1>
       <div id="en_tete">

	   
<p>&nbsp;</p>
<center><p>&nbsp;</p>
  <p><strong><a href="index.php"><FONT color="#FF0000">accueil</FONT></a> | <a href="member.php"><font color="#0000FF">Membre</font></a> | <a href="sommes.php"><font color="#00FF00">a propos</font></a> | <a href="contact.php">Contact</a></strong></p>
</center>



</div>
      
<strong><FONT COLOR="#000000">
<div id="menu">
<h3><strong><FONT COLOR="#000000">Categorie</FONT></strong></h3>
<ul>
<li><a href="index.php">accueil</a></li>
</ul>
</div>


<body bgcolor="#FFDFDF">
<div id="news">
<p><h2><FONT COLOR="#000000">News</FONT></h2></p>
<h3>
<FONT COLOR="#000000">
        <?php echo $donnees['pseudo']; ?>
		a écrit :<?php echo $donnees['titre']; ?>
        le <?php echo date('d/m/Y à H\hi', $donnees['timestamp']); ?>
</FONT>
		</h3>
<FONT COLOR="#000000">
    
	<?php
    // On enlève les éventuels antislash PUIS on crée les entrées en HTML (<br />)
    $contenu = nl2br(stripslashes($donnees['contenu']));
    echo $contenu;
    ?>
	
	<?php
} // Fin de la boucle des news
?>
</FONT>
    

<div>

</body>
</html>
A voir également:

2 réponses

tu as mis toute ta page dans ta boucle

alors qu'il ne faut mettre que les message j'ai corrigé a vu d'oeil et ça donne ça :

<body>


<h1><FONT COLOR="#11452"> <strong>
<?php
$date = date("d-m-Y");
$heure = date("H:i");
Print("Nous sommes le $date et il est $heure");
?>
</strong> </FONT></h1>
<div id="en_tete">


<p> </p>
<center><p> </p>
<p><strong><a href="index.php"><FONT color="#FF0000">accueil</FONT></a> | <a href="member.php"><font color="#0000FF">Membre</font></a> | <a href="sommes.php"><font color="#00FF00">a propos</font></a> | <a href="contact.php">Contact</a></strong></p>
</center>



</div>

<strong><FONT COLOR="#000000">
<div id="menu">
<h3><strong><FONT COLOR="#000000">Categorie</FONT></strong></h3>
<ul>
<li><a href="index.php">accueil</a></li>
</ul>
</div>


<body bgcolor="#FFDFDF">
<div id="news">
<p><h2><FONT COLOR="#000000">News</FONT></h2></p>
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("coursphp");
// On récupère les 5 dernières news
$retour = mysql_query('SELECT * FROM news ORDER BY id DESC');
while ($donnees = mysql_fetch_array($retour))
{
?>
<h3>
<FONT COLOR="#000000">
<?php echo $donnees['pseudo']; ?>
a écrit :<?php echo $donnees['titre']; ?>
le <?php echo date('d/m/Y à H\hi', $donnees['timestamp']); ?>
</FONT>
</h3>
<FONT COLOR="#000000">

<?php
// On enlève les éventuels antislash PUIS on crée les entrées en HTML (<br />)
$contenu = nl2br(stripslashes($donnees['contenu']));
echo $contenu;
?>

<?php
} // Fin de la boucle des news
?>
</FONT>


</div>

</body>
0
c'est résolu, merci monsieur
0