Sujet Précédent Sujet Suivant

Pb dans le code source?

Fermé
marinou - 11 juin 2012 à 14:52
 marinou - 11 juin 2012 à 15:18
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>


A voir également:

1 réponse

Réponse 1 / 1
aladin07 Messages postés 277 Date d'inscription vendredi 13 avril 2012 Statut Membre Dernière intervention 30 septembre 2012 30
11 juin 2012 à 15:01
Essaies

.projet {
float:left;
margin-right:10px; /* Juste pour l'espace */
}
0
marinou
11 juin 2012 à 15:06
je le place où ça? merci bcp de m'aider
0
aladin07 Messages postés 277 Date d'inscription vendredi 13 avril 2012 Statut Membre Dernière intervention 30 septembre 2012 30
11 juin 2012 à 15:11
Et bien ouvre ton fichier CSS cherche .projet { ... } Si tu trouve pas, ajoute le
0
marinou
11 juin 2012 à 15:18
mercii beaucoup!
0

Discussions similaires

code ascii
Thomas13_9924 -
Dalfab -

2 réponses
Code de renvoi d'appel : Ooredo, Mobilis...
midoou07 -
Camille -

13 réponses
sertissage des cables rj45
lekludo -
brupala -

7 réponses
Réinitialisation d'un téléphone mobile chinois avec touche
Nadjitam -
Papounet17000 -

1 réponse