Pb dans le code source?
marinou
-
marinou -
marinou -
Bonjour,
Je dois faire un site web dans le cadre de mes études seulement j'ai un petit problème, je ne parviens pas au niveau de ma page gallerie, à placer mes images les unes à la suite des autres, elles se mettent automatiquement en dessous à chaque fois ce qui ne rend la page vraiment pas jolie! J'ai du me tromper dans mon code source mais je ne vois pas où...
Je vous mets ci joint mon code source en espèrant que quelqu'un pourra m'aider
Ah oui! j'ai repris mon template du site freehtml5templates.com si jamais ça peut aider..
<!Doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Le Coin D'Athéna</title>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div id="wrapper"><!-- #wrapper -->
<header><!-- header -->
<h1> <img src="img/icone.png"<a href="#">Le Coin D'Athéna</a></h1>
<h2>Spécialités Grecques</h2>
<img src="img/fond.jpg" width="940" height="200" alt=""><!-- header image -->
</header><!-- end of header -->
<nav><!-- top nav -->
<div class="menu">
<ul>
<li><a href="Acceuil.html">Acceuil</a></li>
<li><a href="Gallerie.html">Photos</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</div>
</nav><!-- end of top nav -->
<section id="main"><!-- #main content and sidebar area -->
<section id="content"><!-- #content -->
<article>
<div id="content" class="cf">
<div class="container">
<div class="presentation colonne">
<h1>Nos photos</h1>
<p>C'est ici que nous avons repris quelque unes de nos oeuvres et sculptures présentes dans notre restaurant! Elles n'y sont pas toutes,il y en a encore bien d'autres!</p>
</div><!-- end presentation -->
<p><div class="work-projet">
<div class="projet">
<a rel="shadowbox[web]" href="img/Photo1.jpg">
<img src="img/Photo1.jpg" alt="responsive webdesign" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Photo2.jpg">
<img src="img/Photo2.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Photo5.jpg">
<img src="img/Photo5.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Resto2.jpg">
<img src="img/Resto2.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Photo6.jpg">
<img src="img/Photo6.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Resto3.jpg">
<img src="img/Resto3.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Photo10.jpg">
<img src="img/Photo10.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Resto5.jpg">
<img src="img/Resto5.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Image Athèna.jpg">
<img src="img/Image Athèna.jpg" alt="description" />
</a>
</div>
</div><!-- end presentation -->
</div><!-- end container-->
</section><!-- end of #content -->
<aside id="sidebar"><!-- sidebar -->
<h3>Nos possibilités</h3>
<ul>
<li><a href="#">Offres</a></li>
<li><a href="#">réductions Famille nombreuse</a></li>
<li><a href="#">Réductions évênementielles</a></li>
<li><a href="#">Groupes</a></li>
<li><a href="#">Panthéon</a></li>
<li><a href="#">Desserts</a></li>
</ul>
<h3>Me contacter</h3>
<ul>
<li><a href="https://secure.skype.com/account/intl/fr/">Skype</a></li>
<li><a href="https://www.facebook.com/marine.delforge.1?ref=tn_tnmn">Facebook</a></li>
<li><a href="https://profile.live.com/cid-d5bb4fb1fcd9e48c/">Messenger</a></li>
</ul>
</aside><!-- end of sidebar -->
</section><!-- end of #main content and sidebar-->
<footer>
<br />
<p>© <a href="http://freehtml5templates.com">http://freehtml5templates.com/</a></p>
<br />
</footer>
</div><!-- #wrapper -->
<!-- Free template created by http://freehtml5templates.com -->
</body>
</html>
Je dois faire un site web dans le cadre de mes études seulement j'ai un petit problème, je ne parviens pas au niveau de ma page gallerie, à placer mes images les unes à la suite des autres, elles se mettent automatiquement en dessous à chaque fois ce qui ne rend la page vraiment pas jolie! J'ai du me tromper dans mon code source mais je ne vois pas où...
Je vous mets ci joint mon code source en espèrant que quelqu'un pourra m'aider
Ah oui! j'ai repris mon template du site freehtml5templates.com si jamais ça peut aider..
<!Doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Le Coin D'Athéna</title>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div id="wrapper"><!-- #wrapper -->
<header><!-- header -->
<h1> <img src="img/icone.png"<a href="#">Le Coin D'Athéna</a></h1>
<h2>Spécialités Grecques</h2>
<img src="img/fond.jpg" width="940" height="200" alt=""><!-- header image -->
</header><!-- end of header -->
<nav><!-- top nav -->
<div class="menu">
<ul>
<li><a href="Acceuil.html">Acceuil</a></li>
<li><a href="Gallerie.html">Photos</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</div>
</nav><!-- end of top nav -->
<section id="main"><!-- #main content and sidebar area -->
<section id="content"><!-- #content -->
<article>
<div id="content" class="cf">
<div class="container">
<div class="presentation colonne">
<h1>Nos photos</h1>
<p>C'est ici que nous avons repris quelque unes de nos oeuvres et sculptures présentes dans notre restaurant! Elles n'y sont pas toutes,il y en a encore bien d'autres!</p>
</div><!-- end presentation -->
<p><div class="work-projet">
<div class="projet">
<a rel="shadowbox[web]" href="img/Photo1.jpg">
<img src="img/Photo1.jpg" alt="responsive webdesign" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Photo2.jpg">
<img src="img/Photo2.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Photo5.jpg">
<img src="img/Photo5.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Resto2.jpg">
<img src="img/Resto2.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Photo6.jpg">
<img src="img/Photo6.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Resto3.jpg">
<img src="img/Resto3.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Photo10.jpg">
<img src="img/Photo10.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Resto5.jpg">
<img src="img/Resto5.jpg" alt="description" />
</a>
</div>
<div class="projet">
<a rel="shadowbox[web]" href="img/Image Athèna.jpg">
<img src="img/Image Athèna.jpg" alt="description" />
</a>
</div>
</div><!-- end presentation -->
</div><!-- end container-->
</section><!-- end of #content -->
<aside id="sidebar"><!-- sidebar -->
<h3>Nos possibilités</h3>
<ul>
<li><a href="#">Offres</a></li>
<li><a href="#">réductions Famille nombreuse</a></li>
<li><a href="#">Réductions évênementielles</a></li>
<li><a href="#">Groupes</a></li>
<li><a href="#">Panthéon</a></li>
<li><a href="#">Desserts</a></li>
</ul>
<h3>Me contacter</h3>
<ul>
<li><a href="https://secure.skype.com/account/intl/fr/">Skype</a></li>
<li><a href="https://www.facebook.com/marine.delforge.1?ref=tn_tnmn">Facebook</a></li>
<li><a href="https://profile.live.com/cid-d5bb4fb1fcd9e48c/">Messenger</a></li>
</ul>
</aside><!-- end of sidebar -->
</section><!-- end of #main content and sidebar-->
<footer>
<br />
<p>© <a href="http://freehtml5templates.com">http://freehtml5templates.com/</a></p>
<br />
</footer>
</div><!-- #wrapper -->
<!-- Free template created by http://freehtml5templates.com -->
</body>
</html>
A voir également:
- Pb dans le code source?
- Code ascii - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Code blocks - Télécharger - Langages
1 réponse
Essaies
.projet {
float:left;
margin-right:10px; /* Juste pour l'espace */
}
.projet {
float:left;
margin-right:10px; /* Juste pour l'espace */
}
marinou
je le place où ça? merci bcp de m'aider
aladin07
Messages postés
277
Date d'inscription
Statut
Membre
Dernière intervention
30
Et bien ouvre ton fichier CSS cherche .projet { ... } Si tu trouve pas, ajoute le
marinou
mercii beaucoup!
