Problème à l'affichage d'un article

BenBen Member
dans Bogues
Bonjour tout le monde,

J'ai un problème avec mon template. En effet, j'ai modifié le fichier template.php et css et à un certain moment, je ne sais pas quand malheureusement, il s'est mis à déconner.

Lorsque l'on clique sur le titre d'un article pour afficher l'article et les commentaires : la page sur laquelle on arrive a un problème, je n'arrive pas à trouver lequel.

Voici l'adresse de mon blog : http://leoparder.free.fr/Blog/

Suivent le CSS d'abord puis le template.php. Merci d'avance de votre aide.
/* Copyright (c) 2006 Skyline-arts.com. All rights reserved
Style.css - Template 'laptop' by www.cymeco.info */

/*
Html et body
*/

html {
font: 0.75em/1.2em tahoma, arial, sans-serif;
color: #88745B;
background-color: #000000;
margin: 0;
padding: 0;
}

body {
background: url(img/header.jpg) no-repeat;
width: 800px;
margin: 0 auto;
padding: 0;
}

/*
Styles généraux
*/

h1 {
font-size: 1.6em;
}

h2 {
font-size: 1.2em;
}

h3 {
font-size: 1.1em;
margin: 0;
padding: 5px 0;
}

p {
margin: 0;
padding: 4px 0;
}

a {
color: #706352;
background-color: inherit;
}

a:hover {
color: #068;
background-color: inherit;
}

hr {
visibility: hidden;
margin: 0;
padding: 0;
}

/*
Haut de page (#top)
*/

#top {
font-size: 1.4em;
height: 189px;
}

#top h1 { /* titre et sous-titre du site */
text-align: center;
position: relative;
top: 100px;
margin: 0;
padding: 0;
}

#top p { /* titre et sous-titre du site */
font: 1em/1em "verdana", serif;
color: #FFFFFF;
background-color: inherit;
text-align: right;
position: relative;
top: 140px;
margin: 0;
padding: 0;
}

#top h1 a { /* lien du titre */
font: bold 1.8em/1em "verdana", serif;
color: #4E525E;
background-color: inherit;
text-decoration: none;
}

#top h1 a:hover {
color: #BBB;
background-color: inherit;
}

/*
Zone de contenu (#content)
*/

#page {
background: url(img/page.jpg) repeat-y;
width: auto;
margin: 0;
padding: 0;
}

#content {
float: right;
text-align: left;
width: 700px;
margin: 0;
padding: 10px 60px 0px 40px;
}

.post, #comments { /* Conteneur de l'article */
padding: 10px;
}

.articletitle, h2 { /* Titre de l'article */
font-size: 1.8em;
color: #99958C;
background: url(img/sync.png) 0 0 no-repeat;
background-color: inherit;
height: 20px;
margin: 0 0 0 0px;
padding: 28px 0px 0 50px;
}

.articletitle a { /* Lien sur le titre de l'article */
color: #99958C;
background-color: inherit;
text-decoration: none;
}

.articletitle a:hover, .post-info a:hover {
color: #462A35;
background-color: inherit;
}

.post-info { /* Informations de l'article (auteur, date etc...) */
color: #FFFFFF;
background-color: inherit;
margin: 0;
padding: 0 10px 0 0;
}

.post-info a {
color: #FFFFFF;
background-color: inherit;
}

#pagination {
text-align: center;
margin: 6px 100px 0;
padding: 0;
}

/*
Paneau latéral (#sidebar)
*/

#sidebar {
clear: left;
float: left;
width: 160px;
margin: 0;
padding: 0 0 0 60px;
}

#sidebar div {
margin: 0;
padding: 0;
}

#sidebar h2 { /* Titre des menus de la sidebar */
font-size: 1.2em;
color: #FFFFFF;
background-image: none;
background-color: inherit;
margin: 0;
padding: 3px 0 0 10px;
}

#sidebar ul { /* bloc de liste */
margin: 0;
padding: 2px 0;
}

#sidebar li { /* élément de liste */
list-style-type: none;
padding: 4px 0 0 12px;
}

#sidebar li a { /* Liens dans les listes */
color: #FFFFFF;
background-color: inherit;
text-decoration: none;
padding: 0 16px;
}

#sidebar li a:hover {
color: inherit;
background-color: #000000;
}

