Sujet Précédent Sujet Suivant

Placement incorrect d'un block

Fermé
pazoo - 4 févr. 2011 à 06:32
 Pazoo - 5 févr. 2011 à 01:10
Bonjour,


Voici ma page d'accueil :
http://frelaud.kevin.free.fr/v2/

Et la page que je veux modifier
http://frelaud.kevin.free.fr/v2/blog.php


Comme vous pouvez le voir le menu qui se trouvait à droite avant se trouve maintenant en dessous, et je ne trouve pas l'erreur que j'ai commise.

Je crois bien qu'il manque la fin de certaines balises </div> Mais je ne sais ou les placer sans que tout soit dans le désordre !

Voici le code de ma page 

.....
					<!-- end sub navigation --> 
			
			<!-- end main navigation -->
			
			<div class="clear"></div>
			<!-- clears floted logo & nav -->
			
			<div id="page_title">
				<ul class="breadcrumb_nav">
					<li><a href="#">Accueil</a></li>
				</ul>
				<h1>Promotions vêtements</h1>
			</div>
		</div>
		<!-- end header (940px width) --> 
	</div>
	<!-- end header container (100% width) -->
	
	<div id="body_content">
	<div id="content" class="has_sidebar left">		
			<div class="post"> 
    <a href="single-post.html" class="post_thumb read_more"> 
	<?php
$base = mysql_connect ('sql.free.fr', '****', '****');
mysql_select_db ('vetement', $base);

$sql = 'SELECT design, image, prix1, prix2, shop, lienshop FROM vetement ORDER BY id DESC';
$req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());

$nb_signature = mysql_num_rows($req);

if ($nb_signature == 0) {
	echo '';
}
else {
	while ($data = mysql_fetch_array($req)) {
	?>
	<div class="post"> 
    <a href="<?php echo $data['lienshop']; ?>" class="post_thumb read_more"> 
     <img <?php 
if(@list($w,$h) = getimagesize($data['image'])) {
$w = ($w > 200) ? 200 : $w; // Remplace 999 par ta largeur max souhaité
$h = ($h > 160) ? 160 : $h;
echo 'width="'.$w.'" height="'.$h.'"';
}
echo ' src="'.$data['image'].'"';
?> alt="" />
    </a> 
    <!-- end post image --> 
     
    <div class="post_content"> 
     <h2 class="post_title"> 
      <a href="<?php echo $data['lienshop']; ?>"><?php echo $data['design']; ?></a> 
     </h2> 
     <!-- end post title --> 
      
     <div class="post_info"> 
     
      <p>Posté le <?php echo date('Y/m/d',$data['date_signature']); ?> Par <font color="skyblue"><?php echo $data['shop']; ?></font></p> 
      <!-- comment count -->  
     </div> 
     <!-- end post info --> 
      
     <p class="post_brief"> <big><i><s>Ancien prix: <?php echo $data['prix1'];?> €</s></i></big><br>
	 <big><big>Nouveau prix: <?php echo $data['prix2'];?> €</big></big></p> 
     <!-- end post excerpt -->  
      
     <a href="<?php echo $data['lienshop']; ?>" class="post_read_more">(Voir le produit)</a> </div> 
    <!-- end post content -->  
   </div> 
   <!-- end post -->
     
  
<?php

	}
}

// on libère l'espace mémoire alloué pour cette requête
mysql_free_result ($req);

// on ferme la connection à la base de données.
mysql_close ();
?>



			<!-- end post -->
						
			<!-- end post -->
			
			<ul class="pagination">
				<li><a href="#" class="large_button">« Pravious</a></li>
				<li><a href="#" class="large_button current">1</a></li>
				<li><a href="#" class="large_button">2</a></li>
				<li><a href="#" class="large_button">3</a></li>
				<li><a href="#" class="large_button">4</a></li>
				<li><a href="#" class="large_button">5</a></li>
				<li><a href="#" class="large_button">Next »</a></li>
			</ul>
		</div>
		<!-- end content -->
		
		<div id="sidebar" class="right">
		
			<form action="" id="search_widget">
				<label for="search_field" class="auto_clear">Search...</label>
				<!-- end auto clear label -->
				
				<input type="text" name="search_field" id="search_field">
				<!-- end search field -->
				
				<input type="submit" name="search_submit" id="search_submit" value="">
				<!-- end search submit -->
			</form>
			<!-- end search form -->
			
			<div class="inline_content_widget">
				<h3 class="widget_title">
					Text Widget
				</h3>
				<!-- end widget title -->
				
				<div class="widget_content">
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac scelerisque nisi. Maecenas auctor tellus semper leo viverra ultricies. Vestibulum vel turpis non enim vulputate gravida at id urna. Proin eu fringilla nulla. Morbi rhoncus pellentesque elit eget dictum. Proin vestibulum iaculis pulvinar. Nam rhoncus velit quis elit sollicitudin tempus iaculis justo vestibulum. Aenean gravida mollis nisl ac posuere. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc feugiat fringilla metus.
				</div>
				<!-- end widget content --> 
			</div>
			<!-- end widget -->
			
			<div class="tabbed_widget">
				<ul class="widget_tabs">
					<li><a href="#tab1"><span>Inline Content</span></a></li>
					<li><a href="#tab2"><span>Categories</span></a></li>
				</ul>
				<!-- end tabs heads -->
				
				<div class="widget_tabs_content">
					<div class="tab_content">
						<h3>Just a Title</h3>
						<img src="images/content_widget.jpg" width="126" class="alignright" alt=""> Quisque sapien odio, malesuada vel hendrerit in, pellentesque vitae erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi elementum vulputate porttitor. Fusce sed metus in nisi facilisis malesuada. Curabitur volutpat hendrerit enim, eget rutrum massa semper in. Sed tristique, augue sit amet aliquam pharetra.
					</div>
					<!-- end tab 1 content -->
					
					<div class="tab_content">
						<h3>Categories</h3>
						<ul>
							<li><a href="#">Web design</a></li>
							<li><a href="#">Branding</a></li>
							<li><a href="#">Some category</a></li>
							<li><a href="#">Another one</a></li>
							<li><a href="#">Final one</a></li>
						</ul>
					</div>
					<!-- end tab 2 content -->
				</div>
				<!-- end tabs content -->
			</div>
			<!-- end widget --> 
			
		</div>
		<!-- end sidebar -->
	</div>
	<!-- end body content -->
	
	<div id="footer_container">
		<div id="footer">
			<ul class="copyright_info reset_style">
				<li><img src="images/xero_logos/footer_logo.png" alt="" id="footer_logo" class="reset_style center"></li>
				<li>A Theme By <a href="http://wizylabs.com">Wizy Labs</a>. Copyright © 2010</li>
			</ul>
			<!-- end copyright info, copyright info can be changed as desired -->
			
			<div class="footer_nav_container">
				<ul class="footer_nav reset_style">
					<li><a href="#">Home</a> /</li>
					<li><a href="#">About</a> /</li>
					<li><a href="#">Advertise</a> /</li>
					<li><a href="#">Contact</a> /</li>
					<li><a href="#">Icons by IconDock</a></li>
				</ul>
				<!-- end footer nav -->
				
				<ul class="social_profiles reset_style">
					<li><a href="#"><img title="By mail" src="images/icons/social_profiles/16/email.png"></a></li>
					<li><a href="#"><img title="My Facebook account" src="images/icons/social_profiles/16/facebook.png"></a></li>
					<li><a href="#"><img title="My Flickr account" src="images/icons/social_profiles/16/flickr.png"></a></li>
					<li><a href="#"><img title="My Twitter account" src="images/icons/social_profiles/16/twitter.png"></a></li>
					<li><a href="#"><img title="RSS feed" src="images/icons/social_profiles/16/rss.png"></a></li>
				</ul>
				<!-- end social profiles nav -->
			</div>
		</div>
		<!-- end actual footer -->
	</div>
	<!-- end footer container -->
</div>
<!-- end wrapper -->
</body>
</html>
A voir également:

7 réponses

Réponse 1 / 7
olivierrobins Messages postés 225 Date d'inscription lundi 17 janvier 2011 Statut Membre Dernière intervention 26 janvier 2012 49
4 févr. 2011 à 08:50
Est-ce que le problème a été résolu? Car je regarde les deux pages et le menu est en haut à droite sur les deux.
0
Réponse 2 / 7
Pazoo
4 févr. 2011 à 10:32
Bonjour,
non le probleme n est pas resolu et c'est etrange que vous voyez le block a droite sur les 2 pages.
Sur mon pc,mon portable et les ordinateurs du lycee je vois le block de la 2eme page tout en bas :O
0
Réponse 3 / 7
olivierrobins Messages postés 225 Date d'inscription lundi 17 janvier 2011 Statut Membre Dernière intervention 26 janvier 2012 49
4 févr. 2011 à 10:48
On parle bien de la même chose? Le menu de navigation avec les boutons Accueil, Promotions, Stuff, Contact ?
Est-ce que je pourrais voir une capture d'écran du problème?
0
Réponse 4 / 7
Pazoo
4 févr. 2011 à 13:02
Etant actuellement sur mon portable il va etre difficile de faire une capture d ecran.
Mais sur la page http://kevin.frelaud.free.fr/v2 il y a un menu a droite avec un iframe facebook, qui est tout en bas sur la page suivante blog.php
0
olivierrobins Messages postés 225 Date d'inscription lundi 17 janvier 2011 Statut Membre Dernière intervention 26 janvier 2012 49
Modifié par olivierrobins le 4/02/2011 à 15:00
ah ok, je vois maintenant. En effet, les blocs gris se placent aussi en bas sur mon écran. J'ai regardé le code mais je ne vois pas où le problème peut se situer. Il faudrait éventuellement comparer le code complet des deux pages ligne par ligne, et voir s'il manque un bout ou s'il y a une div en trop.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
pazoo
4 févr. 2011 à 15:24
Eh bien je t'avouerais que je cherche depuis ce matin et je trouve pas !

