Adaptation d'un Template sur un CMS - Décalage de colonne .

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
El-Cherubin
Arias
Messages : 12
Inscription : 31 oct. 2007, 19:16

Adaptation d'un Template sur un CMS - Décalage de colonne .

Message par El-Cherubin »

Bonsoir,



J'ai un souci avec mon adaptation de theme, sur "pluxml version blog"

J'ai un decalage entre la colonne de gauche et la colonne de droite, alors que celle de droite devrait etre indépendante.
En fait elle suit le premier article de la page qui se situe en bas, donc ca me decale tout la colonne de droite en bas.


Un exemple sera plus parlant : http://www.infocompub.fr

Et j'ai un souci de validation W3C, il semblerait que j'ai déclarer de trop nombreuses fois la meme chose, mais je ne sais pas vraiment comment remedier au souci.


Merci d'avance de votre aide.

PS: j'espere ne pas m'etre tromper en demandant de l'aide ici... :oops:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.8) Gecko/20071008 Firefox/2.0.0.8
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Re: Adaptation d'un Template sur un CMS - Décalage de colon

Message par Benoit »

El-Cherubin a écrit :J'ai un decalage entre la colonne de gauche et la colonne de droite, alors que celle de droite devrait etre indépendante.
En fait elle suit le premier article de la page qui se situe en bas, donc ca me decale tout la colonne de droite en bas.

Un exemple sera plus parlant : http://www.infocompub.fr
Heu, même avec l'exemple j'ai du mal à comprendre le problème. Est-ce que tu peux faire, je ne sais pas, un dessin rapide de ce que tu voudrais à la place de ce qu'on voit ?
Et j'ai un souci de validation W3C, il semblerait que j'ai déclarer de trop nombreuses fois la meme chose, mais je ne sais pas vraiment comment remedier au souci.
C'est surtout beaucoup d'éléments qui s'appellent "latest-post" (dernier billet), alors qu'il ne devrait y en avoir qu'un qui est le dernier, par définition. Sans doute un problème dans un template quelque part. Si tu ne l'as pas modifié toi-même, tu devrais peut-être poser la question à son auteur ou sur le forum du CMS en question.
El-Cherubin
Arias
Messages : 12
Inscription : 31 oct. 2007, 19:16

Message par El-Cherubin »

En fait le souci d'affichage a été réglé, a force d'acharnement j'ai trouvé une parade et ca fonctionne :)

Pour ce qui est de la validaion W3C le probleme est que le script du cms offre 3 type d'affichage, le mode recherche, le mode categorie, et le mode article.
Pour chacun des modes j'utilise les memes attributs, les memes balises.

Et le souci est aussi que je ne peux les fermer directement, donc au final j'ai 3 balises qui ne se ferment pas, seulement lorsque le choix du mode a été fait.

Peut etre sera t il plus simple que je te mette mon code :

Code : Tout sélectionner


<!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">
<head>
<title><?php __('pagetitle'); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="<?php __('template'); ?>/default.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" />
<script type='text/javascript' src="core/plugins/calendar/calendar.js"></script>
</head>
<body onLoad='navigate("","")'>
<div id="top">
<!-- start header -->
<div id="header">
	<div id="logo">
		<h1><?php __('maintitle', 'link'); ?></h1>
		<h2><a href="#"><?php __('subtitle'); ?></a></h2>
	</div>
	<div id="menu">
		<ul>
			<li><a href="index.php">home</a></li>
			<li><a href="#">photos</a></li>
			<li><a href="#">about</a></li>
			<li><a href="#">links</a></li>
			<li><a href="#">contact</a></li>
		</ul>
	</div>
</div>
<!-- end header -->
<!-- start page -->
<div id="page">

	<!-- start recent-posts -->
		<div id="recent-posts">
			<div class="post">
				<h2 class="title">Calendrier</h2>
							
				<div id="calback">
					<div id="calendar"></div>
				</div>
								
			</div>
			<div class="post">
				<h2 class="title">Newsletter</h2>
				
				<div class="entry">
					<p>Inscrivez vous</p>
					
				</div>
			</div>
			<div class="post">
				<h2 class="title">Sponsors</h2>
				
					<div id="sponsors">PUB [&hellip;]</div>
					
				
			</div>
		</div>
		<!-- end recent-posts -->
	
	<?php # En mode 'search' # ?>
	<?php if($pluxml->mode == 'search'): ?>

	<!-- start content -->
	<div id="content">
		<!-- start latest-post -->
		<div id="latest-post" class="post">
			<h1 class="title">Résultat(s) de la recherche</h1>
			
			<div class="entry">	
			<p>
				<?php echo $pluxml->getSearch(); ?>
			</p>
			</div>
		</div>
		<!-- end latest-post -->
	<?php endif; ?>
		
		
	<?php # En mode 'home' ou 'catégorie' # ?>
	<?php if($pluxml->mode == 'home' || $pluxml->mode =='cat') : ?>	
				
		<!-- start content -->
	<div id="content">
		<?php # Liste d'articles # ?>
		<?php while($pluxml->result->loop()):?>
	
		<!-- start latest-post -->
		<div id="latest-post" class="post">
		
			<h1 class="title"><?php __('title', 'link'); ?></h1>
			<p class="meta"><small><?php __('date'); ?> | Catégorie : <?php __('categorie'); ?> </small></p>
				<?php __('chapo'); ?>
			<p class="comment_nb"><?php __('nb_com'); ?></p>
			
			
		</div>
		
		<?php endwhile; ?>
		
		
		<?php __('pagination'); ?>
				
		<!-- end latest-post -->
	
	<?php endif; ?>
	<?php # Fin mode 'home'/'catégorie' # ?>
	
	
	<?php # En mode 'article' # ?>
	<?php if($pluxml->mode == 'article') : ?>
	
	<!-- start content -->
	<div id="content">
		<?php # Liste d'articles # ?>
		<?php while($pluxml->result->loop()):?>
		
		<!-- start latest-post -->
		<div id="latest-post" class="post">
			<h1 class="title"><?php __('title'); ?></h1>
			<p class="meta"><small>Par <?php __('author'); ?>, le <?php __('date'); ?> à <?php __('hour'); ?> |  <?php __('categorie'); ?></small></p>
			<div class="entry">
				<?php __('content'); ?>
				<p>&nbsp;</p>
			</div>
		</div>
		<!-- end latest-post -->
		
		
	<?php endwhile; ?>
		
		<?php if($pluxml->coms):?>	
		<div id="comments">
			<h2>Commentaires</h2>
		<?php while($pluxml->coms->loop()):?>
		<div class="comment <?php echo 'ligne'.$pluxml->coms->i%2 ?>">
			<p>Par <?php __('com_author', 'link'); ?> le <?php __('com_date'); ?></p>
			<blockquote><p><?php __('com_content'); ?></p></blockquote>
		</div>
		<?php endwhile; ?>
	</div>
		<?php endif; ?>
		
		
		
		<?php if($pluxml->config['allow_com'] == 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>
				<label>Nom&nbsp;:</label>
				<input name="name" type="text" size="30" value="" /><br />
				<label>Site (facultatif)&nbsp;:</label>
				<input name="site" type="text" size="30" value="http://" /><br />
				<label>E-mail (facultatif)&nbsp;:</label>
				<input name="mail" type="text" size="30" value="" /><br />
				<label>Commentaire&nbsp;:</label>
				<textarea name="message" cols="35" rows="8"></textarea>
				
				<?php # affichage du capcha anti-spam
				if($pluxml->config['capcha'] == 1){
					echo '<label><strong>Vérification anti-spam</strong>&nbsp;:</label>';
					echo '<p>'.$capcha->q().'<input name="rep" type="text" size="10" /></p>';
					echo '<input name="rep2" type="hidden" value="'.$capcha->r().'" />';
				} ?>
				
				<p><input type="submit" value="Envoyer" /></p>
			</fieldset>
		</form>
	</div>
	<?php endif; ?>
	
	
	
	<?php endif; ?>
	<?php # Fin mode 'article' # ?>	
	
	</div>
	<!-- end content -->
		

	<!-- start sidebar -->
	<div id="sidebar">
		<ul>
			<li id="search">
				<h2>Recherche</h2>
				<ul>
					<li>
					<form method="post" action="index.php">
						<fieldset>
						<input type="text" id="s" name="search" value="" />
						<input type="submit" id="x" value="Search" />
						</fieldset>
					</form>
					</li>
					<li> &nbsp; </li>
					<li> &nbsp; </li>
					<li> &nbsp; </li>
					<li> &nbsp; </li>
					<li><h2> Abonnement RSS </h2></li>
					<ul>
						<li><?php __('rss'); ?></li>
						<li><?php __('atom'); ?></li>
					</ul>
				</ul>
			</li>
			<li>
				<h2>Cat&eacute;gories</h2>
				<ul>
					<?php __('catlist'); ?>					
				</ul>
			</li>
			<li>
				<h2>Partenaires</h2>
				<ul>
					<li><a href="#">Liens 1</a></li>
					<li><a href="#">Liens 2</a></li>

				</ul>
			</li>
			<li>
				<h2>Liens Utiles</h2>
				<ul>
					<?php __('lienslist'); ?>
				</ul>
			</li>
		</ul>
		<div style="clear: both;">&nbsp;</div>
	</div>
	<!-- end sidebar -->
</div>
<!-- end page -->
<div id="footer">
	<p id="legal">&copy; 2007 InfoComPub.fr All Rights Reserved. | Designed by <a href="http://www.freecsstemplates.org/">F.C.T</a> adapted by <a href="http://www.cherubin-paradise.eu/">El Cherubin</a></p>
	<p id="links"><a href="#">Privacy</a> | <a href="#">Terms</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
	
	<p> &nbsp; </p>
	<p id="links">G&eacute;n&eacute;r&eacute; par <a href="http://pluxml.org">Pluxml</a> | <a href="core/admin/">Admin</a></p>
	<p id="legal"><a href="#top">Haut de Page</a></p>
</div>
</body>
</html>


Merci pour ton aide.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.8) Gecko/20071008 Firefox/2.0.0.8
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 6 invités