div #categories{ /* Bloc 'catégories' (application du background) */
margin: 0;
padding: 20px 0;
}

/*
Zone de commentaire (#form)
*/

#form {
text-align: left;
width: auto;
margin: 0;
padding: 0;
}

fieldset {
border: none;
}

/*
Pied de page (#footer)
*/

#footer {
font-size: 0.8em;
background: url(img/footer.jpg);
width: auto;
height: 310px;
margin: 0;
padding: 0;
}

#footer p {
margin-left: 40%;
padding: 290px 0 0 0;
color: white;
}

#footer a {
color: white;
}
<?php
# Copyright (c) 2006 Skyline-arts.com. All rights reserved.
?>
<!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" lang="fr">
<head>
<title><?php __('pagetitle'); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="<?php __('template'); ?>/style.css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="Rss" href="core/rss.php" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="core/atom.php" />
</head>
<body>
<div id="top">
<h1><?php __('maintitle', 'link'); ?></h1>
<p><?php __('subtitle'); ?></p>
</div>
<div id="page">
<?php # En mode 'home' ou 'catégorie' # ?>
<?php if($pluxml->mode == 'home' || $pluxml->mode =='cat'): ?>
<div id="content">
<center><font size="5">Articles</font></center>
<?php # Liste d'articles # ?>
<?php while($pluxml->result->loop()): ?>
<div class="post">
<h2 class="articletitle"><?php __('title', 'link'); ?></h2>
<p align="right" class="post-info"><?php __('date'); ?> | <?php __('nb_com'); ?></p>
<p><?php __('chapo'); ?></p>
<p><center><img src="core/templates/laptop/img/Hr.png"></center></p>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
<?php # Fin mode 'home'/'catégorie' # ?>
<?php # En mode 'article' # ?>
<?php if($pluxml->mode == 'article'): ?>
<div id="content">
<?php # Liste d'articles # ?>
<?php while($pluxml->result->loop()): ?>
<div class="post">
<h2 class="articletitle"><?php __('title'); ?></h2>
<p class="post-info">Par <?php __('author'); ?>, le <?php __('date'); ?> à <?php __('hour'); ?></p>
<p><?php __('content'); ?></p>
</div>
<?php endwhile; ?>
<?php if($pluxml->coms): ?>
<div id="comments">
<h2>Commentaires</h2>
<?php while($pluxml->coms->loop()): ?>
<div class="comment">
<p><?php __('com_author', 'link'); ?> | <?php __('com_date'); ?></p>
<blockquote><p><?php __('com_content'); ?></p></blockquote>
</div>
<?php endwhile; ?>
</div>
<?php endif; ?>
<?php if($pluxml->config == 1 && $pluxml->result->f('allow_com') == 1): ?>
<div id="form">
<h2>Ecrire un commentaire</h2>
<form action="index.php?<?php echo $pluxml->get; ?>" method="post">
<fieldset>
<p><label>Nom :</label>
<input name="name" type="text" size="30" maxlength="255" value="" /></p>
<p><label>Site (facultatif) :</label>
<input name="site" type="text" size="40" maxlength="255" value="http://"; /></p>
<p><label>E-mail (facultatif) :</label>
<input name="mail" type="text" size="40" maxlength="255" value="" /></p>
<p><label>Commentaire :</label>
<textarea name="message" cols="35" rows="8"></textarea></p>
<p><label>Vérification anti-spam :</label>
<br /><?php echo $capcha->q(); ?><input name="rep" type="text" size="10" /></p>
<input name="rep2" type="hidden" value="<?php echo $capcha->r(); ?>" />
<p><input type="submit" value="Envoyer" /></p>
</fieldset>
</form>
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<?php # Fin mode 'article' # ?>
<hr />
<?php __('pagination'); ?>
</div>
<div id="footer">
<p>Généré par Pluxml en <?php __('chrono'); ?> | <a href="core/admin/">Admin</a></p>
</div>
</body>
</html>

Réponses

  • BenBen Member
    J'ai l'impression que c'est un problème au niveau de la répétition de l'image nommée "page" qui est censée faire le fond de tout sauf de l'header et du footer.
  • BenBen Member
    Problème résolu, désolé pour le dérangement ... c'est dans le CSS, "hr", j'avais enlevé "clear: both;"
Connectez-vous ou Inscrivez-vous pour répondre.