Bonjour, je suis dans un impasse *&$?/*/()"_ j'ai fait un site pour une entreprise mais je ne sais nullement pas comment et où installer les codes pour rediriger vers les mobiles et de plus Est-ce qu'il faut acheter un autre .com pour le site mobile? voici les codes de mon site
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MASKBEC CONSTRUCTION</title>
<link rel="stylesheet" href="maskbec.css" type="text/css" media="screen"/>
<link href="images/favicon.ico" rel="icon" type="images/x-icon">
<style type="text/css">
<!--
#contenu {
height: 2317px;
width: 1000px;
background-image: url(images/fond_index_2013.png);
}
#conteneur {
margin-left: -500px;
position: absolute;
left: 50%;
width: 1000px;
}
#reseaux {
position:absolute;
left:823px;
top:8px;
width:167px;
height:39px;
z-index:1;
}
#bouton_accueil {
position:absolute;
left:198px;
top:282px;
width:182px;
height:38;
z-index:2;
text-align: center;
display: block;
}
#conteneur #bouton_accueil .BOUTON {
display: block;
height: 38px;
width: 182px;
}
#conteneur #bouton_location .BOUTON {
display: block;
height: 38px;
width: 182px;
}
#conteneur #bouton_location .BOUTON:hover {
background-image: url(images/hover_bouton.png);
}
#conteneur #bouton_espacecommerciaux .BOUTON {
display: block;
height: 38px;
width: 182px;
}
#conteneur #bouton_espacecommerciaux .BOUTON:hover {
background-image: url(images/hover_bouton.png);
}
#conteneur #contact .BOUTON {
display: block;
height: 38px;
width: 182px;
}
#conteneur #contact .BOUTON:hover {
background-image: url(images/hover_bouton.png);
}
#conteneur #bouton_accueil .BOUTON:hover {
background-image: url(images/hover_bouton.png);
}
.BOUTON {
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
#maskbectel {
position:absolute;
left:954px;
top:13px;
width:239px;
height:50px;
z-index:3;
text-align: center;
}
#bouton_location {
position:absolute;
left:395px;
top:282px;
width:182px;
height:38;
z-index:4;
text-align: center;
}
#bouton_espacecommerciaux {
position:absolute;
left:593px;
top:282px;
width:182px;
height:38;
z-index:5;
text-align: center;
}
#contact {
position:absolute;
left:793px;
top:282px;
width:182px;
height:38;
z-index:6;
text-align: center;
}
#animation {
position:absolute;
left:79px;
top:333px;
width:890px;
height:416px;
z-index:7;
}
#RECTANGLE1 {
position:absolute;
left:18px;
top:844px;
width:341px;
height:331px;
z-index:8;
}
.textepersonelle {
font-size: 13px;
font-style: italic;
color: #000;
}
-->
</style>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.texte1 {
font-family: aurora;
color: #FFF;
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
}
#mission {
position:absolute;
left:394px;
top:844px;
width:582px;
height:336px;
z-index:9;
}
.batimentcommerciaux { font-family: Arial, Helvetica, sans-serif;
color: #03C;
font-size: 14px;
text-decoration: none;
}
.engagement { font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #000;
}
.textegenerales {
font-family: "Arial narrow";
font-size: 18px;
color: #FFF;
margin-left: 10px;
}
#quinoussommes {
position:absolute;
left:28px;
top:1427px;
width:391px;
height:253px;
z-index:10;
}
#photobureau {
position:absolute;
left:428px;
top:1288px;
width:541px;
height:409px;
z-index:11;
}
#quisommesnous2 {
position:absolute;
left:129px;
top:1277px;
width:295px;
height:125px;
z-index:12;
}
#quisommesnous3 {
position:absolute;
left:149px;
top:1928px;
width:476px;
height:137px;
z-index:13;
}
.centre {
text-align: center;
}
#téléphone {
position:absolute;
left:21px;
top:1822px;
width:377px;
height:363px;
z-index:14;
}
#boutonlike {
position:absolute;
left:638px;
top:56px;
width:353px;
height:41px;
z-index:18;
}
#xiti {
position:absolute;
left:11px;
top:2254px;
width:377px;
height:50px;
z-index:16;
}
#ecriveznous {
position:absolute;
left:446px;
top:1822px;
width:401px;
height:276px;
z-index:17;
}
.textegenerales1 {
font-family: "Arial narrow";
font-size: 18px;
color: #000;
}
.textecarre { font-family: Arial, Helvetica, sans-serif;
color: #03C;
text-decoration: none;
}
body {
background-image: url();
}
#corporation {
position:absolute;
left:415px;
top:2255px;
width:456px;
height:49px;
z-index:19;
}
.texteblanc {
font-family: "Arial narrow";
font-size: 16px;
font-style: italic;
color: #FFF;
}
#apDiv1 {
position:absolute;
left:444px;
top:1563px;
width:142px;
height:119px;
z-index:1;
}
-->
</style>
</head>
<body onload="MM_preloadImages('images/logo/logofacebook.png','image/logo/logotwitter.png','images/logo/logoin.png','images/logo/logoenvloppe.png')">
<div id="conteneur">
<div class="textegenerales1" id="corporation">© 2010. Maskbec. Tous droits réservés.</div>
<div id="ecriveznous">
<form id="form1" name="form1" method="post" action="formulaire.php">
<p>
<label for="nom">Nom : </label>
<input type="text" name="nom" id="nom" />
</p>
<p>
<label for="email">Courriel :</label>
<input type="text" name="email" id="email" />
</p>
<p>
<label for="telephone">Téléphone :</label>
<input type="text" name="telephone" id="telephone" />
</p>
<p>
<label for="message">Message :</label>
<textarea name="message" id="message" cols="40" rows="6"></textarea>
</p>
<p>
<input type="submit" name="envoi" id="envoi" value="Envoyer" />
<label for="erase"></label>
<input type="reset" name="erase" id="erase" value="Réinitialiser" />
</p>
</form>
</div>
<div id="xiti"><a href="
http://www.xiti.com?xtor=AD-1----%5B502886%5D " title="WebAnalytics" target="_top">
<script type="text/javascript">
<!--
Xt_param = 's=502886&p=accueil.html';
try {Xt_r = top.document.referrer;}
catch(e) {Xt_r = document.referrer; }
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" alt="" ';
Xt_i += 'src="
https://logv17.xiti.com/hit.xiti?fh=1&Rdt=On
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Internet Audience">');
//-->
</script>
<noscript>
Mesure d'audience ROI statistique webanalytics par <img width="39" height="25" src="
https://logv17.xiti.com/hit.xiti?fh=1&s=502886&p=accueil.html&Rdt=On " alt="WebAnalytics" />
</noscript></a></div>
<div id="boutonlike"><iframe src="facebook.html" width="350" height="35" frameborder="0" scrolling="no"></iframe>
</div>
<div id="téléphone"><iframe width="375" height="325" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="
https://www.google.com/maps/embed?origin=mfe&pb=!1m15!1m8!1m3!1d5510.94128662985!2d-72.606153!3d46.320348!3m2!1i1024!2i768!4f13.1!3m3!1m2!2sMaskbec!4s4768839294106834797!5e0!6i16!3m1!1sfr!5m1!1sfr "></iframe><br /><small><a href="
https://www.google.ca/maps?hl=fr&ie=UTF8&q=Maskbec&fb=1&gl=ca&hq=maskbec&cid=4768839294106834797&t=m&ll=46.320348,-72.606153&spn=0.003334,0.008883&z=16&iwloc=A&source=embed " style="color:#0000FF;text-align:left">Agrandir le plan</a></small></div>
<div id="quisommesnous2"><span class="textegenerales"><span class="textepersonelle"><br />
« Notre structure organisationnelle favorise l'excellence du service à la clientèle et cadre avec les valeurs que partage notre personnel. Nous en sommes fiers ! »</span> <br />
</span><span class="textegenerales1">Jimmy Marchand</span><span class="textegenerales"><span class="textepersonelle"><br />
</span></span><span class="textegenerales1">Président</span></div>
<div id="photobureau">
<div id="TabbedPanels3" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">NOS BUREAUX</li>
<li class="TabbedPanelsTab" tabindex="0">NOTRE ÉQUIPES</li>
<li class="TabbedPanelsTab" tabindex="0">NOTRE ÉQUIPEMENT </li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent"><img src="images/bureaux.png" width="330" height="220" /><img src="images/bureaux2.png" width="186" height="220" /><br />
<span class="centre"><br />
MASKBEC CONSTRUCTION 2755, Boul. Mauricien Trois-Rivières (Qc) G9A 5C5</span><span class="textegenerales1"><br />
<br />
</span><span class="centre">Téléphone : 819-377-1008<br />
Télécopieur: 819-377-0362<br />
Courriel : <a href="mailto:info@maskbec.com" class="textegenerales1">info@maskbec.com</a></span><br />
</div>
<div class="TabbedPanelsContent">
<p><span class="textepersonelle">Jimmy Marchand<br />
Président</span><br />
<a href="mailto:jimmy.marchand@maskbec.com" class="textegenerales1">jimmy.marchand@maskbec.com </a><br />
<br />
<span class="textepersonelle">Junior Corriveau<br />
Vice-président</span><br />
<a href="mailto:junior.corriveau@maskbec.com" class="textegenerales1">junior.corriveau@maskbec.com</a><br />
<br />
<span class="textepersonelle">Nicole Massicotte<br />
Adjointe administrative</span><br />
<a href="mailto:nicole.massicotte@maskbec.com" class="textegenerales1">nicole.massicotte@maskbec.com</a> <br />
<br />
<span class="textepersonelle">Dominic Lemieux<br />
Service aux locataires et entretien générale</span><br />
<a href="mailto:dominic.lemieux@maskbec.com" class="textegenerales1">dominic.lemieux@maskbec.com</a> <br />
<br />
<span class="textepersonelle">Stéphane Bélanger<br />
Directeur marketing et gestion web</span><br />
<a href="mailto:stephanebelanger@maskbec.com" class="textegenerales1">stephanebelanger@maskbec.com</a></p>
</div>
<div class="TabbedPanelsContent"><img src="images/rouleau.png" width="260" height="230" /><img src="images/grue.png" width="260" height="230" /><img src="images/grue2.png" width="142" height="119" /> <img src="images/grue3.png" width="142" height="119" /> <img src="images/grue4.png" width="142" height="119" /><br />
</div>
</div>
</div>
</div>
<div id="quinoussommes"><span class="textegenerales1">Depuis 2003, Maskbec Construction innove dans le respect des valeurs sociétales et environnementales. Notre personnels accueillants et chaleureux saura bien vous diriger selon votre demande, et ce en toute convivialité.<br />
<br />
Plus que jamais l'entreprise entretient sa passion pour l'innovation et continue de concevoir des projets d'envergure et de relever des défis de grande taille afin que partenaires, employés et clients bénéficient d'un meilleur environnement de vie. </span><br />
</div>
<div id="mission">
<div id="TabbedPanels2" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"><span class="TabbedPanelsTabGroup">Notre mission !</span></li>
<li class="TabbedPanelsTab" tabindex="0"><span>Services aux locataires</span></li>
<li class="TabbedPanelsTab" tabindex="0"><span>Histoire: Rue Mariette-Duval</span></li>
<li class="TabbedPanelsTab" tabindex="0">TERRAIN À VENDRE !</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<p><span class="textegenerales1">Maskbec construction ; une équipe de passionnés du secteur immobilier experts en construction ils sauront répondre à tous vos besoins concernant la construction d'immeubles
commerciaux ou résidentiels, la location de logements de qualité supérieur, l'achat ou la préparation de
terrains.Notre engagement: le respect de la qualité et de notre clientèle.</span><br />
<br />
<img src="images/logo/maskbec2.png" width="567" height="130" /></p>
</div>
<div>
<ul>
<li><br />
<span class="texte3">SERVICES AUX LOCATAIRES :Nous
offrons un service d'urgence aux locataires.<br />
Pour nous un service pour les gens est un élément important de notre philosophie.<br />
<br />
Notre engagement :</span><span class="textecarre"> <br />
le service de nos efforts constants pour dépasser les <br />
attentes en matière de service. </span><span class="texte3"><br />
<br />
Nous vous offrons des façons commodes de communiquer avec nous : appel téléphonique, interface Web et courriel. <br />
Nous nous engageons à fournir des services rapides et fiables, avec rapports améliorés sur la mesure du rendement en temps réel et sur demande.<br />
Notre équipe est particulièrement fière d'offrir un service complet et <br />
professionnel et ce, depuis plusieurs années. Notre gestion dynamique et notre grande flexibilité face aux besoins des locataires font de notre entreprise, le choix numéro 1 en Mauricie. Optez pour nos services et soyez assuré d'investir dans la tranquillité et le rendement optimal.</span><span class="textegenerales1"><br />
<br />
</span></li>
</ul>
</div>
<div class="TabbedPanelsContent"><img src="images/un bout dhistoire.jpg" width="573" height="296" /></div>
<div class="TabbedPanelsContent"><span class="textegenerales1">Maskbec se spécialise dans l'achat et la vente de terrains unifamiliaux, multifamiliaux et commerciaux.Que se soit de la construction de chemins ou d'aménagement de terrains. Maskbec vous fera du clé en main. <br />
<br />
Avis aux investisseurs, Maskbec vous offre une opportunité d'aménagement de terrain jusqu'à la fabrication de 4, 6 et même 8 logements.</span><br />
<br />
<span class="textecarre">Terrain résidentiel / terrain commercial / terrain industriel <br />
<img src="images/terrain1.jpg" width="142" height="119" /> </span><img src="images/terrain2.jpg" width="142" height="119" /> <img src="images/terrain3.jpg" width="142" height="119" /><br />
</div>
</div>
</div>
</div>
<div id="RECTANGLE1">
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Projets</li>
<li class="TabbedPanelsTab" tabindex="0">Événement de Quartier</li>
<li class="TabbedPanelsTab" tabindex="0">Vidéos</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent"><span class="textegenerales1"><br />
Nouveau développement secteur <br />
Trois-Rivières ouest. Présentement en construction : <br />
Plus de 19
immeubles de 6 logements ainsi que 9 immeubles de 4 logements- 4 1/2 seront bientôt terminés. </span><span class="textegenerales"><br />
</span><span class="texte1"><a href="#location.html"><img src="images/bloc.png" width="111" height="128" border="0" /><img src="images/bloc2.png" width="111" height="128" border="0" /><img src="images/bloc3.png" width="111" height="128" border="0" /></a></span><br />
<a href="location.html" class="textecarre">Voir les photos.</a><br />
<br />
</div>
<div class="TabbedPanelsContent"><img src="images/evenement.jpg" width="330" height="305" /></div>
<div class="TabbedPanelsContent"><img src="images/evenement.png" width="330" height="305" /></div>
</div>
</div>
</div>
<div id="animation"><iframe src="imageanimation.html" height="410" width="890" scrolling="no" frameborder="0"></iframe></div>
<div class="BOUTON" id="contact"><a href="contact.html" class="BOUTON">Contact</a></div>
<div class="BOUTON" id="bouton_espacecommerciaux"><a href="commerce.html" class="BOUTON">Location commerciale</a></div>
<div class="BOUTON" id="bouton_location"><a href="location.html" class="BOUTON">Location de logement</a></div>
<div class="BOUTON" id="bouton_accueil"><a href="index.html" class="BOUTON">Accueil</a></div>
<div id="reseaux"><a href="https://www.facebook.com/pages/Maskbec-construction/437892446270445" target="_blank"><img src="images/logo/logofacebook1.png" name="facebook" width="40" height="36" border="0" id="facebook" onmouseover="MM_swapImage('facebook','','images/logo/logofacebook.png',1)" onmouseout="MM_swapImgRestore()" /></a><a href="
https://twitter.com/Maskbec " target="_blank"><img src="images/logo/logotwitter1.png" name="twit" width="40" height="36" border="0" id="twit" onmouseover="MM_swapImage('twit','','images/logo/logotwitter.png',1)" onmouseout="MM_swapImgRestore()" /></a><img src="images/logo/logoin1.png" name="in" width="40" height="36" id="in" onmouseover="MM_swapImage('in','','images/logo/logoin.png',1)" onmouseout="MM_swapImgRestore()" /><a href="mailto:info@maskbec.com"><img src="images/logo/logoenvloppe1.png" name="lettre" width="40" height="36" border="0" id="lettre" onmouseover="MM_swapImage('lettre','','images/logo/logoenvloppe.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>
<div id="contenu"> </div>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:1});
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2");
var TabbedPanels3 = new Spry.Widget.TabbedPanels("TabbedPanels3");
//-->
</script>
</body>
</html>
code de mon CSS :
html {
margin:0;
padding:0;
background: url(images/bg.jpg) no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#conteneur #ecriveznous #form1 p label {
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
color: #FFF;
}
.textebureau {
font-family: arizona;
font-size: 20px;
letter-spacing: 2px;
color: #CCC;
text-align: center;
text-decoration: none;
}
.textearizona {
font-family: arizona;
font-size: 24px;
color: #000;
letter-spacing: 2px;
}
#conteneur #photobureau #TabbedPanels3 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible .textebureau a {
color: #000;
text-decoration: none;
}
#conteneur #equipes .textegenerales1:hover {
color: #333;
}
merci de m'aider svp....sa fait plus de 40 heures que je passe à lire des forums...
stephane
Afficher la suite
