Problème de mise en page

Fermé
Marinou - 2 juin 2012 à 19:00
bik225 Messages postés 387 Date d'inscription dimanche 31 juillet 2011 Statut Membre Dernière intervention 31 août 2017 - 3 juin 2012 à 10:08
Bonjour,
Je suis actuellement en 1ère année d'infographie et je dois réaliser un site web dans le cadre du cours WEB et Multimédia. J'ai repris un template de internet et j'ai modifié le code source html et css le problème c'est que quand je veux ouvrir mon code avec safari, je retrouve mon html mais pas la mise en page (css). Comment ça se fait?
Je vous mets ci-joint mon code au cas où j'aurais fait une faute de frappe...

Encore un grand merci si vous savez m'aider!!

Au cas où, je suis en Mac OS X 10.4.11 , mon programme de lecture html est smultron





<!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="Le Resto.html">Notre Restaurant</a></li>
<li><a href="Menu.html">Notre Carte</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>
<h2><a href="#">Venez découvrir notre nouveau Restaurant Grec!</a></h2>
<p>A l'ouverture de notre nouveau restaurant grec, nous avons le plaisir de vous emmener en plein coeur de la Grèce avec ses spécialités et breuvages bien de chez eux!</p>
<p> Laisser vous entrer dans le domaine de la mythologie antique et surprenez-vous avec les plus belles oeuvres d'Art grecques.
<p> En complément, nous avons le privilège d'avoir de jeunes artistes qui exposent dans notre restaurant! N'attendez-plus,venez nous voir, nous vous attendons avec impatience!
</article>

<article>
<h2><a href="#">Quelques unes de nos suggestions</a></h2>
<div class="col1">
<img src="img/Image1.jpg" alt="" />
<p>Salade de poulet grillé à la grecque.L'une de nos spécialités!</p> </div>

<div class="col2">
<img src="img/Image2.jpg" alt="" />
<p>Admirez notre merveilleux panthéon grec et ses splendides lumières le soir.</p>
</div>

<div class="col3">
<img src="img/Resto3.jpg" alt="" />
<p>Une panoplie de statues et tableaux sont à votre disposition dans le restaurant.N'hésitez pas à les regarder!.</p>
</div>
</article>

<article>
<h2><a href="#">Pour l'inauguration de l'ouverture du Coin d'Athéna</a></h2>
<p>Pour inaugurer notre nouveau restaurant, profitez de nos offres sur les vins et autres dégustations les deux premières semaines qui suive l'ouverture et à l'occasion d'annivervaires, mariages ou autres évênements, recevez une bouteille de champagne offerte par la maison! Qu'est-ce que vous attendez? Foncez nous voir!.</p>
</article>

</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/</a></p>
<br />
</footer>

</div><!-- #wrapper -->
<!-- Free template created by http://freehtml5templates.com -->
</body>
</html>



A voir également:

1 réponse

bik225 Messages postés 387 Date d'inscription dimanche 31 juillet 2011 Statut Membre Dernière intervention 31 août 2017 72
3 juin 2012 à 10:08
Est-ce que quand tu l'ouvre avec d'autres navigateurs tu a la page normale?
Si ce n'est pas le cas, surement que tu a mis tes CSS dans un dossier que tu a oublier de spécifier dans le code ^^
0