Resolution de ma page html

Fermé
john68200 Messages postés 2 Date d'inscription dimanche 17 juillet 2011 Statut Membre Dernière intervention 18 juillet 2011 - 17 juil. 2011 à 15:28
swermxpress Messages postés 362 Date d'inscription mardi 30 décembre 2008 Statut Membre Dernière intervention 15 juillet 2014 - 18 juil. 2011 à 11:42
Bonjour, je n'arrive pas a centrer ma page html voici mon site www.realtchat.fr
quand je boss sur dream weaver tout est centrer correctement , mon écran de pc est un 82"
donc voila sur les autres ordinateur quand je regarde c pas centrer du tout .et puis mon code html est bizarre . voici mon code html


donc ma question c'est comment centrer le contenue de ma page d'acceuil .merci

<!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><title>Realtchat : rencontre filles - dialogue en direct</title><!-- Google Website Optimizer Tracking Script -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['gwo._setAccount', 'UA-24390833-2']);
_gaq.push(['gwo._trackPageview', '/3238072512/goal']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End of Google Website Optimizer Tracking Script -->
<!-- Google Website Optimizer Control Script -->
<script>
function utmx_section(){}function utmx(){}
(function(){var k='3238072512',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return escape(c.substring(i+n.
length+1,j<0?c.length:j))}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;
d.write('<sc'+'ript src="'+
'http'+(l.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com'
+'/siteopt.js?v=1&utmxkey='+k+'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='
+new Date().valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script><script>utmx("url",'A/B');</script>
<!-- End of Google Website Optimizer Control Script -->
<!-- Google Website Optimizer Tracking Script -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['gwo._setAccount', 'UA-24390833-2']);
_gaq.push(['gwo._trackPageview', '/3238072512/test']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End of Google Website Optimizer Tracking Script -->
<meta name="Description" content="rencontre des mecs et nanas de ta region en quelques clics inscris-toi c'est rapide gratuit et l'inscription est rapide" />
<meta name="Keywords" content="tchat,gratuit,sans,inscription,tchatche,rencontre,CHATROULETTE" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Inscription gratuite sur realTchat</title>
<style type="text/css">
<!--
body {
background-image: url(../../Documents/ma web site/ma web site/rrr.jpg);
background-image: url(1024.jpg);
background-repeat: no-repeat;
}
#Layer1 {
position:absolute;
width:851px;
height:172px;
z-index:1;
top: 2px;
left: 81px;
background-image: url(../../Documents/ma web site/ma web site/images/fenetre discussion 1.jpg);
}
#Layer2 {
position:absolute;
width:843px;
height:241px;
z-index:2;
left: 75px;
top: 1492px;
}
#Layer3 {
position:absolute;
width:283px;
height:1px;
z-index:3;
left: -60px;
top: -4px;
}
#Layer4 {
position:absolute;
width:75;
height:35;
z-index:5;
top: 257px;
background-image: url(../../Documents/ma web site/ma web site/Nouveau dossier/bouton 2c.jpg);
}
#Layer5 {
position:absolute;
width:1px;
height:300;
z-index:3;
left: -1px;
top: 279px;
}
#Layer6 {
position:absolute;
width:1px;
height:1px;
z-index:3;
left: 600;
top: 150;
}
#Layer7 {
position:absolute;
width:200px;
height:115px;
z-index:6;
left: 15;
}
#Layer8 {
position:absolute;
width:119px;
height:84px;
z-index:1;
left: 13px;
top: 244px;
}
#Layer9 {
position:absolute;
width:103px;
height:444px;
z-index:4;
left: 867px;
top: 560px;
}
#Layer10 {
position:absolute;
width:126px;
height:465px;
z-index:5;
left: 22px;
top: 328px;
}
#Layer11 {
position:absolute;
width:296px;
height:334px;
z-index:3;
left: -173px;
top: 557px;
}
#Layer12 {
position:absolute;
width:120px;
height:600px;
z-index:3;
left: 19px;
top: 61px;
}
#Layer13 {
position:absolute;
width:120;
height:600px;
z-index:4;
left: -72px;
top: -1246px;
}
#Layer14 {
position:absolute;
width:208px;
height:40px;
z-index:10;
left: 548px;
top: 294px;
}
#Layer15 {
position:absolute;
width:200px;
height:115px;
z-index:8;
}
#Layer16 {
position:absolute;
width:200px;
height:115px;
z-index:8;
left: 54px;
top: -1287px;
}
#Layer17 {
position:absolute;
width:448px;
height:452px;
z-index:11;
left: 24px;
top: 92px;
}
#Layer18 {
position:absolute;
width:637px;
height:160px;
z-index:12;
background-image: url(../../Documents/ma web site/ma web site/header.jpg);
left: 506px;
top: 524px;
background-image: url(header.jpg);
}
#Layer19 {
position:absolute;
width:728;
height:90;
z-index:13;
left: 33px;
top: 657px;
}
#Layer20 {
position:absolute;
width:484px;
height:297px;
z-index:14;
left: 61px;
background-color: #FFFFFF;
background-image: url(ecran3.jpg);
top: 325px;
overflow: auto;
}
#Layer21 {
position:absolute;
width:409px;
height:239px;
z-index:15;
left: 567px;
top: 363px;
background-color: #0000FF;
background-image: url(ecran4.jpg);
}
#Layer22 {
position:absolute;
width:482px;
height:40px;
z-index:16;
left: 63px;
top: 607px;
}
#Layer23 {
position:absolute;
width:728;
height:90;
z-index:16;
left: 149px;
top: 630px;
}
#Layer24 {
position:absolute;
width:417px;
height:247px;
z-index:17;
left: 549px;
top: 371px;
background-image: url(ecran5.jpg);
}
#Layer25 {
position:absolute;
width:955px;
height:92px;
z-index:18;
left: 19px;
top: -4px;
visibility: visible;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.Style89 {color: #FFFFFF}
#Layer26 {
position:absolute;
width:615px;
height:329px;
z-index:19;
top: 153px;
left: 100px;
}
.Style90 {color: #FFFFFF; font-size: 18px; }
.Style93 {color: #0000FF}
#Layer27 {
position:absolute;
width:86px;
height:600;
z-index:20;
left: 883px;
top: 180px;
}
#Layer28 {
position:absolute;
width:836px;
height:63px;
z-index:21;
left: 151px;
top: 593px;
}
.Style95 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #339966;
font-style: italic;
}
.Style96 {color: #0000FF; font-style: italic; }
.Style97 {
color: #339966;
font-style: italic;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
}
.Style98 {font-size: 14px}
.Style99 {color: #FF00FF}
-->
</style>
</head>

<body>
<center>
<div id="Layer19">
<script type="text/javascript"><!--
google_ad_client = "pub-4908044246283120";
/* 728x90, date de création 13/07/11 */
google_ad_slot = "2631254497";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<div align="center" id="Layer25">
<script type="text/javascript" src="http://promo.easy-dating.org/banner/index?site_id=697925&banner_id=448&default_language=fr&tr4ck=728x90-customized-dating_L"></script>
<p>
<script type="text/javascript" src="http://promo.easy-dating.org/f/siteunder/?site_id=697929&capping=3"></script>
</p>
</div>
<p> </p>
<p> </p>
<p> </p>
<table width="1013" border="0" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<th width="208" scope="col"><span class="Style89"><a href="index.html">ACCEUIL</a></span></th>
<th width="163" scope="col"><span class="Style89"><a href="chatroulette.html">CHATROULETTE</a></span></th>
<th width="199" scope="col"><span class="Style89"><a href="chat-gratuit.php">CHAT GRATUIT </a></span></th>
<th width="205" scope="col"><span class="Style93"><a href="buzz du net.html">BUZZ DU NET</a> </span></th>
<th width="222" scope="col"><span class="Style93"><a href="CONTACT.html">CONTACT</a></span></th>
</tr>
</table>
<div class="Style89" id="Layer26">
<script type="text/javascript" src="http://www.easy-dating.org/PROMO/register_form_template/javascript.php?siteid=697925&display_channels=0&default_search_id=8&theme[login]=0&theme[enabled]=1&theme[version]=13&theme[logo]=0&theme[bg]=1&theme[border]=0&theme[geotitle]=1"></script></div>
<div class="Style89" id="Layer27">
<script type="text/javascript"><!--
google_ad_client = "pub-4908044246283120";
/* 120x600, date de création 16/07/11 */
google_ad_slot = "7517670064";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<p align="center" class="Style95">Les rencontre ceux font rares?Pas de probleme RealTchaT.FR </p>
<div align="center" class="Style97">
<p class="Style98">met a votre disposition son formulaire d'inscription <span class="Style99">100% GRATUIT</span>, ca chatroulette , son chat gratuit<a href="chat-gratuit.php"> .</a>)Pour avoir le maximum de chance de faire des rencontres a coup sur , tout en restant vous meme</p>
<p><span class="Style95">Regarder la page buzz du net des centaines de videos delire , choc , incroyable t'atende.!</span></p>
</div>
<p align="center" class="Style95"> </p>
<p align="left" class="Style96"> </p>
<p align="left"> </p>
<p align="right" class="Style90"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</center>
</body>
</html>




A voir également:

7 réponses

swermxpress Messages postés 362 Date d'inscription mardi 30 décembre 2008 Statut Membre Dernière intervention 15 juillet 2014 73
17 juil. 2011 à 20:32
C'est simple : il faut que tu ajoute :


"margin-left:auto;margin-right:auto;"

à ta propriété que tu veux centrer
0
swermxpress Messages postés 362 Date d'inscription mardi 30 décembre 2008 Statut Membre Dernière intervention 15 juillet 2014 73
17 juil. 2011 à 20:34
Par contre, fais gaffe parceque tu as plusieurs balise <title></title> !
0
swermxpress Messages postés 362 Date d'inscription mardi 30 décembre 2008 Statut Membre Dernière intervention 15 juillet 2014 73
17 juil. 2011 à 20:38
Le mieux c'est que tu appliques la propriété du premier post dans le css de ta balise <body> ;)
0
Tu veux pas en profiter pour corriger les fautes d'orthographe de ton site ? ^^
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
swermxpress Messages postés 362 Date d'inscription mardi 30 décembre 2008 Statut Membre Dernière intervention 15 juillet 2014 73
17 juil. 2011 à 21:12
C'est dreamviewer qui code comme ca ? :p
0
john68200 Messages postés 2 Date d'inscription dimanche 17 juillet 2011 Statut Membre Dernière intervention 18 juillet 2011
18 juil. 2011 à 10:14
merci pour votre aide je vais essayer et corriger mes fautes de codage
0
swermxpress Messages postés 362 Date d'inscription mardi 30 décembre 2008 Statut Membre Dernière intervention 15 juillet 2014 73
18 juil. 2011 à 11:42
Okay, pour corriger tes erreur, n'hésite pas ouvrir un nouveau sujet ;)

Mais celui-ci est résolu ;)
0