Voici 1 page ou cela s'affiche bien 
	<div class="clear"></div>
			<!-- clears floted logo & nav -->
			
			<div id="page_title">
				<ul class="breadcrumb_nav">
					<li><a href="#">Accueil</a></li>
					<li><a href="#">Articles</a></li>
				</ul>
				<h1>Article</h1>
			</div>
			<!-- end page title -->
		</div>
		<!-- end header (940px width) --> 
	</div>
	<!-- end header container (100% width) -->
	
	<div id="body_content">
		<div id="content" class="has_sidebar left">
		
			<div id="sgl_post">
				<div class="post_info_image">
					<ul class="post_info">
						<li><span class="comment_icon">0</span></li>
						<li><span class="date_icon">01.02.2011</span></li>
						<li><span class="author_icon">Kévin</span></li>
					</ul>
					<!-- end post information -->
					
					<div class="post_image_container">
						<img src="images/singlepost_image.jpg" width="486" alt="Xero Theme" class="post_image">
						<!-- end post image -->
					</div>
					<!-- end post image container -->
				</div>
				<!-- end post information and image container -->
				
					<!-- end post categories -->
				
				<h2 class="post_title">Les 3 Nouveaux partenaires de PromoBmx</h2>
				<!-- end post title -->

				<div class="post_content">
					<p>		Un petit message pour vous donner des nouvelles !<br>
			Promobmx à 3 nouveaux partenaires !<p>
			Un grand merci à <a href="http://soulbmxmag.com/soul/1.News/2011/01/31/4602">Soul Bmx</a> pour leur soutien, leur petit article et leur lien vers promobmx !<p>
			<div style="text-align:center;"><img src="http://frelaud.kevin.free.fr/images/soul.jpg"></img></div>
			<p>
			En ce qui concerne les shops, <a href="https://propegon.com/">la cremerie</a> devient notre partenaire et vous retrouverez leurs promotions très prochainement, à suivre donc !<br>
			<div style="text-align:center;"><img src="http://bmx.agoride.com/docs/img_contenu/000203/la_cremerie_Bmx_News_020224_g.gif"></img></div>
			Merci à eux pour le soutien et leur news pour promobmx !!
			<blockquote>Situé en plein coeur de Paris, au 49 rue Albert Thomas, Paris 10eme, nous vous proposons tout types d'accessoires et pièces nécessaires pour customiser votre BMX. 
Vous cherchez une marque précise ? De Subrosa, en passant par Delux, Eastern bikes, ou encore Twenty et bien d'autres, vous trouverez surement votre bonheur dans notre boutique ou sur notre site internet.

Alors n'hésitez plus ! A partir de 100€ d'achat, les frais de port vous sont offerts !</blockquote>

