xander18
Messages postés68Date d'inscriptiondimanche 24 février 2013StatutMembreDernière intervention21 janvier 2015
-
Modifié par xander18 le 28/12/2013 à 00:56
xander18
Messages postés68Date d'inscriptiondimanche 24 février 2013StatutMembreDernière intervention21 janvier 2015
-
28 déc. 2013 à 00:59
Bonjour,
Voici mon petit problème :
http://img15.hostingpics.net/pics/692472templateerror.jpg
donc vous l'aurez remarqué mes articles lorgne sur mon footer Oo et je n'ai pas trouver d'ou sa venais. J'ai besoin de vos petit yeux plz pour jeté un coup d'oeil a mon code et décelé d'ou cela pourrais provenir merci.
Code HTML :
<!--home page-->
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YA creative web design</title>
<!-- CSS LINK -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- font -->
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900italic' rel='stylesheet' type='text/css'>
<!-- script JS -->
</head>
<body>
<div id="structure">
<header class="header"><!-- Début de mon header qui contiendra mon logo + ma navigation -->
<a href="index.php" class="logo">
<img src="img/logo3.png" alt="logo"/>
</a>
<nav>
<a href="index.php" class="active">Home</a>
<a href="portfolio.php" class="">Portfolio</a>
<a href="blog.php" class="">Blog</a>
<a href="skills.php" class="">Skills</a>
<a href="culture.php" class="">Culture</a>
<a href="contact.php" class="">Contact</a>
</nav>
</header>
<div class="stripes"></div><!--stripes (rayure) de séparation-->
<section class="entitle">
<h2>Blog <span>La valeur d'un homme tient dans sa capacité à donner et non dans sa capacité à recevoir. "Albert Einstein"</span></h2>
</section>
<div class="stripes"></div><!--stripes (rayure) de séparation-->
<section class="main-wrap"><!-- Présentation des différents article -->
<div class="articles">
<h2>Titre de l'article - <span>Date de création</span></h2>
<img src="http://wallnen.com/wp-content/uploads/2013/06/Red-Panda-10-HD-Wallpaper.jpg" alt="" class="articles-img">
<p class="description-articles">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in mi id turpis facilisis tristique. Quisque sed lobortis est. Phasellus aliquet sed elit vel porttitor.
</p>
<a href="#">Lire la suite ?</a>
<p class="author"><span>4 commentaires - </span>Xander - <span>Catégorie : </span>Nature <span>Mots clés : </span>ipsum lorem latin</p>
</div>
<div class="articles">
<h2>Titre de l'article - <span>Date de création</span></h2>
<img src="http://wallnen.com/wp-content/uploads/2013/06/Red-Panda-10-HD-Wallpaper.jpg" alt="" class="articles-img">
<p class="description-articles">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in mi id turpis facilisis tristique. Quisque sed lobortis est. Phasellus aliquet sed elit vel porttitor.
</p>
<a href="#">Lire la suite ?</a>
<p class="author"><span>4 commentaires - </span>Xander - <span>Catégorie : </span>Nature <span>Mots clés : </span>ipsum lorem latin</p>
</div>
<div class="articles">
<h2>Titre de l'article - <span>Date de création</span></h2>
<img src="http://wallnen.com/wp-content/uploads/2013/06/Red-Panda-10-HD-Wallpaper.jpg" alt="" class="articles-img">
<p class="description-articles">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in mi id turpis facilisis tristique. Quisque sed lobortis est. Phasellus aliquet sed elit vel porttitor.
</p>
<a href="#">Lire la suite ?</a>
<p class="author"><span>4 commentaires - </span>Xander - <span>Catégorie : </span>Nature <span>Mots clés : </span>ipsum lorem latin</p>
</div>
</section>
<section class="sidebar-wrap"><!-- Sidebar latéral droite -Derniers messages - Catégorie & Archives -->
<div class="lastmessage">
<h4>Derniers Message</h4>
<ul>
<li><a href="#">Xander dans <span>Apprendre le Html5</span></a>
<li><a href="#">Jenny dans <span>Apprendre le Html5</span></a>
<li><a href="#">Peps dans <span>Apprendre le Html5</span></a>
<li><a href="#">Potatoes dans <span>Apprendre le Html5</span></a>
</li>
</ul>
</div>
<div class="categories">
<h4>Catégories</h4>
<ul>
<li><a href="#">Jeux Vidéos</a>
<li><a href="#">Musiques</a>
<li><a href="#">Programmations</a>
<li><a href="#">Socials Networks</a>
</li>
</ul>
</div>
<div class="archives">
<h4>Archives</h4>
<ul>
<li><a href="#">Janvier 2012</a>
<li><a href="#">Juin 2013</a>
<li><a href="#">Février 2014</a>
<li><a href="#">Octobre 2015</a>
</li>
</ul>
</div>
</section>
</div><!-- fin structure -->
<footer class="footer">
<div class="structure">
<div class="wrap">
<div class="about"><!-- petit bloc A propos pour me décrire -->
<h5>A propos de moi</h5>
<div class="traitfooter"></div>
<p><!--
Je m'appelle Al Akkad Youssef, j'ai commencé le développement web et le web design pour développer un
petit site communautaire et c'est rapidement devenu une vraie vocation. J'aime expérimenter, découvrir et apprendre
au fur et à mesure de mes projets pros et perso.-->
</p>
</div>
<!-- derniers tweets -->
<div class="tweets">
<h5>Mes derniers Tweets</h5>
<div class="traitfooter"></div>
<p>A Venir ...</p>
</div>
<!-- réseaux sociaux -->
<div class="social">
<h5>Retrouvez moi sur les réseaux sociaux</h5>
<div class="traitfooter"></div>
<a href="#" title="Twitter"><img src="img/social/twitter.png" height="32" alt="" /></a>
<a href="#" title="Google plus"><img src="img/social/googleplus.png" height="32" alt="" /></a>
<a href="" title="Facebook"><img src="img/social/facebook.png" height="32" alt="" /></a>
<a href="#" title="Linkedin"><img src="img/social/linkedin.png" height="32" alt="" /></a>
</div>
</div><!-- Fin du Wrap -->
</div>
</footer>
<!-- footer --><!--
<div id="footer">Copyright / Created & Designed by Talal Al akkad (Designer - Graphic Designer) & Youssef Al-akkad (Webmaster)</div>
-->
<!--Script JS -->
</body>
</html>
xander18
Messages postés68Date d'inscriptiondimanche 24 février 2013StatutMembreDernière intervention21 janvier 20152 28 déc. 2013 à 00:51
C'est pas faux; oui désolé pour l'orthographe je suis tellement concentré dans mon travail que j'ai oublier de me relire.
Et oui le pire c'est que j'aurais pue utilisé <article> comme j'ai fait sur mes autres pages XD et le pire c'est que j'avais aussi créer ma class clear both.
Malheureusement, même après un clear sa ne fixe pas le soucis
