Sujet Précédent Sujet Suivant

Problème de page !

Fermé
NOOB-INFORMATIQUE Messages postés 11 Date d'inscription dimanche 8 décembre 2013 Statut Membre Dernière intervention 11 décembre 2013 - 8 déc. 2013 à 22:06
NOOB-INFORMATIQUE Messages postés 11 Date d'inscription dimanche 8 décembre 2013 Statut Membre Dernière intervention 11 décembre 2013 - 8 déc. 2013 à 22:11
Bonjour, voici mon probléme: http://image.noelshack.com/fichiers/2013/49/1386536698-sans-titre-1.png

met j'ai vue que si je dé zoome la page les images se position nikel ! T'ou vient le probléme ?

Merci a ceux qui m'aide !!
A voir également:

1 réponse

Réponse 1 / 1
GrifOli Messages postés 2111 Date d'inscription samedi 28 juin 2008 Statut Membre Dernière intervention 26 mars 2020 591
8 déc. 2013 à 22:08
Bonjour,

Ça irait mieux si on avait ton code html (et css si tu en as).
0
NOOB-INFORMATIQUE Messages postés 11 Date d'inscription dimanche 8 décembre 2013 Statut Membre Dernière intervention 11 décembre 2013 1
8 déc. 2013 à 22:11
Dacc :)

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>ILLIMITE-RAP</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
================================================== -->
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">
<link rel="stylesheet" href="stylesheets/flexslider.css">
<link rel="stylesheet" href="stylesheets/prettyPhoto.css">

<!-- CSS
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/scripts.js"></script>

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body class="wrap">



<!-- Primary Page Layout
================================================== -->

<header id="header" class="site-header" role="banner">
<div id="header-inner" class="container sixteen columns over">
<hgroup class="one-third column alpha">
<h1 id="site-title" class="site-title">
<a href="index.html" id="logo"><img src="images/icebrrrg-logo.png" alt="Icebrrrg logo" height="64" width="281" /></a>
</h1>
</hgroup>
<nav id="main-nav" class="two thirds column omega">
<ul id="main-nav-menu" class="nav-menu">
<li id="menu-item-1" class="current">
<a href="index.html">ACCUEIL</a>
</li>
<li id="menu-item-2">
<a href="three-column.html">NEW</a>
</li>
<li id="menu-item-3">
<a href="sidebar-right.html">RAP ANGLAIS</a>
</li>
<li id="menu-item-4">
<a href="sidebar-left.html">RAP FRANCAIS</a>
</li>
<li id="menu-item-5"></li>
<li id="menu-item-6">
<a href="contact.html">CONTACTEZ MOI</a>
</li>
</ul>
</nav>
</div>
</header>

<div class="container">

<div class="sixteen columns">
<div class="tagline">
<font size="3"><p>Bonjour cher visiteur ! Vous êtes sur le site de <font color="red"><u>ILLIMITE-RAP</u></font> ! Vous trouverez sur se site, TOUS les albums de n'importe qu'elle rappeur français ou anglais !

</p>
<p><font color="slategray">TOUS LES ALBUMS SONT DE TRES BONNE <font color="red"><u>QUALITE SONNORE</u></font> ET SONT <font color="lime"><u>GRATUIT</u></font> !</font></p>
</font></div>

</div><!-- container -->

<hr>
<section class="container">
<article id="photo-item-1" class="feature-column one-third column">
<div class="featured-image img-wrapper">
<a href="images/iceberg1.jpg" class="img-link" title="Photo Item 1">
<img src="RAP FRANCAIS/Niro/niro-paraplegique.jpg" alt="Random Iceberg Photo" width="302" height="300" class="scale-with-grid"></a>
</div>

<h4><a href="#"><i><center>NIRO: <u>PARAPLEGIQUE</u></center></i></a></h4>
<p>This is where you can show off your awesome photography.</p>

</article>

<article id="photo-item-2" class="feature-column one-third column">
<div class="featured-image img-wrapper">
<a href="images/iceberg2.jpg" class="img-link" title="Photo Item 1">
<img src="RAP FRANCAIS/BLACK M/564255_10152.jpg" alt="Random Iceberg Photo" width="302" height="303" class="scale-with-grid"></a>
</div>
<center><h4><a href="#"><i>BLACK M: <u>Les Yeux Plus Gros Que le Monde</u></i></a></h4></center>
<p>This is where you can show off your awesome photography.</p>
</article>

<article id="photo-item-3" class="feature-column one-third column">
<div class="featured-image img-wrapper">
<a href="images/iceberg3.jpg" class="img-link" title="Photo Item 1">
<img src="RAP FRANCAIS/Bilel/bilel-laisser-passer-l-artiste.jpg" alt="Random Iceberg Photo" width="302" height="304" class="scale-with-grid"></a>
</div>
<center>
<h4><a href="#"><i>BILEL: <u>Laisse Passer L'artiste</u></i></a></h4></center>
<p>This is where you can show off your awesome photography.</p>
</article>
<article id="photo-item-4" class="feature-column one-third column">
<img src="RAP FRANCAIS/Niro/niro-paraplegique.jpg" alt="Random Iceberg Photo" width="302" height="300" class="scale-with-grid"></a>
<h4>
<center>
<a href="#"><i>NIRO: <u>PARAPLEGIQUE</u></i></a>
</center>
</h4>
<p>This is where you can show off your awesome photography.</p>
</article>
<article id="photo-item-5" class="feature-column one-third column">
<div class="featured-image img-wrapper"> <a href="images/iceberg2.jpg" class="img-link" title="Photo Item 1"> <img src="RAP FRANCAIS/BLACK M/564255_10152.jpg" alt="Random Iceberg Photo" width="302" height="303" class="scale-with-grid"></a> </div>
<center>
<h4><a href="#"><i>BLACK M: <u>Les Yeux Plus Gros Que le Monde</u></i></a></h4>
</center>
<p>This is where you can show off your awesome photography.</p>
</article>
<article id="photo-item-6" class="feature-column one-third column">
<div class="featured-image img-wrapper"> <a href="images/iceberg3.jpg" class="img-link" title="Photo Item 1"> <img src="RAP FRANCAIS/Bilel/bilel-laisser-passer-l-artiste.jpg" alt="Random Iceberg Photo" width="302" height="304" class="scale-with-grid"></a> </div>
<center>
<h4><a href="#"><i>BILEL: <u>Laisse Passer L'artiste</u></i></a></h4>
</center>
<p>This is where you can show off your awesome photography.</p>
</article>
<article class="feature-column one-third column"></article>
</section>
<!-- container -->