Et puisque le dicton dit 'jamais 2 sans 3' , <a href="http://www.bmxtrem-shop.com/ ">Bmxtrem-shop</a> adhère à promobmx et affichera ses promotions !
<blockquote>Nouveau shop en ligne   http://www.bmxtrem-shop.com/ , des promos et des bons plans régulièrement.Tout pour les riders 100% BMX!!!</blockquote>
<div style="text-align:center;"><img src="http://frelaud.kevin.free.fr/images/bmxt1.jpg"></img></div>
<p>
Merci à tous pour votre fidélité, vos messages font vraiment plaisir !<br>
Sachez que je suis actuellement sur la Version 2 du site, qui devrait être meilleure en tout points, Restez connecté !</p>

					
				</div>
				<!-- end post content -->
				
				<div class="post_widgets">
					<div class="post_share">
						<h3>Partage cet article</h3>
						<ul class="share_icons">
							<li><a href="https://fr-fr.facebook.com/"><img width="38" src="images/icons/social_profiles/32/facebook.png" alt=""></a></li>
							<li><a href="https://twitter.com/"><img width="38" src="images/icons/social_profiles/32/twitter.png" alt=""></a></li>
						</ul>
					</div>
					<!-- end post share -->
					
					<div id="author_bio_container">
						<img src="images/global/avatar_small.png" id="author_avatar" alt="">
						<!-- end author avatar 40x40 -->
						
						<div id="author_bio">
							<h4 class="author_name">Par Kévin</h4>
							<!-- author name -->
							
							<p>Passez la souris sur l'image pour en savoir plus sur l'auteur.</p>
							<!-- author bio message -->
						</div>
						<!-- end author bio -->

						<div id="bio" class="bio_tooltip">
							<p class="noBottomMargin">Kévin de PromoBmx.<br> Merci aux shops qui me soutiennent.<br>Merci à Poiss pour sa motivation pour rider (haha) et à vous pour vos connexions régulières</p>
														
							<ul class="button_array">
								<li><a class="small_button" href="https://www.facebook.com/login/?next=https%3A%2F%2Fwww.facebook.com%2FSm0oZ">Facebook</a></li>
								<li><a class="small_button" href=mailto:"kevin.frelaud@gmail.com">Contact</a></li>
							</ul>
								
						</div>
						<!-- end actual author bio -->						
					</div>
					<!-- end author bio container -->
				</div>
				
				<div class="comments">
					<h2>3 Commentaires</h2>
					
					<ul id="comments_container">
						<li>
							<div class="comment_container">
								<a href="#" class="commentor_avatar"><img src="images/global/avatar_large.png" alt=""></a>
								<!-- end commentor avatar 80x80 -->
								
								<div class="comment">
									<ul class="comment_author_date">
										<li><h4 class="commentor_name">Taha Hesham</h4></li>
										<!-- end comment auhtor info -->
										
										<li><span class="posted_on">24 May, 2010 at 2:00 am</span></li>
										<!-- end comment date time -->
									</ul>
									<!-- end comment info -->
									
									<div class="comment_content">
										Suspendisse quam ipsum, congue ac rutrum sit amet, commodo eget magna. Aliquam hendrerit nisi in nisl volutpat blandit. Nam vehicula placerat nibh, ornare hendrerit turpis bibendum id. Aenean ut magna eu magna euismod ultricies a in sapien. Donec euismod blandit varius. Curabitur tincidunt condimentum ante in tincidunt.
									</div>
									<!-- end comment content -->
									
									<a href="#" class="reply_button">Promobmx</a>
									<!-- end reply button -->
								</div>
								<!-- end comment body -->
							</div>
							<!-- end single comment conmtainer -->
							
					
							<!-- end child comments container -->
						</li>
						<li>
							<div class="comment_container">
								<a href="#" class="commentor_avatar"><img src="images/global/avatar_large.png" alt=""></a>
								<!-- end commentor avatar 80x80 -->
								
								<div class="comment">
									<ul class="comment_author_date">
										<li><h4 class="commentor_name">Ké</h4></li>
										<!-- end comment auhtor info -->
										
										<li><span class="posted_on">03.02.2011 à 12:04 </span></li>
										<!-- end comment date time -->
									</ul>
									<!-- end comment info -->
									
									<div class="comment_content">
										Vous pouvez dès à présent poster des commentaires ;)
									</div>
									<!-- end comment content -->
									
									<a href="#" class="reply_button">Promobmx</a>
									<!-- end reply button -->
								</div>
								<!-- end comment body -->
							</div>
							<!-- end single comment conmtainer -->
						</li>
					</ul>
					<!-- end comments container -->

					<ul class="pagination">
						<li><a href="#" class="large_button">«</a></li>
						<li><a href="#" class="large_button current">1</a></li>
						<li><a href="#" class="large_button">2</a></li>
						<li><a href="#" class="large_button">»</a></li>
					</ul>
					<!-- end pagination -->
					
					
					<div id="comment_form_container">
						<h2>Poster un commentaire</h2>
						<form action="" id="comment_form">
						
							<label for="comment_form_name" class="auto_clear">Prénom</label>
							<input type="text" name="comment_form_name" id="comment_form_name">
							
							<label for="comment_form_email" class="auto_clear">Email</label>
							<input type="text" name="comment_form_email" id="comment_form_email">
							
							<label for="comment_form_website" class="auto_clear">Site Web</label>
							<input type="text" name="comment_form_website" id="comment_form_website">
							
							<label for="comment_form_comment" class="auto_clear">Votre commentaire</label>
							<textarea name="comment_form_comment" id="comment_form_comment" cols="30" rows="10"></textarea>
							
							<input class="submit" type="submit" value="Commenter" id="comment_form_submit" name="comment_form_submit">
						</form>
						<!-- end comment form -->
					</div>
					<!-- end comment form container -->
				</div>
				<!-- end comments -->
			</div>
			<!-- end sgl post -->
		</div>
		<!-- end content -->
		
		<div id="sidebar" class="right">
		
			<form action="" id="search_widget">
				<label for="search_field" class="auto_clear">Search...</label>
				<!-- end auto clear label -->
				
				<input type="text" name="search_field" id="search_field">
				<!-- end search field -->
				
				<input type="submit" name="search_submit" id="search_submit" value="">
				<!-- end search submit -->
			</form>
			<!-- end search form -->
			
				<div class="inline_content_widget">
				<h3 class="widget_title">
					Like PromoBmx!
				</h3>
				<!-- end widget title -->
				
				<div class="widget_content">
			<iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FProm0-Bmx%2F182376051778992%3Fv%3Dpage_getting_started&%3Bwidth=292&%3Bcolorscheme=light&%3Bconnections=10&%3Bstream=true&%3Bheader=true&%3Bheight=587" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:284px; height:591px;" allowTransparency="true"></iframe>
					
				</div>
				<!-- end widget content --> 
			</div>
			<!-- end widget -->
			
			<div class="tabbed_widget">
				<ul class="widget_tabs">
					<li><a href="#tab1"><span><small>Kesako</small></span></a></li>
					<li><a href="#tab2"><span><small>Partenaires</small></span></a></li>
				</ul>
				<!-- end tabs heads -->
				
				<div class="widget_tabs_content">
					<div class="tab_content">
						<h3>Introduction</h3>
						<img src="images/content_widget.jpg" width="126" class="alignright" alt=""> Quisque sapien odio, malesuada vel hendrerit in, pellentesque vitae erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi elementum vulputate porttitor. Fusce sed metus in nisi facilisis malesuada. Curabitur volutpat hendrerit enim, eget rutrum massa semper in. Sed tristique, augue sit amet aliquam pharetra.
					</div>
					<!-- end tab 1 content -->
					
					<div class="tab_content">
						<h3>Categories</h3>
						<ul>
							<li><a href="#">Web design</a></li>
							<li><a href="#">Branding</a></li>
							<li><a href="#">Some category</a></li>
							<li><a href="#">Another one</a></li>
							<li><a href="#">Final one</a></li>
						</ul>
					</div>
					<!-- end tab 2 content -->
				</div>
				<!-- end tabs content -->
			</div>
			<!-- end widget --> 
			
		</div>
		<!-- end sidebar -->
	</div>


Si jamais tu as la motivation de chercher avec moi .

CDT Kévin, merci pour ton aide
0
Réponse 6 / 7
olivierrobins Messages postés 225 Date d'inscription lundi 17 janvier 2011 Statut Membre Dernière intervention 26 janvier 2012 49
4 févr. 2011 à 21:24
Je crois que j'ai trouvé. A un endroit tu as ce bout de code:


<div class="clear"></div></div>
<!-- end content -->

<div class="right" id="sidebar">

<form id="search_widget" action="">
<label class="auto_clear" for="search_field" style="display: none;">Search...


Il manque une balise /div juste après end content -->

Donc ça:
--------------------------------
<div class="clear"></div></div>
<!-- end content -->

<div class="right" id="sidebar">
------------------------------------

devient ça:
----------------------------------------

<div class="clear"></div></div>
<!-- end content -->
</div>

<div class="right" id="sidebar">
------------------------------------
(sans les traitillés..)

J'espère que ça marchera, en testant ici en tout cas ça avait l'air efficace.

Olivier
0
Réponse 7 / 7
Pazoo
5 févr. 2011 à 01:10
Je me suis servit se la page de base en faisant attention de bien reapecter les classes et d inserer le php a linterieur et cela fonctionne, je mettrais le bout de code des demain pour comparer nos resultats !
En tout cas un grand merci a toi pour ton aide !
0

Discussions similaires

réparation de fichiers .dwg (AutoCAD)
moukengue -
dan12 -

33 réponses
Fichier dessin incorrect
joellesteph -
emily064 -

6 réponses
Code CAPTCHA toujours incorrect
Utilisateur anonyme -
sebso37 -

8 réponses
Les meilleurs places bercy / accor hotel arena
sisi -
baladur13 -

8 réponses