HELP Probleme de résolution avec mon design
Bonsoir tout le monde , alors voila , j'ai petit soucis avec mon design pour myspace ,
je viens de terminer la page , et jusque içi tout vas bien , toute bien a sa place , tout mes objet , les cadre ex.... son bien ,
mais j'ai remarquer , d que on change de résolution tout bascule , et je trouve pas de solution pour sa , j'ai passer toute la nuit a chercher , rien trouver :( .
alors je viens poster un message en espèrent que qu'elqu'1 pourra m'aider, voila merci a vous :)
Voici tout le code que j'ai utiliser pour faire la page :
<code type="css">
<html>
<body>
<style type=text/css>
body, .bodyContent {
background-position:Center;
background-attachment:fixed;
background-color: 000000 ;
background-color:transparent;
background-image:url(http://djraouf.fr.tc/Deen%20Creed%20Myspace/font%20%20copie.jpg);
}
table, td, tr {
background-color: transparent ; border-style: none ;
}
</style>
<style type=text/css>
span.nametext {display:none;}
table.userProfileURL strong {display:none;}
table.contactTable td.text {display:none;}
table.contactTable td td.text {display:none;}
table.interestsAndDetails td.text {display:none;}
table.userProfileDetail td.text {display:none;}
td.text td.text span.whitetext12 {display:none;}
table.interestsAndDetails span.lightbluetext8 {display:none;}
table.interestsAndDetails td td {width:0px; padding:0px;}
table.userProfileDetail span.lightbluetext8 {display:none;}
table.userProfileDetail td td {display:none;}
table.extendedNetwork {display:none;}
table.latestBlogEntry span.btext {display:none;}
table.friendSpace table, table.blurbs, table.blurbs td.text {display:none;}
table.blurbs span.orangetext15, table.friendSpace span.orangetext15 {display:none;}
</style>
<style type="text/css">
.pageimage{ position: absolute; margin-left: -400px; left: 50%; top: 587.5px; width: 800px; height: 1300px; }
</style>
<div class="pageimage">
<img src="http://djraouf.fr.tc/Deen%20Creed%20Myspace/Myspace%20Gris%20et%20Blanc%20copie.jpg" width: 800;
height: 1300;/></div>
<style type="text/css">
.banniere { position: absolute; margin-left: -400px; left: 50%; top: 144px; width: 800px; height: 450px;}
</style>
<div class="banniere">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="450" width="800" data="http://djraouf.fr.tc/Deen%20Creed%20Myspace/banniere2.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://djraouf.fr.tc/Deen%20Creed%20Myspace/banniere2.swf" />
<param name="quality" value="high" />
</object></div>
<style type="text/css">
.bt1dutop{ position: absolute; margin-left: -115px; left: 26%; top: 604px; width: 230px; height: 35px; }
</style>
<div class="bt1dutop">
<a href="http://www.msplinks.com/" target="_blank"><img src="http://djraouf.fr.tc/Bouton%20Transparent/bouton%20du%20top%20.gif" /></a></div>
<style type="text/css">
.bt2dutop{ position: absolute; margin-left: -115px; left: 50%; top: 604px; width: 230px; height: 35px; }
</style>
<div class="bt2dutop">
<a href="http://www.msplinks.com/" target="_blank"><img src="http://djraouf.fr.tc/Bouton%20Transparent/bouton%20du%20top%20.gif" /></a></div>
<style type="text/css">
.bt3dutop{ position: absolute; margin-left: -115px; left: 74%; top: 604px; width: 230px; height: 35px; }
</style>
<div class="bt3dutop">
<a href="http://www.msplinks.com/" target="_blank"><img src="http://djraouf.fr.tc/Bouton%20Transparent/bouton%20du%20top%20.gif" /></a></div>
<style type="text/css">
.scrollbio{ position: absolute; margin-left: -110px; left: 27%; top: 710px; width: 240px; height: 242px; }
</style>
<div class="scrollbio">
<div style="width: 240px; height: 242px; background-color: transparent; overflow: auto; padding: 0px;"><img src="http://djraouf.fr.tc/Deen%20Creed%20Myspace/texte%20.gif" width="220" height="750" /></div>
<style type="text/css">
.discographie{ position: absolute; margin-left: -164px; left: 65%; top: 324px; width: 328px; height: 218px; }
</style>
<div class="discographie">
<div style="width: 328px; height: 218px; background-color: transparent; overflow: auto; padding: 0px;"><img src="http://djraouf.fr.tc/Deen%20Creed%20Myspace/discographie%20%20copie.gif" width="310" height="800" /></div>
<style type="text/css">
.newss{ position: absolute; margin-left: -200px; left: 169%; top: 4px; width: 400px; height: 220px; }
</style>
<div class="newss">
<div style="width: 400px; height: 220px; overflow: auto; padding: 0px;"><img src="http://djraouf.fr.tc/Deen%20Creed%20Myspace/les%20news%20%20copie.gif" width="380" height="900" />
</div>
<style type="text/css">
.mescoms{ position: relative; margin-left: -193px; left: 52%; top: 62px; width: 376px; height: 88px; }
</style>
<div class="mescoms">
<center><form method="post" action="https://myspace.com/"><input type="hidden" name="friendID" value="289136771" autocomplete="off"><textarea name="f_comments" id="t_area" style="background-color:rgb(0,0,0);border-color:rgb(255,255,255);border-width:0px;
color:rgb(255,255,255);border-style:solid;font-family:arial;font-size:15px;width:376px;
height:88px;padding:0px;font-weight:normal;font-style:none;text-decoration:none;" autocomplete="off">écrire un commentaire... </textarea><br><input id="submit_button" type="submit" style="background-color:rgb(225,225,225);border-color:rgb(0,0,0);border-width:1px;
color:rgb(0,0,0);border-style:solid;font-family:arial;font-size:11px;font-weight:normal;
font-style:none;text-decoration:none;" value="Envoyer " autocomplete="off"> <input id="reset_button" type="reset" style="background-color:rgb(225,225,225);border-color:rgb(0,0,0);border-width:1px;color:rgb(0,0,0);border-style:solid;font-family:arial;font-size:11px;font-weight:normal;font-style:none;text-decoration:none;" value="Annuler " autocomplete="off"></center></div>
<style type="text/css">
.wat2{ position: absolute; margin-left: -110px; left: 71%; top: 733px; width: 220px; height: 50px; }
</style>
<div class="wat2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LndhdC50di9yYW91Zg==" target="_blank"><img src="http://djraouf.fr.tc/Bouton%20Transparent/bouton%20Skyblog.gif" /></a></div>
<style type="text/css">
.skyblog{ position: absolute; margin-left: -110px; left: 7%; top: 733px; width: 220px; height: 50px; }
</style>
<div class="skyblog">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmVsZWN0cm8tZnJvbS1hbGdlci5za3lyb2NrLmNvbQ==" target="_blank"><img src="http://djraouf.fr.tc/Bouton%20Transparent/bouton%20Skyblog.gif" /></a></div>
<style type="text/css">
.potes{ position: absolute; margin-left: -370px; left: 7%; top: 460px; width: 740px; height: 215px; }
</style>
<div class="potes">
<div style="width: 740px; height: 215px; overflow: auto; padding: 0px;">
<br><table cellpadding="0" cellspacing="0" ><tr><td align="left" ><table width="100%" align="center" cellpadding="0" cellspacing="0"><tr><td><table align="center" cellpadding="0" cellspacing="0"><tr>
<td align="center" valign="top" width="1" style="padding:0px 1px 2px 0px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="www.myspace.com/fruityloopsuk" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/fl%20studio.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 2px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/thenabs" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/dj%20nabs.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 2px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="www.myspace.com/djalanmastert" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/alan%20.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 2px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/davedarell" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/dave%20darell%20.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 0px 2px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/djtarikpro" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/dj%20tarik.jpg"></a><br></td></tr></table></td></tr><tr>
<td align="center" valign="top" width="1" style="padding:0px 1px 0px 0px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/spencerandhill" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/spencer%20&%20hill.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 0px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/klaasmusic" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/klaas%20.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 0px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/tiborg" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/tibog%20.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 0px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/dirtysouth" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/dirty%20south%20.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 0px 0px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/michamoor" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/micha%20moor%20.jpg">
</a><br></td></tr></table></td></tr></table></td></tr></div>
</body>
</html>
</code>
je viens de terminer la page , et jusque içi tout vas bien , toute bien a sa place , tout mes objet , les cadre ex.... son bien ,
mais j'ai remarquer , d que on change de résolution tout bascule , et je trouve pas de solution pour sa , j'ai passer toute la nuit a chercher , rien trouver :( .
alors je viens poster un message en espèrent que qu'elqu'1 pourra m'aider, voila merci a vous :)
Voici tout le code que j'ai utiliser pour faire la page :
<code type="css">
<html>
<body>
<style type=text/css>
body, .bodyContent {
background-position:Center;
background-attachment:fixed;
background-color: 000000 ;
background-color:transparent;
background-image:url(http://djraouf.fr.tc/Deen%20Creed%20Myspace/font%20%20copie.jpg);
}
table, td, tr {
background-color: transparent ; border-style: none ;
}
</style>
<style type=text/css>
span.nametext {display:none;}
table.userProfileURL strong {display:none;}
table.contactTable td.text {display:none;}
table.contactTable td td.text {display:none;}
table.interestsAndDetails td.text {display:none;}
table.userProfileDetail td.text {display:none;}
td.text td.text span.whitetext12 {display:none;}
table.interestsAndDetails span.lightbluetext8 {display:none;}
table.interestsAndDetails td td {width:0px; padding:0px;}
table.userProfileDetail span.lightbluetext8 {display:none;}
table.userProfileDetail td td {display:none;}
table.extendedNetwork {display:none;}
table.latestBlogEntry span.btext {display:none;}
table.friendSpace table, table.blurbs, table.blurbs td.text {display:none;}
table.blurbs span.orangetext15, table.friendSpace span.orangetext15 {display:none;}
</style>
<style type="text/css">
.pageimage{ position: absolute; margin-left: -400px; left: 50%; top: 587.5px; width: 800px; height: 1300px; }
</style>
<div class="pageimage">
<img src="http://djraouf.fr.tc/Deen%20Creed%20Myspace/Myspace%20Gris%20et%20Blanc%20copie.jpg" width: 800;
height: 1300;/></div>
<style type="text/css">
.banniere { position: absolute; margin-left: -400px; left: 50%; top: 144px; width: 800px; height: 450px;}
</style>
<div class="banniere">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="450" width="800" data="http://djraouf.fr.tc/Deen%20Creed%20Myspace/banniere2.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://djraouf.fr.tc/Deen%20Creed%20Myspace/banniere2.swf" />
<param name="quality" value="high" />
</object></div>
<style type="text/css">
.bt1dutop{ position: absolute; margin-left: -115px; left: 26%; top: 604px; width: 230px; height: 35px; }
</style>
<div class="bt1dutop">
<a href="http://www.msplinks.com/" target="_blank"><img src="http://djraouf.fr.tc/Bouton%20Transparent/bouton%20du%20top%20.gif" /></a></div>
<style type="text/css">
.bt2dutop{ position: absolute; margin-left: -115px; left: 50%; top: 604px; width: 230px; height: 35px; }
</style>
<div class="bt2dutop">
<a href="http://www.msplinks.com/" target="_blank"><img src="http://djraouf.fr.tc/Bouton%20Transparent/bouton%20du%20top%20.gif" /></a></div>
<style type="text/css">
.bt3dutop{ position: absolute; margin-left: -115px; left: 74%; top: 604px; width: 230px; height: 35px; }
</style>
<div class="bt3dutop">
<a href="http://www.msplinks.com/" target="_blank"><img src="http://djraouf.fr.tc/Bouton%20Transparent/bouton%20du%20top%20.gif" /></a></div>
<style type="text/css">
.scrollbio{ position: absolute; margin-left: -110px; left: 27%; top: 710px; width: 240px; height: 242px; }
</style>
<div class="scrollbio">
<div style="width: 240px; height: 242px; background-color: transparent; overflow: auto; padding: 0px;"><img src="http://djraouf.fr.tc/Deen%20Creed%20Myspace/texte%20.gif" width="220" height="750" /></div>
<style type="text/css">
.discographie{ position: absolute; margin-left: -164px; left: 65%; top: 324px; width: 328px; height: 218px; }
</style>
<div class="discographie">
<div style="width: 328px; height: 218px; background-color: transparent; overflow: auto; padding: 0px;"><img src="http://djraouf.fr.tc/Deen%20Creed%20Myspace/discographie%20%20copie.gif" width="310" height="800" /></div>
<style type="text/css">
.newss{ position: absolute; margin-left: -200px; left: 169%; top: 4px; width: 400px; height: 220px; }
</style>
<div class="newss">
<div style="width: 400px; height: 220px; overflow: auto; padding: 0px;"><img src="http://djraouf.fr.tc/Deen%20Creed%20Myspace/les%20news%20%20copie.gif" width="380" height="900" />
</div>
<style type="text/css">
.mescoms{ position: relative; margin-left: -193px; left: 52%; top: 62px; width: 376px; height: 88px; }
</style>
<div class="mescoms">
<center><form method="post" action="https://myspace.com/"><input type="hidden" name="friendID" value="289136771" autocomplete="off"><textarea name="f_comments" id="t_area" style="background-color:rgb(0,0,0);border-color:rgb(255,255,255);border-width:0px;
color:rgb(255,255,255);border-style:solid;font-family:arial;font-size:15px;width:376px;
height:88px;padding:0px;font-weight:normal;font-style:none;text-decoration:none;" autocomplete="off">écrire un commentaire... </textarea><br><input id="submit_button" type="submit" style="background-color:rgb(225,225,225);border-color:rgb(0,0,0);border-width:1px;
color:rgb(0,0,0);border-style:solid;font-family:arial;font-size:11px;font-weight:normal;
font-style:none;text-decoration:none;" value="Envoyer " autocomplete="off"> <input id="reset_button" type="reset" style="background-color:rgb(225,225,225);border-color:rgb(0,0,0);border-width:1px;color:rgb(0,0,0);border-style:solid;font-family:arial;font-size:11px;font-weight:normal;font-style:none;text-decoration:none;" value="Annuler " autocomplete="off"></center></div>
<style type="text/css">
.wat2{ position: absolute; margin-left: -110px; left: 71%; top: 733px; width: 220px; height: 50px; }
</style>
<div class="wat2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LndhdC50di9yYW91Zg==" target="_blank"><img src="http://djraouf.fr.tc/Bouton%20Transparent/bouton%20Skyblog.gif" /></a></div>
<style type="text/css">
.skyblog{ position: absolute; margin-left: -110px; left: 7%; top: 733px; width: 220px; height: 50px; }
</style>
<div class="skyblog">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmVsZWN0cm8tZnJvbS1hbGdlci5za3lyb2NrLmNvbQ==" target="_blank"><img src="http://djraouf.fr.tc/Bouton%20Transparent/bouton%20Skyblog.gif" /></a></div>
<style type="text/css">
.potes{ position: absolute; margin-left: -370px; left: 7%; top: 460px; width: 740px; height: 215px; }
</style>
<div class="potes">
<div style="width: 740px; height: 215px; overflow: auto; padding: 0px;">
<br><table cellpadding="0" cellspacing="0" ><tr><td align="left" ><table width="100%" align="center" cellpadding="0" cellspacing="0"><tr><td><table align="center" cellpadding="0" cellspacing="0"><tr>
<td align="center" valign="top" width="1" style="padding:0px 1px 2px 0px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="www.myspace.com/fruityloopsuk" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/fl%20studio.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 2px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/thenabs" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/dj%20nabs.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 2px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="www.myspace.com/djalanmastert" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/alan%20.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 2px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/davedarell" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/dave%20darell%20.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 0px 2px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/djtarikpro" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/dj%20tarik.jpg"></a><br></td></tr></table></td></tr><tr>
<td align="center" valign="top" width="1" style="padding:0px 1px 0px 0px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/spencerandhill" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/spencer%20&%20hill.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 0px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/klaasmusic" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/klaas%20.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 0px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/tiborg" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/tibog%20.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 1px 0px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/dirtysouth" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/dirty%20south%20.jpg"></a><br></td></tr></table></td>
<td align="center" valign="top" width="1" style="padding:0px 0px 0px 1px;"><table align="center" cellspacing="0"><tr><td align="center" valign="top"><a href="https://myspace.com/michamoor" target="_blank"><img src="http://djraouf.fr.tc/Friends%20Myspace/micha%20moor%20.jpg">
</a><br></td></tr></table></td></tr></table></td></tr></div>
</body>
</html>
</code>
Configuration: Windows XP Firefox 2.0.0.15
2 réponses
-
Modérateurbonjour
ceci est un forum d'entraide ... et s'y inscrire au lieu de poster en anonyme est pour moi synonyme de politesse ...
certes l'on peut rester "anonyme" , mais dans quel but ?
merci
b g -
Salut ,
c juste que j'ai pas le temps , je suis la juste pour trouver de l'aide , pk toute cette onde négative ??
si vous ne voulez pas aider , personne ne vous'y oblige !!
Merci
