System de news

Bonjour

,

Voilà, en suivant les cours de M@teo, j'ai voulu faire un system de news.

Mais, voilà l'erreur :
http://tchatybloby.free.fr/news/

Je voudrais que le, Forcevidia le 01/11/2006 à 19h07 soit dans le rectangle gris en bas.
Le titre ne s'affiche pas, et je voudrais qu'il s'affiche dans le rectangle orange.
Et enfin, que le texte (Je testeuhhhhh) commence a s'afficher en haut.

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>
<body>

<h1>Bienvenue sur mon site !</h1>

<p>Voici les dernières news :</p>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
FONT {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
TD {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
BODY {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
P {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
DIV {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
INPUT {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
TEXTAREA {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
FORM {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
A:link {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:active {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:visited {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.title {BACKGROUND: none; COLOR: #34404E; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content {BACKGROUND: none; COLOR: #34404E; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.storytitle {BACKGROUND: none; COLOR: #34404E; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat {BACKGROUND: none; COLOR: #34404E; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle {BACKGROUND: none; COLOR: #34404E; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent {BACKGROUND: none; COLOR: #34404E; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.option {BACKGROUND: none; COLOR: #34404E; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny {BACKGROUND: none; COLOR: #34404E; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg {BACKGROUND: none; COLOR: #34404E; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg_l {BACKGROUND: none; COLOR: #34404E; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.box {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; border: 1px solid #34404E; background-color: #34404E}
.liensi { COLOR: #000040}
</style>
</head>

<body>

<br>

<table style="width: 491px; height: 279px;" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td>

<table style="width: 484px; height: 275px;" border="0" cellpadding="0" cellspacing="1">

<tbody>

<tr>

<td bgcolor="#ffffff">

<table style="width: 414px; height: 242px;" border="0" cellpadding="2" cellspacing="0">

<tbody>

<tr>

<td background="http://www.cyber-view.net/themes/Xelopolis_Iceblue/images/header_news.gif" height="24" width="100%"><font class="option"><b>

<center></center>

</b></font></td>

</tr>

<tr>

<td colspan="2" bgcolor="#93bed6">

<table style="width: 478px; height: 222px;" align="center" bgcolor="#fbfbfd" border="0">

<tbody>

<tr>

<td>

</head>

<?php
mysql_connect("localhost", "tchatybloby", "XXXXXXX");
mysql_select_db("news");

// On récupère les 5 dernières news
$retour = mysql_query('SELECT * FROM news ORDER BY id DESC LIMIT 0, 5');
while ($donnees = mysql_fetch_array($retour))
{
?>

<div class="news">
<h3>
<?php echo $donnees['titre']; ?>
<em>le <?php echo date('d/m/Y à H\hi', $donnees['timestamp']); ?></em>
</h3>

<p>
<?php
// On enlève les éventuels antislash PUIS on crée les entrées en HTML (<br />)
$contenu = nl2br(stripslashes($donnees['contenu']));
echo $contenu;
?>
</p>
</div>
<?php
} // Fin de la boucle des news
?>
</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td align="left" bgcolor="#f0f1f9">
 <b><font class="tiny"><br>

</font></b></td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>
</table>

</body>
</html>

liste_news.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>Liste des news</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
h2, th, td
{
text-align:center;
}
table
{
border-collapse:collapse;
border:2px solid black;
margin:auto;
}
th, td
{
border:1px solid black;
}
</style>
</head>

<body>

<h2><a href="rediger_news.php">Ajouter une news</a></h2>

<?php
mysql_connect("localhost", "tchatybloby", "XXXXXXX");
mysql_select_db("news");

//-----------------------------------------------------
// Vérification 1 : est-ce qu'on veut poster une news ?
//-----------------------------------------------------

if (isset($_POST['titre']) AND isset($_POST['contenu']))
{
$titre = addslashes($_POST['titre']);
$contenu = addslashes($_POST['contenu']);
// On vérifie si c'est une modification de news ou pas
if ($_POST['id_news'] == 0)
{
// Ce n'est pas une modification, on crée une nouvelle entrée dans la table
mysql_query("INSERT INTO news VALUES('', '" . $titre . "', '" . $contenu . "', '" . time() . "')");
}
else
{
// C'est une modification, on met juste à jour le titre et le contenu
mysql_query("UPDATE news SET titre='" . $titre . "', contenu='" . $contenu . "' WHERE id=" . $_POST['id_news']);
}
}

//--------------------------------------------------------
// Vérification 2 : est-ce qu'on veut supprimer une news ?
//--------------------------------------------------------

if (isset($_GET['supprimer_news'])) // Si on demande de supprimer une news
{
// Alors on supprime la news correspondante
mysql_query('DELETE FROM news WHERE id=' . $_GET['supprimer_news']);
}
?>

<table><tr>
<th>Modifier</th>
<th>Supprimer</th>
<th>Titre</th>
<th>Date</th>
</tr>

<?php
$retour = mysql_query('SELECT * FROM news ORDER BY id DESC');
while ($donnees = mysql_fetch_array($retour)) // On fait une boucle pour lister les news
{
?>

<tr>
<td><?php echo '<a href="rediger_news.php?modifier_news=' . $donnees['id'] . '">'; ?>Modifier</a></td>
<td><?php echo '<a href="liste_news.php?supprimer_news=' . $donnees['id'] . '">'; ?>Supprimer</a></td>
<td><?php echo stripslashes($donnees['titre']); ?></td>
<td><?php echo date('d/m/Y', $donnees['timestamp']); ?></td>
</tr>

<?php
} // Fin de la boucle qui liste les news
?>
</table>

</body>
</html>

rediger_news.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>Rédiger une news</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
h3, form
{
text-align:center;
}
</style>
</head>

<body>

<h3><a href="liste_news.php">Retour à la liste des news</a></h3>

<?php
mysql_connect("localhost", "tchatybloby", "XXXXXXX");
mysql_select_db("news");

if (isset($_GET['modifier_news'])) // Si on demande de modifier une news
{
// On récupère les infos de la correspondante
$retour = mysql_query('SELECT * FROM news WHERE id=' . $_GET['modifier_news']);
$donnees = mysql_fetch_array($retour);

// On place le titre et le contenu dans des variables simples
$titre = $donnees['titre'];
$contenu = $donnees['contenu'];
$id_news = $donnees['id']; // Cette variable va servir pour se souvenir que c'est une modification
}
else // C'est qu'on rédige une nouvelle news
{
// Les variables $titre et $contenu sont vides, puisque c'est une nouvelle news
$titre = '';
$contenu = '';
$id_news = 0; // La variable vaut 0, donc on se souviendra que ce n'est pas une modification
}
?>

<form action="liste_news.php" method="post">
<p>Titre : <input type="text" size="30" name="titre" value="<?php echo $titre; ?>" /></p>

<p>
Contenu :<br />
<textarea name="contenu" cols="50" rows="10">
<?php echo $contenu; ?>
</textarea><br />

<input type="hidden" name="id_news" value="<?php echo $id_news; ?>" />
<input type="submit" value="Envoyer" />
</p>
</form>

</body>
</html>

Voilà, merci beaucoup.

Au revoir.

Romain60

1 novembre 2006 à 19:22:23

Nyro Xeo

1 novembre 2006 à 19:44:34

Ton problème n'a pas véritablement de rapport avec le PHP, car ce que tu souhaites faire relève du XHTML et du CSS ; c'est donc ça qu'il te faudra modifier. Je te conseille de prendre la source de ton code (sans le PHP, c'est-à-dire en la copiant depuis ton navigateur, en fait), et de le moduler jusqu'à arriver à ce que tu souhaites, puis ensuite tu pourras intégrer ce nouveau code au code PHP.

Je déplace.

1 novembre 2006 à 19:50:43

D'accord, merci de ton aide.

Mais, je ne suis pas pro en CSS donc j'aurais encore besoin d'aide même si tu ma malgré bien aidé.

Si vous pouvez me refaire le CSS serait un grand bonheur. Cependant, j'y travaille moi aussi mais pas sur de réussir.

Je vous remercie.

Au revoir.

2 novembre 2006 à 17:02:55

Un petit UP :-°

3 novembre 2006 à 13:04:06

UP ?

Problème d'affichage

System de news

Supprimer

Modérer

Signaler le message aux modérateurs