le 14/02/2013 à 16:40
idate
Bonjour,
Je demande votre aide pour un problème de mise en page.
Je dois faire un site web pour un serveur, j'ai donc pas mal de catégorie à créer et à coordonner mais ce n'est pas ce qui me donne le plus de mal apparement ! ^^
Premièrement, mon index a tout ce qu'il y a de plus banal. Je fais un include pour que toutes mes pages aient le même design.
Cependant, j'ai un problème avec ma page de news. J'ai codé un système de news basique avec php et mysql, mais je rencontre des problèmes de mise en page.
http://www.hostingpics.net/viewer.php?id=774686site.jpg
Comme vous pouvez le voir , chaque news est écrite dans une div que je design à l'aide de mon fichier .css cependant, mon texte sort de cette div et je ne trouve pas d'où ça vient.
Voici mon code de news et le css associé:
De plus, j'ai du mal à positionner mon footer, malgré beaucoup de modifications, je vous joins le code css. Sachant que mon footer est dans ma div "global".
Illustration:
http://www.hostingpics.net/viewer.php?id=658407sitefooter.jpg
Code:
Si quelqu'un pouvait m'éclairer sur ces différents problèmes, je lui en serais très reconnaissant.
Merci d'avance.
Peace
Je demande votre aide pour un problème de mise en page.
Je dois faire un site web pour un serveur, j'ai donc pas mal de catégorie à créer et à coordonner mais ce n'est pas ce qui me donne le plus de mal apparement ! ^^
Premièrement, mon index a tout ce qu'il y a de plus banal. Je fais un include pour que toutes mes pages aient le même design.
Cependant, j'ai un problème avec ma page de news. J'ai codé un système de news basique avec php et mysql, mais je rencontre des problèmes de mise en page.
http://www.hostingpics.net/viewer.php?id=774686site.jpg
Comme vous pouvez le voir , chaque news est écrite dans une div que je design à l'aide de mon fichier .css cependant, mon texte sort de cette div et je ne trouve pas d'où ça vient.
Voici mon code de news et le css associé:
news.php
<?php
// on se connecte à notre base
$base = mysql_connect ('localhost', 'root', 'root');
mysql_select_db('aumtuto', $base);
// lancement de la requête. on sélectionne les news que l'on va ordonner suivant l'ordre "inverse" des dates (de la plus récente à la plus vieille : DESC) tout en ne sélectionnant que le nombre voulu de news à afficher (LIMIT)
$sql = 'SELECT * FROM aumtuto_news ORDER BY date DESC;';
// on lance la requête (mysql_query) et on impose un message d'erreur si la requête ne se passe pas bien (or die)
$req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());
// on compte le nombre de news stockées dans la base de données
$nb_news = mysql_num_rows($req);
if ($nb_news == 0) {
echo 'Aucune news enregistrée.';
}
else {
// si on a au moins une news, on l'affiche
while ($data = mysql_fetch_array($req)) {
// on décompose la date
sscanf($data['date'], "%4s-%2s-%2s %2s:%2s:%2s", $an, $mois, $jour, $heure, $min, $sec);
$date = $data['date'];
$texte = $data['texte'];
$auteur = $data['auteur'];
$texte = strtr($texte,array('''=>'\''));
$texte = nl2br($texte);
// on affiche les résultats
echo "<div id=\"news\">";
echo "<div id=\"news_titre\">";
echo "<div class=\"newstitre\">".$data['titre']."</div></div>
<div class=\"news_contenue\">";
echo $texte;
echo "</div>
<div class=\"news_posteur\">Posté le $date par $auteur</div>
</div>
<div id=\"news_foot\"></div>
<br />";
}
}
// on libère l'espace mémoire alloué à cette requête
mysql_free_result ($req);
// on ferme la connexion à la base de données
mysql_close ();
?>
css
/* News */
#News {
width: 450px;
min-height: 200px;
float: left;
}
#news {
background-image:url(images/design/news.png);
width: 509px;
min-height: 20px;
}
#news_titre {
background-image:url(images/design/news_top.png);
width: 501px;
height: 51px;
margin-left: 8px;
}
.newstitre {
padding-left: 45px;
padding-top: 8px;
font-weight: bold;
color: #FFFFFF;
font-size: 28px;
}
.news_contenue{
width: 450px;
margin-left: 30px;
font-size: 18px;
}
.news_posteur {
margin-left: 10px;
font-style: italic ;
float: right;
margin-right: 20px;
}
#news_foot {
background-image:url(images/design/news_foot.png);
width: 508px;
height: 35px;
margin-left: 4px;
}
De plus, j'ai du mal à positionner mon footer, malgré beaucoup de modifications, je vous joins le code css. Sachant que mon footer est dans ma div "global".
Illustration:
http://www.hostingpics.net/viewer.php?id=658407sitefooter.jpg
Code:
css footer
/*Footer*/
footer {
background-image:url(images/design/footer.png);
width:925px;
height:223px;
clear: both;
margin:auto;
padding-left: 6px;
}
Si quelqu'un pouvait m'éclairer sur ces différents problèmes, je lui en serais très reconnaissant.
Merci d'avance.
Peace