<hr>

<section class="container recent-posts">

<aside class="eight columns">
<h4>Latest Blog Entries</h4>

<article class="eight columns alpha">

<div class="two columns alpha">
<div class="featured-image img-wrapper">
<img src="images/iceberg1.jpg" class="scale-with-grid thumb-link" alt="Another damn iceberg!">
</div>
</div>

<div class="six columns omega">
<header>
<h3><a href="#">10 Reasons Why Icebrrrg Is Really Cool</a></h3>
<div class="meta">
<span class="post-date">by <strong>Open Designs</strong> on <strong>August 27th, 2012</strong></span>
</div>
</header>
<p>If you're new to Icebrrrg, then this list will undoubtedly make you nod your head, smile, and say, "Cool." True story. (By the way, there is no article. This is for demonstration purposes!)</p>
</div>

</article>

</aside>

<aside class="eight columns">
<div class="four columns alpha">
<h4>Features</h4>
<ul class="square">
<li>Responsive 960 grid</li>
<li>Clean, minimalist design</li>
<li>HTML5 & CSS3</li>
<li>Easy-to-use</li>
</ul>
</div>

<div class="four columns alpha">
<h4>More features</h4>
<ul class="circle">
<li>Responsive slider</li>
<li>PrettyPhoto lightbox</li>
<li>Multiple layouts</li>
<li>HD penguin photos</li>
</ul>
</div>
</aside>

<aside class="eight columns clear">

<article class="eight columns alpha">

<div class="two columns alpha">
<div class="featured-image img-wrapper">
<img src="images/iceberg2.jpg" class="scale-with-grid thumb-link" alt="Another damn iceberg!">
</div>
</div>

<div class="six columns omega">
<header>
<h3><a href="#">10 More Reasons Why Icebrrrg Is Really Cool</a></h3>
<div class="meta">
<span class="post-date">by <strong>Open Designs</strong> on <strong>August 27th, 2012</strong></span>
</div>
</header>
<p>If you're still new to Icebrrrg, what the heck is wrong with you? This list WILL make you nod your head, smile, and say, "Cool." True story. (Still no article...)</p>
</div>

</article>

</aside>

<aside class="eight columns">

<blockquote class="testimonial">
Icebrrrg is so pretty and easy to use it makes you feel like you can do anything. Even fly. Which for me, is huge!
<cite>A Daredevil Penguin</cite>
</blockquote>

</aside>

</section>

</div>

<footer>

<div class="footer-inner container">


<div class="social footer-columns one-third column">
<h2><i class="icon-bullhorn icon-large"></i> Get Social</h2>
<p>Want to stalk us? That would be super:</p>
<ul>
<li><a href="https://twitter.com/opendesigns/"><i class="icon-twitter-sign icon-large"></i> Twitter</a></li>
<li><a href="https://www.facebook.com/opendesigns"><i class="icon-facebook-sign icon-large"></i> Facebook</a></li>
<li><a href="https://accounts.google.com/ServiceLogin?passive=1209600&osid=1&continue=https://plus.google.com/110224753971231624818/posts&followup=https://plus.google.com/110224753971231624818/posts"><i class="icon-google-plus-sign icon-large"></i> Google+</a></li>
</ul>
</div>

<div class="footer-columns one-third column">
<h2><i class="icon-book icon-large"></i> License</h2>
<p>Icebrrrg is free under the <a href="http://creativecommons.org/licenses/by/3/">CC3.0 license</a>, which means you can do whatever the heck you like with it - even using it commercially. All you have to do is leave the "Design by OD" credit link in the footer intact. Cool?</p>

</div>

<div class="footer-columns one-third column">
<h2><i class="icon-user icon-large"></i> About Us</h2>
<p>This is where you tell the world how awesome you are. Us? We're Open Designs, a community of web designers offering free templates and resources to people like you to use on your own websites. We love design, code and tinkering. What do you love?</p>
</div>

</div>

<div id="footer-base">
<div class="container">
<div class="eight columns">
Your Cool Site Name © 2012
</div>

<div class="eight columns far-edge">
Design by <a href="http://www.opendesigns.org">OD</a>
</div>
</div>
</div>

</footer>

<!-- End Document
================================================== -->

<script src="js/jquery.prettyPhoto.js"></script>
</body>
</html>

--------------------------------------------------------------------------------------------------------------------------------

Après j'ai pas CSS j'ai que code jquery et styleheets .
0

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page
ETHAN -
Willzac -

19 réponses
[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses