Salut voila cela fais 2 heurs que je cherche le probléme que je rencontre avec l'encadage en utf-8 avec IE.
sous chrome firefox safari l'encode marche trés bien mes avec IE impossible cela ne marche pas . et je ne comprend plus rien.
notepad++ et bien en encodage encode en utf-8.
lien du site http://lovelocation.fr/
voici le code source de la page.
merci a vous
Modifié par Etudiant-bts (01 May 2013 - 01:35)
sous chrome firefox safari l'encode marche trés bien mes avec IE impossible cela ne marche pas . et je ne comprend plus rien.
notepad++ et bien en encodage encode en utf-8.
lien du site http://lovelocation.fr/
voici le code source de la page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!--encodage -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="Location pas cher de matériel bricolage jardinage multimédia Le Mans 72 Sarthe" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--style de la page -->
<title>Location pas cher de matériel bricolage jardinage multimédia Le Mans 72 Sarthe</title><!--titre de la page-->
<!--début du script slidorion -->
<link rel="stylesheet" href="jquery/css/style.css" />
<link rel="stylesheet" href="jquery/css/slidorion.css" />
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,700' rel='stylesheet' type='text/css'>
<script src="jquery/js/jquery.min.js" type="text/javascript"></script>
<script src="jquery/js/jquery.orbit.min.js" type="text/javascript"></script>
<script src="jquery/js/jquery.min.js"></script>
<script src="jquery/js/jquery.slidorion.min.js"></script>
<!--fin du script slidorion -->
<!--début du script -->
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="jquery/source/jquery.fancybox.js?v=2.1.4"></script>
<link rel="stylesheet" type="text/css" href="jquery/source/jquery.fancybox.css?v=2.1.4" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><!-- verssion de jquery -->
<script type="text/javascript">
jQuery.noConflict();
$(document).ready(function() {
/*
* Simple image gallery. Uses default settings
*/
$('.fancybox').fancybox();
/*
* Different effects
*/
// Change title type, overlay closing speed
$(".fancybox-effects-a").fancybox({
helpers : {
title : {
type : 'outside'
},
overlay : {
speedOut : 0
}
}
});
// Disable opening and closing animations, change title type
$(".fancybox-effects-b").fancybox({
openEffect : 'none',
closeEffect : 'none',
helpers : {
title : {
type : 'over'
}
}
});
// Set custom style, close if clicked, change title type and overlay color
$(".fancybox-effects-c").fancybox({
wrapCSS : 'fancybox-custom',
closeClick : true,
openEffect : 'none',
helpers : {
title : {
type : 'inside'
},
overlay : {
css : {
'background' : 'rgba(238,238,238,0.85)'
}
}
}
});
// Remove padding, set opening and closing animations, close if clicked and disable overlay
$(".fancybox-effects-d").fancybox({
padding : 0,
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
closeClick : true,
helpers : {
overlay : null
}
});
/*
* Button helper. Disable animations, hide close button, change title type and content
*/
$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : {
type : 'inside'
},
buttons : {}
},
afterLoad : function() {
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
}
});
/*
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
*/
$('.fancybox-thumbs').fancybox({
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
arrows : false,
nextClick : true,
helpers : {
thumbs : {
width : 50,
height : 50
}
}
});
/*
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
*/
$('.fancybox-media').attr('rel', 'media-gallery').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
arrows : false,
helpers : {
media : {},
buttons : {}
}
});
/*
* Open manually
*/
$("#fancybox-manual-a").click(function() {
$.fancybox.open('1_b.jpg');
});
$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5
});
});
$("#fancybox-manual-c").click(function() {
$.fancybox.open([{
href : '1_b.jpg',
title : 'My title'
}, {
href : '2_b.jpg',
title : '2nd title'
}, {
href : '3_b.jpg'
}], {
helpers : {
thumbs : {
width : 75,
height : 50
}
}
});
});
});
</script>
<style type="text/css">
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style>
<!--fin du script francybox -->
<!--début du script slidorion -->
<script>
$(function() {
$('#slidorion').slidorion({
effect : 'slideRandom',
hoverPause : true,
interval : 20000,
speed : 800,
controlNav : false,
controlNavClass : 'nav'
});
$(window).scroll(function() {
$el = $('#download-box');
if ($(this).scrollTop() > 540 && $el.css('position') != 'fixed') {
$('#download-box').css({
'position' : 'fixed',
'top' : '10px'
});
} else if ($(this).scrollTop() < 540 && $el.css('position') == 'fixed') {
$('#download-box').css({
'position' : 'absolute',
'top' : '10px'
});
}
});
});
function trackDownload() {
_gaq.push(['_trackPageview', '/downloads/slidorion']);
}
</script>
<script type="text/javascript">
window.___gcfg = {
lang : 'en-GB'
};
(function() {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})(); ( function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=250647338304374";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!--fin du script slidorion -->
<!--début du script go top -->
<script>
$(document).ready(function() {
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function() {
$('body,html').animate({
scrollTop : 0
}, 800);
return false;
});
});
});
</script>
<!--fin du script go top -->
</head>
<body>
<div id="header">
<div id="position_logo">
<div class="logo">
<a href="index.html"> <img src="images/logo.png" alt="banniere" > </a>
</div>
<div id="coordonne">
</div>
<div class="tel">
<a href="page_du_site/contactez nous/contact.php"><img src="images/tel.png" alt="banniere" > </a>
</div>
</div>
<!--baniere en haut du site-->
</div>
<!--menu de navigation-->
<div id="bendeaux">
<ul id="menu">
<li>
<a href="index.html">Accueil</a>
</li>
<li>
<a ="#">Bricolage</a>
<ul>
<li>
<a href="page_du_site/bricolage/eletrique/outil_electrique.html">outils ꭥctrique</a>
</li>
<li>
<a href="page_du_site/bricolage/manuel/manuel.html">outils manuel</a>
</li>
<li>
<a href="page_du_site/bricolage/pour-la-maisson/pour-la-maisson.html">pour la maison</a>
</li>
<li>
<a href="page_du_site/bricolage/echelle-ꤨafaudage/echelle-ꤨafaudage.html">ʣhelle echafaudage</a>
</li>
</ul>
</li>
<li>
<a ="#">Jardinage</a>
<ul>
<li>
<a href="page_du_site/jardinage/ꭩtrique/ꭩtrique.html">outil ꭥctrique</a>
</li>
<li>
<a href="page_du_site/jardinage/manuel/Manuel-de-jardinage.html">outil manuel</a>
</li>
<li>
<a href="page_du_site/jardinage/thermique/thermique.html">outil thermique</a>
</li>
<li>
<a href="page_du_site/jardinage/echelle-ꤨafaudage/echelle-ꤨafaudage.html">ʣhelle echafaudage</a>
</li>
<li>
</ul>
</li>
<li>
<a href="page_du_site/evenementiel/evenementiel.html">귩nementiel</a>
</li>
<li>
<a href="page_du_site/multimedia/multimꥩa.html">multimꥩa</a>
</li>
<li>
<a href="page_du_site/tarifs/tarif.html">Tarifs</a>
</li>
<li>
<a href="page_du_site/contactez_nous/contact.php">contactez nous</a>
</li>
</ul>
</div>
<div id="block_principale">
<div id="flashe">
</div>
<!--menu de navigation-->
<div class="ribbon-wrapper">
<div class="ribbon-front">
<!-- ribbon text goes here -->
</div>
<div class="ribbon-edge-topleft"></div>
<div class="ribbon-edge-topright"></div>
<div class="ribbon-edge-bottomleft"></div>
<div class="ribbon-edge-bottomright"></div>
<div class="ribbon-back-left"></div>
<div class="ribbon-back-right"></div>
</div>
<div class="titre_slider">
<h2>Les plus Loués</h2>
</div>
<div id="slidorion">
<div id="slider">
<div id="slide1" class="slide">
<img src="jquery/img/1.jpeg" width="488" height="400" />
</div>
<div id="slide2" class="slide">
<img src="jquery/img/kaerche.png" width="488" height="400" />
</div>
<div id="slide3" class="slide">
<img src="jquery/img/beto2.png" width="488" height="400" />
</div>
</div>
<div id="accordion">
<div class="link-header">
Tarière Thermique
</div>
<div class="link-content">
<p>
<strong>Location</strong> pas cher de matériel le Mans Sarthe, bricolage, jardinage, maison,événementiel, puériculture, retrouvez nous sur leboncoin.fr et facebook.com.
</p>
<p>
<strong>Facilitez vous la vie</strong> gagnez du temps ne vous fatiguez plus pour faire des trous. Vous voulez planter des arbres, faire une cloture ?
Plusieur diamètres : 10 et 20 cm. Si vous voulez faire des trous plus grand rien ne vous enpêche de les faire côte a côte pour
obtenir la taille que vous désirez .
</p>
<p>
<span class="prixsonlidiron">30 euros la journée.</span>
</p>
</div>
<div class="link-header">
Shampouineuse karcher
</div>
<div class="link-content">
<p>
<strong>Gagnier du temps</strong>pour nétoiter détacher des grandes est petite surface . mokette,tapi,voiture,canapé
<p>
<strong>déscriptif</strong>
</p>
<p>Aspirateur shampouineuse / Puissance (en W): 1 250 W / Capacité du réservoir: 10 L /
Aspirateur sans sac / Série: Kärcher Puzzi / Poids: 10,3 kg / Dépression: 220 mbar / Débit d'air: 54 l/s
/ Réservoir eau propre: 10L / réservoir eau sale: 9L
</p>
<span class="prixsonlidiron">15 euros la journée.</span>
</div>
<div class="link-header">
Bétonnière
</div>
<div class="link-content">
<p>
<strong>Bétonnière</strong> 160 litres facile d'utilisation avec la thenologie élétrique légére facile a transporté.
</p>
<p><strong>très sécuritaire</strong> coté sécurité rien de mieu pas de mécanisme thermique. pas de rsique de blésure avec sont bloc moteur.</p>
<span class="prixsonlidiron">15 euros la journée.</span>
</div>
</div>
</div>
<div class="titre_de_la_page">
<h2>Liste des Outils électriques</h2>
</div>
<!--superbloc -->
<div class="superblock">
<!--bloc -->
<div class="block">
<div class="titre_block">
<h3>perceuse visseuse devisseuse</h3>
</div>
<div class="images">
<img src="images/persseuce.jpg" alt="decapeur" >
</div>
<div class="button_articles">
<a class="fancybox fancybox.iframe" href="articles_block/Perceuses.html">Découvrir</a>
</div>
<div class="prix">
<span class="prixs">7€ la journée</span>
</div>
</div>
<!--bloc -->
<div class="block">
<div class="titre_block">
<h3>Scies à onglet</h3>
</div>
<div class="images">
<img src="images/scie-a-onglet.jpg" alt="decapeur" >
</div>
<div class="button_articles">
<a class="fancybox fancybox.iframe" href="articles_block/Scies_à_onglet.html">Découvrir</a>
</div>
<div class="prix">
<span class="prixs">10€ la journée</span>
</div>
</div>
<!--bloc -->
<div class="block">
<div class="titre_block">
<h3>Souffleur Electrique</h3>
</div>
<div class="images">
<img src="images/aspirateur-souffleur-broyeur-electrique-scir.jpg" alt="decapeur" >
</div>
<div class="button_articles">
<a class="fancybox fancybox.iframe" href="articles_block/Souffleur_Electrique.html">Découvrir</a>
</div>
<div class="prix">
<span class="prixs">7€ la journée</span>
</div>
</div>
</div>
<!--superbloc -->
<div class="clear">
</div>
</div>
<!-- fin de la div block_principale-->
<div id="beaudeau_footeur">
<div id="footer_nature">
<div id="bouton-haut">
<p id="back-top">
<a href="#top"><span></span>Retour en haut de la page</a>
</p>
</div>
<IMG src="images/footer_nature.png">
</div>
</div>
<div id="footer">
<div id="footer_960">
<div id="nous">
<IMG src="images/logo_footer.png">
<div id="info2">
<span class="info"> Lovelocation est une société de services qui propose de louer une grande quantité de matériels pour vous faciliter la vie.
Possibilité de louer à l’unité pour le gros matériel ou en pack selon vos besoins.
Notre société est basée en Sarthe pour une proximité assurée avec des prix défiant toute concurrence !</span>
</div>
</div>
<div id="rss">
<span class="retrouve">Retrouvez nous sur facebook et twitter</span>
<div id="sous_rss">
<a href="https://www.facebook.com/pages/Love-location/186844758127813?ref=ts&fref=ts"> <img src="images/logo_facebook.png"> </a>
<a href="https://twitter.com/"> <img src="images/twitter-logo.png"> </a>
</div>
</div>
<div id="plan">
<span class="contacte">Contactez nous</span>
<br />
<br>
<span class="phone">Téléphone 07.81.34.09.67</span>
<br />
<br>
<span class="mail">loclove72@gmail.com</span>
<br />
<br>
<span class="adresse">La termellerie Fatines 72470</span>
</div>
</div>
<div id="legale">
<span class="Copyright"> © Copyright 2013 LoveLocation. Tous droits réservés. </span>
</div>
</div>
<!--bas de la page-->
</body>
</html>
merci a vous
Modifié par Etudiant-bts (01 May 2013 - 01:35)
