Bonjour,
J'ai de grosse différences au niveau des navigateurs Web, genre Opera et Internet explorer.
Malheureusement je n'arrive pas vraiment a pointer les problèmes....
Voici la page en question et sa feuille de style
Merci
Modifié par silence (17 Apr 2013 - 22:56)
J'ai de grosse différences au niveau des navigateurs Web, genre Opera et Internet explorer.
Malheureusement je n'arrive pas vraiment a pointer les problèmes....
Voici la page en question et sa feuille de style
Merci
<body>
<div id="contenuTop">
<div id="banniereTop">
<div class="gauche"><a href="index.html"><img alt="Damdy's" src="images/logo.png" width="180px"></a> </div>
<div class="centre"><h1 class="banniere"><img alt="Damdy's" class="retrait" src="images/titre-logo.png"></h1><h2 class="banniere">Jus d’Fruits, Tartes et Compagnie !</h2></div>
<div class="droite">
<div id="menuAlign">
<a class="menuEven" href="evenements.html">EVENEMENTS</a>
<a class="menuMenu" href="menu.html">MENU</a>
<a class="menuArchi" href="menu.html">ARCHIVE</a>
<a target="_blank" href="https://www.facebook.com/damdy.jusdfruitstarterieetcompagnie"><img alt="facebook Damdy's" class="cube" src="images/facebook.png"></a>
<a href="contact.html"><img alt="Formulaire de contact Damdy's" class="cube" src="images/mail.png"></a>
</div>
<a href="#" onclick="carrousel('prev')"><img alt="prev image" src="images/prev.png"/></a> <a href="#" onclick="carrousel('next')" ><img alt="next image" src="images/next.png"></a>
</div>
<div class="clear"></div>
</div>
<div id="diaporama">
<img class="imgDiapo" alt="Damdy's" src="images/news.jpg" class="imgDiapo">
<img src="images/diaporama/news.jpg" class="imgDiapo" style="display:none"/>
<img src="images/diaporama/news.jpg" class="imgDiapo" style="display:none"/>
<div class="textDiapo"><h3 class="fond">INAUGURATION</h3><p class="fond">A PARTIR DE 19H, AU 31 RUE DE LA LOGE<br>UN SMOOTHIE OFFERT !</p></div>
</div>
</div>
<div id="contenuMiddle">
<div id="centreFloat" class="fondVert">
<div id="textMenu"> <h3 class="fondMenuVert">LE COIN TARTE</h3> <img alt="Les tartes de Damdy's" src="images/tartes.jpg"><p class="fondMenuVert">LES BONNES TARTES CUISINEES PAR DAMDY'S</p></div>
<p><span class="blanc">Des tartes originales pour tous les goûts</span>, qui enjoueront vos
papilles, tous les jours de manière différente. Déclinées dans tous les
sens, à la viande, au poisson, végétariennes et sans gluten et bien sur
avec des légumes de saison car nous favorisons une alimentation saine et
responsable.
Personne ne sera de reste!<br><br>Pour les accompagner <span class="blanc">des salades funky
et surprenantes</span> qui se réinventent chaque jour : mesclun, quinoa,
légumes variés, petites graines qui croquent sous la dent, herbes
folles, jambon, saumon.. des mélanges de saveur décoiffants!
<br><br><span class="blanc">L'assiette méditerranéenne incontournable LE MEZE (légèrement revisitée).</span><br>Houmous de pois chiche et de betterave, caviar d'aubergine, tatziki, tomates et olives sur un lit de salades variées.</p>
</div>
<div id="centreFloat" class="fondBleuClair">
<img alt="Carte Damdy's" src="images/carte.jpg">
<p>Ouvert du mardi au dimanche de 10h à 19h<br>
--------------------<br>
31, rue de la loge<br>
13002 Marseille
</p>
</div>
<div id="centreFloat" class="fondBleu">
<div id="textMenu"> <h3 class="fondMenuBleu">LE COIN GOURMAND</h3><img alt="les desserts de Damdy's" src="images/dessert.jpg"><p class="fondMenuBleu">LES PLAISIRS SUCRES DE DAMDY'S</p></div>
<p>Nos spécialités du moment : <span class="blanc">le tiramisu</span> (aussi bon qu'en Italie), <span class="blanc">la
tarte tatin</span> comme chez Mamie, <span class="blanc">la tarte au citron meringuée</span> et pour les
plus vaillants <span class="blanc">le crumble poire chocolat.</span><br><br>Et évidemment les tartes de saisons !</p>
</div>
<div id="centreFloat" class="fondOrange">
<div id="textMenu"> <h3 class="fondMenuOrange">LES FORMULES</h3><img alt="les formuless de Damdy's" src="images/formule.jpg"><p class="fondMenuOrange">TOUTES LES FORMULES DE DAMDY'S</p></div>
<p><span class="blanc">Formule à 10 €</span><br>Tarte accompagné de sa salade (tarte au choix)<br>Boisson (au choix)<br><br>
<span class="blanc">Formule à 12 €</span><br>Tarte accompagné de sa salade (tarte au choix)<br>Boisson (au choix)<br>Smoothie/ Dessert (au choix)<br><br>
<span class="blanc">Formule à 10 €</span><br>Tarte accompagné de sa salade (tarte au choix)<br>Smoothie/ Dessert (au choix)<br><br>
<span class="blanc">Formule à 7 €</span><br>Mezzé accompagné de sa salade composé</p>
</div>
<div id="centreFloat" class="fondRouge">
<div id="textMenu"> <h3 class="fondMenuRouge">LES SMOOTHIES</h3><img alt="les smooyhies de Damdy's" src="images/smoothie.jpg"><p class="fondMenuRouge">L'ONCTUOSITER ET LA FRAICHEUR PAR DAMDY'S</p></div>
<p><span class="blanc">Le bambino</span><br>
Orange, banane, fraise ou abricot<br><br>
<span class="blanc">Le tropical</span><br>
Ananas, mangue, orange, coco ou gingembre<br><br>
<span class="blanc">Le ventilo</span><br>
Pomme, poire, menthe, citron vert ou kiwi<br><br>
<span class="blanc">Le bob</span><br>
Kiwi, banane, pomme <br><br>
<span class="blanc">La bronzette</span><br>
Pomme, fruits rouges ou fraises<br><br>
<span class="blanc">Le bikini</span><br>
Ananas, gingembre, pomme ou orange <br><br>
<span class="blanc">L’espadrille</span><br>
Abricot, pêche, fraises (ou deux des trois)<br>
</p>
</div>
<div id="centreFloat" class="fondJauneClair">
<div id="textMenu"> <h3 class="fondMenuJauneClair">LE COMPTOIR</h3><img alt="les boissons de Damdy's" src="images/cafe.jpg"><p class="fondMenuJauneClair">IVRESSE ET TONUS PAR DAMDY'S</p></div>
<p><span class="blanc">Nous privilégions toujours les produits régionnaux</span> et croyez nous il n
y a pas qu en belgique qu'on fait de la bonne bière! Dans le Lubéron
aussi ;
<span class="blanc">La BAL</span> (Bière Artisanale du Lubéron) : blanche, blonde, ambrée ou brune.<br><br>
Nous proposons aussi différents vins de petits producteurs du Gard, d'Ardèche et du Vaucluse.<br><br>
Nous avons aussi <span class="blanc">des jus de fruits pressés</span> (devant vous!), du coka, de l'eau et bien évidemment <span class="blanc">du café</span>.</p>
</div>
</div>
<div class="clear"> </div>
<div id="contenuBottom" class="contenuBottom">
<img alt="les desserts de Damdy's" style="float:left" src="images/logo-bottom.png"><p> 31, rue de la loge 13002 Marseille| Menu | évenements | Archive | Plan d’accés | Réalisation Simon Duclut </p>
</div>
</body></html>
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@font-face {font-family: 'Arista 2.0 Regular';
src: url('fonts/Arista2.0.ttf');}
body {
font-family: 'Droid Sans', sans-serif;
background-color:#f8f5e6;
margin:0;
padding:0;
}
.clear
{
clear: both;
}
#contenuTop{
width:850px;
margin:-2px auto 0 auto;
}
#banniereTop{
position: relative;
z-index: 100;
}
.gauche {
float: left;
margin-bottom:-50px;
margin-top:15px;
margin-left:-20px;
}
.centre {
float: left;
margin-bottom:-50px;
margin-top:17px;
margin-left:-10px;
}
.droite {
float: right;
text-align:right;
}
.retrait {
margin-bottom:-20px
}
#menuAlign
{
margin:20px 0 70px 0;
font-size: 1.1em;
}
.menuEven{
color:#FFFFFF;
background-color:#f7ce4d;
padding: 5px 8px;
border-radius: 2px 2px 2px 2px;
}
.menuMenu{
color:#FFFFFF;
background-color:#f2b406;
padding: 5px 8px;
border-radius: 2px 2px 2px 2px;
}
.menuArchi{
color:#FFFFFF;
background-color:#f7ce4d;
padding: 5px 8px;
border-radius: 2px 2px 2px 2px;
}
.cube{
background-color:#f7ce4d;
border-radius: 2px;
padding: 3px 3px;
text-align:center;
margin-bottom:-9px;
}
h1{
font-size: 2.8em;
font-family: "Arista 2.0 Regular", Droid Sans, sans-serif;
}
h1.banniere{
line-height:10px;
}
h2{
font-size: 1.1em;
font-family: "Arista 2.0 Regular", Droid Sans, sans-serif;
letter-spacing:2px;
}
h2.banniere{
line-height:10px;
color:#148000;
font-weight:100;
}
h3{
font-size: 1.1em;
}
h3.fond{
background-image:url(images/fond-diapo.png);
background-repeat:repeat;
text-align:right;
color:#FFFFFF;
font-size: 1.5em;
margin-left:20px;
width:220px;
padding:10px 15px;
margin-bottom:-16px;
margin-left:58px;
}
p.fond{
background-image:url(images/fond-p.png);
background-repeat:repeat;
font-size: 1em;
padding:5px;
}
#diaporama{
}
.imgDiapo {
z-index:2;
position:relative;
width:840px;
border:5px #e5d180 solid;
}
.textDiapo{
width:308px;
margin-top:-130px;
margin-left:537px;
text-align:right;
position:relative;
z-index:100;
}
/* Contenu centre */
#contenuMiddle{
width:850px;
margin:0px auto 0 auto;
font-size:0.8em;
}
#centreFloat{
float:left;
border-radius: 0px 0px 5px 5px;
box-shadow: 0px 2px 1px #666666;
}
#textMenu{
color:#ffffff;
position:relative;
text-align:left;
}
/* tarte */
h3.fondMenuVert{
background-image:url(images/fond-diapo.png);
padding:8px 15px;
top:99px;
position:absolute;
}
p.fondMenuVert {
width:150px;
background-color: rgba(132, 176, 117, 0.75);
top:133px;
position:absolute;
}
.fondVert{
width:270px;
background-color:#84ad75;
margin:10px 20px 0px 0px;
}
.fondVert p{
text-align:justify;
padding:10px 20px;
}
/* formule */
h3.fondMenuOrange{
background-image:url(images/fond-diapo.png);
padding:8px 15px;
top:94px;
position:absolute;
}
p.fondMenuOrange{
width:150px;
background-color: rgba(255, 145, 0, 0.75);
top:128px;
position:absolute;
}
.fondOrange{
width:270px;
background-color:#ff9100;
margin:20px 0px 0px 0px;
}
.fondOrange p{
text-align:justify;
padding:10px 20px;
}
/* gourmand */
h3.fondMenuBleu{
background-image:url(images/fond-diapo.png);
padding:8px 15px;
top:81px;
position:absolute;
}
p.fondMenuBleu {
width:150px;
background-color: rgba(227, 84, 12, 0.75);
top:115px;
position:absolute;
}
.fondBleu{
width:270px;
background-color:#e3540c;
margin:20px 20px 0px 0px;
}
.fondBleu p{
text-align:justify;
padding:10px 20px;
}
/* carte */
.fondBleuClair{
width:560px;
background-color:#94cedc;
margin:10px 0px 0px 0px;
}
.fondBleuClair p{
text-align:right;
padding-right:20px;
}
/* smoothies */
h3.fondMenuRouge{
background-image:url(images/fond-diapo.png);
padding:8px 15px;
top:113px;
position:absolute;
}
p.fondMenuRouge {
width:150px;
background-color: rgba(225, 56, 43, 0.75);
top:147px;
position:absolute;
}
.fondRouge{
width:270px;
background-color:#e1382b;
margin:-310px 20px 0px 0px;
}
.fondRouge p{
text-align:justify;
padding:10px 20px;
}
/* Boissons */
h3.fondMenuJauneClair{
background-image:url(images/fond-diapo.png);
padding:8px 15px;
top:51px;
position:absolute;
}
p.fondMenuJauneClair {
width:150px;
background-color: rgba(255, 198, 0, 0.75);
top:85px;
position:absolute;
}
.fondJauneClair{
width:270px;
background-color:#ffc600;
margin:-180px 20px 0px 0px;
}
.fondJauneClair p{
text-align:justify;
padding:10px 20px;
}
/* Contenu bottom */
#contenuBottom{
width:840px;
font-size:0.8em;
margin:20px auto 10px auto;
background-color:#FFFFFF;
padding:3px 5px;
text-align:right;
height:30px;
border-radius: 0px 0px 5px 5px;
box-shadow: 0px 2px 1px #666666;
}
.contenuBottom p{
margin:6px 5px 5px 0px;
}
/* Liens */
a {
text-decoration: none;
}
img {
border: none;
}
/* Texte */
.blanc {
color:#FFFFFF;
}
/* carrousel */
Modifié par silence (17 Apr 2013 - 22:56)
