Bonjour a tous, je suis nouveaux parmis vous Et je vais essayer d'être le plus clair possible avec mon soucis.. Oui parce que forcément j'ai un soucis...
Alors Voila, je m'éssai à la création d'un site WEB et deja les problêmes arrivent, je n'arrive pas à mettre mes news dans un seul cadre et unique cadre...
Pour voir ce que ca donne, suffit d'aller visiter mon site ( en cour de créations ) heberger sur Ifrance pour s'entrainer : http://underground-psp.ifrance.com
Donc comme vous pouvez le voir j'ai mit un system de news en PHP, et des que je poste plus de une news, elle se cale en dessous de mon bloc de contenu... C'est assez embetant
Ce que je voudrais : Simplement que mon bloc de contenu s'agrandisse au fur et à mesure des news poster, ou bien qu'elle se mettent chacunes dans un bloc qui eux mêmes seraient dans un grand bloc .. Peu m'importe tant qu'elle ne traine pas en dessous..
Je vous met donc mon code ( un peu brouillon mais je commence juste ..) pour, si vous le voulez bien m'indiquer les erreurs ect .. Bref de l'aide
Code php de l'index :
Et mon code CSS qui va avec :
Modifié par immat (15 Oct 2006 - 01:11)
Alors Voila, je m'éssai à la création d'un site WEB et deja les problêmes arrivent, je n'arrive pas à mettre mes news dans un seul cadre et unique cadre...
Pour voir ce que ca donne, suffit d'aller visiter mon site ( en cour de créations ) heberger sur Ifrance pour s'entrainer : http://underground-psp.ifrance.com
Donc comme vous pouvez le voir j'ai mit un system de news en PHP, et des que je poste plus de une news, elle se cale en dessous de mon bloc de contenu... C'est assez embetant
Ce que je voudrais : Simplement que mon bloc de contenu s'agrandisse au fur et à mesure des news poster, ou bien qu'elle se mettent chacunes dans un bloc qui eux mêmes seraient dans un grand bloc .. Peu m'importe tant qu'elle ne traine pas en dessous..
Je vous met donc mon code ( un peu brouillon mais je commence juste ..) pour, si vous le voulez bien m'indiquer les erreurs ect .. Bref de l'aide
Code php de l'index :
<!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>...Underground PSP...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Underground PSP Design" href="design1.css" />
</head>
<body>
<div id="banniere">
</div>
<div id="menu">
<div class="Element_Menu">
<h3>Menu</h3>
<ul>
<li><a href="index.php">News/Actu PSP</a></li>
<li><a href="tutos.php">Astuces et Tutos</a></li>
<li><a href="forum.php">Forum</a></li>
<li><a href="chat.html">Chat</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
<div class="Element_Menu">
<?php
if (isset($_POST['pseudo']) AND isset($_POST['message']))
{
if ($_POST['pseudo'] != NULL AND $_POST['message'] != NULL)
{
mysql_connect("Serveur SQL", "ROOt", "Pass Root");
mysql_select_db("Base de donnee");
$message = htmlentities ($_POST['message']);
$pseudo = htmlentities ($_POST['pseudo']);
mysql_query("INSERT INTO chat_box VALUES('', '$pseudo', '$message')");
mysql_close();
}
}
?>
<h3>Chat box</h3>
<form action="index.php" method="post">
<p>
Pseudo : <input type="text" name="pseudo" /><br />
Message : <input type="text" name="message" /><br />
<br />
<input type="submit" value="Envoyer" />
</p>
</form>
<?php
mysql_connect("serveur SQL", "rOOt", "MDP rOOt");
mysql_select_db("ma base de données");
$reponse = mysql_query("SELECT * FROM chat_box ORDER BY ID DESC LIMIT 0,10");
mysql_close();
while ($donnees = mysql_fetch_array($reponse) )
{
?>
<p><strong><?php echo $donnees['pseudo']; ?></strong> : <?php echo $donnees['message']; ?></p>
<?php
}
?>
</div>
</div>
<div id="contenu">
<h1>News</h1>
<?php
mysql_connect("serveur SQL", "rOOt", "MDP rOOt");
mysql_select_db("Ma base de données");
$retour = mysql_query('SELECT*FROM news ORDER BY id DESC LIMIT 0, 5');
while ($donnees = mysql_fetch_array($retour))
{
?>
<h3>
<?php echo $donnees['titre']; ?>
<em>le <?php echo date('d/m/Y à H\hi', $donnees['timestamp']); ?></em>
</h3>
<p>
<?php
$contenu = nl2br(stripslashes($donnees['contenu']));
echo $contenu;
?>
</p>
</div>
<?php
}
?>
<div id="pied_de_page">
</div>
</body>
</html>
Et mon code CSS qui va avec :
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #CFD1E5;
}
#banniere
{
width: 760px;
height: 200px;
background-image: url("images/Banniere_Underground_PSP.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
float: left;
width: 200px;
}
.Element_Menu
{
background-color: #6979C1;
background-repeat: repeat-x;
border-style: outset;
margin-bottom: 10px;
}
.Element_Menu h3
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.Element_Menu ul
{
list-style-image: url("images/puce/info.png");
padding: 0px;
padding-left: 0px;
margin: 0px;
margin-bottom: 5px;
}
.Element_Menu a
{
color: black;
text-decoration: none;
font-family: Arial, "Arial Black", "times New Roman", times, serif;
}
.Element_Menu a:hover
{
background-color: #E5E5ED;
color: blue;
}
#contenu
{
margin-left: 230px;
margin-bottom: 20px;
padding: 5px;
color: black;
background-color: #E5E5ED;
border-style: outset;
}
.Element_Contenu h1
{
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
.Element_Contenu h3
{
text-align: center;
font-family: Arial, "Arial Black", "Times New roman", Times, serif;
}
Modifié par immat (15 Oct 2006 - 01:11)