probleme d'affichage de mon site web

probleme d'affichage de mon site web - HTML/CSS - Programmation

Marsh Posté le 09-10-2009 à 22:08:53    

BOnjour a tous ,  
voila malgré plusieur sujet visité , je n'arrive toujours pas a résoudre mon probleme ...
 
J'ai crée un site web (HTML+CSS) , quand je l'ouvre sur mon navigateur par default (Opera) tout marche niquel, sous firefox l'affichage est tout deplacé , et sous IE , on n'en parle même pas , Je n'ai que l'horloge qui saffiche ... AIdez moi svp  
 
mon site c'est : http://misterk21.site.voila.fr
 
merci d'avence

Reply

Marsh Posté le 09-10-2009 à 22:08:53   

Reply

Marsh Posté le 10-10-2009 à 01:31:47    

Bon voilà ton code (sauf erreur) :

Code :
  1. <body bgcolor="black">
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
  3.     "http://misterk21.site.voila.fr/TR/html4/strict.dtd">
  4. <script type='text/javascript' src='http://www.monsitegratuit.com/heure/horloge_virtuelle.php?num=20&largeur=150&hauteur=150'></script><a href='http://www.monsitegratuit.com/'><img src="http://www.monsitegratuit.com/site.gif" alt="Mon Site Gratuit : Horloge Virtuelle pour site internet" border="0"></a>
  5. <style>
  6.   <html>
  7.   <center>
  8.   <head><title>Tite page perso!!</title></head>
  9.     <font color=white><BLINK>Bonjour,voici ma premier page html !!</BLINK>
  10.    <p><align="left"><font color=blue>blogs:
  11.    <p><align=left"><a href="http://the-moi-du21.skyrock.com"><font color=green>Mon blog</a>
  12.    <p><align=left"><a href="http://le-ptit-sangoku-du-21.skyrock.com"><font color=green>Blog à marc<a/>
  13.    <p><align=left"><a href="http://jeuness-bordel.skyrock.com"><font color=green>Blog a Mika!!<a/>
  14.    <p><align=left"><a href="http://xmllexana2is-x3.skyblog.com"><font color=green>Blog d'Anais!!<a/>
  15.    <p><align=left"><a href="http://3ll3-s3ul-x3.skyblog.com"><font color=green>Blog de Miss Delphine!!<a/>
  16.    <p><align=left"><a href="http://x-merveille-eux-xx.skyblog.com"><font color=green>Blog de Mylene!!<a/>
  17.    <p><align=left"><a href="http://the-moi-du21.skyrock.com/5"><font color=green>Page expres pour la tante !! donc clik la nat ^^ </a>
  18.    <p><align="left"><font color=blue>site web:
  19.    <p><align=left"><a href="http://entregamers.com"><font color=brown>Site de jeux vidéo!!<a/>
  20.    <p><align=left"><a href="http://facebook.com"><font color=brown>Facebook!!<a/>
  21.    <p><align=left"><a href="http://site.voila.fr/misterk211"><font color=blue>Page 2!!
  22. <!--[if gte IE 7]> pour IE 7 et supérieur <![endif]-->
  23. <script language='javascript'>document.write('<img src="http://monsite.voila.fr/servlets/istat?site=misterk21&page=/index.html&outil=ftpweb&n=' + Math.round(Math.random()*100000) + '" width=1 height=1>'); </script>
  24. <script language='javascript'>document.write('<img src="http://e.voila.fr/cgi-bin/ft/10000033638?&page=misterk21_index.html&n=' + Math.round(Math.random()*100000) + '" width=1 height=1>');</script></body>
  25. </html>


 
Soyons honnete : c'est du grand n'importe quoi :D
 
- une page html ca commence souvent par un doctype puis toujours par le tag <html>, et non pas le tag <body> suivi du doctype
- on écrit pas nimp dans son doctype
- un tag ca se ferme, et ca sert à qqch, donc ton <style> placé juste avant <html> est comme qui dirait ... inaproprié
- <font> est un tag obsolète, mais comme les autres il se ferme par un </font>, il en va de même pour <p> et 99% des tags html
- <align> est absolète, comme <font>
 
Tu devrais creuser un peu les bases du html, il ya plein de site qui te donnent de bons conseils et qui permettent d'apprendre assez vite, même si on part de rien ( http://www.siteduzero.com/index.php ) :)
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
  2.   "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4.     <head>
  5.         <title>Tite page perso!!</title>
  6.         <style>
  7.             body {
  8.                 background-color: black;
  9.             }
  10.             blink {
  11.                 color: white;
  12.             }
  13.             div.center {
  14.                 text-align: center;
  15.             }
  16.             p {
  17.                 text-align: left;
  18.             }
  19.             p.blue {
  20.                 color: blue;
  21.             }
  22.             p.green {
  23.                 color: green;
  24.             }
  25.         </style>
  26.     </head>
  27. <body>
  28.     <script type='text/javascript' src='http://www.monsitegratuit.com/heure/horloge_virtuelle.php?num=20&largeur=150&hauteur=150'></script><a href='http://www.monsitegratuit.com/'><img src="http://www.monsitegratuit.com/site.gif" alt="Mon Site Gratuit : Horloge Virtuelle pour site internet" border="0"></a>
  29.     <div class="center">
  30.         <blink>Bonjour,voici ma premier page html !!</blink>
  31.         <p class="blue">
  32.             blogs:
  33.         </p>
  34.         <p class="green">
  35.             <a href="http://the-moi-du21.skyrock.com">Mon blog</a>
  36.         </p>
  37.         <p class="green">
  38.             <a href="http://le-ptit-sangoku-du-21.skyrock.com">Blog à marc<a/>
  39.         </p>
  40.         <!-- etc... -->
  41.         <!--[if gte IE 7]> pour IE 7 et supérieur <![endif]-->
  42.         <script language='javascript'>document.write('<img src="http://monsite.voila.fr/servlets/istat?site=misterk21&page=/index.html&outil=ftpweb&n=' + Math.round(Math.random()*100000) + '" width=1 height=1>'); </script>
  43.         <script language='javascript'>document.write('<img src="http://e.voila.fr/cgi-bin/ft/10000033638?&page=misterk21_index.html&n=' + Math.round(Math.random()*100000) + '" width=1 height=1>');</script>
  44. </body>
  45. </html>


 
Ca devrait être un peu plus compatible je pense ;)


Message édité par SICKofitALL le 10-10-2009 à 01:34:29

---------------
We deserve everything that's coming...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed