Problèmes d'affichage FireFox <> IE

Problèmes d'affichage FireFox <> IE - HTML/CSS - Programmation

Marsh Posté le 03-01-2005 à 18:51:00    

:hello:  
 
Sujet édité! -> j'ai refais la page en utilisant des DIV à la place d'un tableau et qqs problèmes persistent...
 
J'arrive pas à aligner les montagnes et les drapeau sur la ligne du <div class="logo">...
 
Site ici : http://www.duotone.ch/~bastien/applimed/  
 

Code :
  1. <body>
  2. <div class="entete">
  3. <p class="montagne"><img src="images/design/montagne.gif" width="231" height="18" class="img"></p>
  5. <p class="langues rightBlue"><img class="img" src="images/navigation/drapeau_francais_mini.gif" width="30" height="18"></p>
  6. <p class="langues"><img class="img" src="images/navigation/drapeau_allemand_mini.gif" width="30" height="18"></p>
  7. <p class="langues"><img class="img" src="images/navigation/drapeau_anglais_mini.gif" width="30" height="18"></p>
  8. </div>
  9. <div class="logo">
  10.   <ul id="menu">
  11.       <li><a href="#">Accueil</a></li>
  12.   <li><a href="#">Entreprise</a></li>
  13.   <li><a href="#">Produits & Services</a></li>
  14.   <li><a href="#">Qualité</a></li>
  15.   <li><a href="#">Contact</a></li>
  16.   <li><a href="#">Lien</a></li>
  17.   </ul>
  18. </div>


 

Code :
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. font-family: Verdana, Arial, Helvetica, sans-serif;
  5. font-size: 10pt;
  6. text-align: center;
  7. }
  9. .logo {
  10. width: 750px;
  11. height: 140px;
  12. background-image: url(../images/logo.gif);
  13. background-repeat: no-repeat;
  14. background-position: 40px 20px;
  15. border-left: 1px solid #00519F;
  16. border-top: 1px solid #00519F;
  17. border-right: 1px solid #00519F;
  18. }
  20. .entete {
  21. width: 750px;
  22. height: 30px;
  23. margin: 0px;
  24. padding: 0px;
  25. padding-top: 20px;
  26. }
  28. .montagne {
  29. float: left;
  30. margin: 0px;
  31. padding: 0px;
  32. }
  34. .langues {
  35. border-left: 1px solid #00519F;
  36. border-top:1px solid #00519F;
  37. margin: 0px;
  38. padding: 3px;
  39. float: right;
  40. }
  42. .img {
  43. vertical-align: bottom;
  44. }


 
Si vous avez une idée pour l'alignement vertical des montagnes et des drapeau, j'vous écoute :D.
 
Et 2e problème, le centrage de la page dans FireFox ne se fait pas  :??: . -> un text-align: center; dans le body ne suffit pas ??
 
Merci pour vos réponses!


Message édité par le_duc le 04-01-2005 à 16:33:34
Reply

Marsh Posté le 03-01-2005 à 18:51:00   

Reply

Marsh Posté le 03-01-2005 à 18:59:28    

j'avais dit que ca fonctionnerait pas :o
 
(et vire moi ces <table>s à la con et le cadre rouge du 1er item)
(BTW t'as vu que ton cadre déplace tous les éléments sur hover)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 03-01-2005 à 19:03:46    

Ah, suite du truc. Attention, surtout ne jamais utiliser de tableaux pour la mise en page (on est quand même en 2005, faudrait penser à arrêter d'utiliser des techniques qui datent de plus de 5 ans...).
 
Aussi pourquoi les script sur les drapeaux ? Surtout pour des trucs destinés à être des liens :??:
 

Reply

Marsh Posté le 03-01-2005 à 19:05:00    

Masklinn a écrit :

j'avais dit que ca fonctionnerait pas :o
 
(et vire moi ces <table>s à la con et le cadre rouge du 1er item)
(BTW t'as vu que ton cadre déplace tous les éléments sur hover)


 
ben euh, tu proposes koi alors??? pasque je vois pas trop comment faire avec une image d'1pixel en repeat... (surtout pour le début, ou la bande grise touche le batiment...)
 
Sinon koi les tables??? y'a qu'1 tableau... puis le cadre rouge indique la page actuelle...mais c vrai que je pourrais l'enlever!

Reply

Marsh Posté le 03-01-2005 à 19:07:09    

Les tables servent à afficher des donnée tabulaires, pas à faire de la mise en forme ;)

Reply

Marsh Posté le 03-01-2005 à 19:07:15    

FlorentG a écrit :

Ah, suite du truc. Attention, surtout ne jamais utiliser de tableaux pour la mise en page (on est quand même en 2005, faudrait penser à arrêter d'utiliser des techniques qui datent de plus de 5 ans...).
 
Aussi pourquoi les script sur les drapeaux ? Surtout pour des trucs destinés à être des liens :??:


 
bof, ca fait joli :D et je savais pas comment faire en css...

Reply

Marsh Posté le 03-01-2005 à 19:08:13    

FlorentG a écrit :

Les tables servent à afficher des donnée tabulaires, pas à faire de la mise en forme ;)


 
ouais ouais ouais, d'accord! je changerai ca si possible! mais bon, vaut mieux avoir 1 tableau que 30 DIV ;).

Reply

Marsh Posté le 03-01-2005 à 19:09:16    

Ben apprend à tout faire en CSS... NS 4.7 est très loin derrière pour ce qui est des tables. Et pour les scripts, faut toujours les utiliser si jamais on ne peut VRAIMENT rien faire en CSS. Faut toujours penser à celui qui n'a pas javascript d'activé (genre chez moi c'est activé, mais super minimal, genre même pas le droit de changer des images)

Reply

Marsh Posté le 03-01-2005 à 19:11:17    

FlorentG a écrit :

Ben apprend à tout faire en CSS... NS 4.7 est très loin derrière pour ce qui est des tables. Et pour les scripts, faut toujours les utiliser si jamais on ne peut VRAIMENT rien faire en CSS. Faut toujours penser à celui qui n'a pas javascript d'activé (genre chez moi c'est activé, mais super minimal, genre même pas le droit de changer des images)


 
ouais, mais bon, cette histoire de script c un détail! si le mec n'a pas javascript d'activé...ben le fond ne se met pas en bleu et voilà!
 
Par contre, pour les espaces et le centrage, vous avez pas une idée??
 
Puis tjs pour le problème principal, le décalage entre IE et FireFox...?

Reply

Marsh Posté le 03-01-2005 à 19:12:00    

Ben déjà vire nous ces tables, et après on te répondra :D

Reply

Marsh Posté le 03-01-2005 à 19:12:00   

Reply

Marsh Posté le 03-01-2005 à 19:30:35    

Le décalage est habituellement un problème dans les marges par défaut des navigateurs


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 03-01-2005 à 19:32:44    

C'est vrai, la première chose en général à faire, c'est ça :

Code :
  1. body {
  2.   margin: 0px;
  3.   padding: 0px;
  4. }

Reply

Marsh Posté le 03-01-2005 à 19:36:03    

FlorentG a écrit :

C'est vrai, la première chose en général à faire, c'est ça :

Code :
  1. body {
  2.   margin: 0px;
  3.   padding: 0px;
  4. }



ouaip
 
mais MSIE garde des marges à la con [:cupra]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 03-01-2005 à 19:37:25    

Ah bon :??: Jamais remarqué

Reply

Marsh Posté le 03-01-2005 à 23:02:22    

re les gens!
 
voilà j'ai recommencé avec des <div></div>, mais c la galère pour le placement du menu horizontal... y'a un truc que j'ai pas dû capter!
 
Voilà mon code html :

Code :
  1. <div class="logo">
  2. <div class="menu">
  3.  <ul class="listMenu">
  4.   <li><a href="#">Accueil</a></li>
  5.   <li><a href="#">Entreprise</a></li>
  6.   <li><a href="#">Produits & Services</a></li>
  7.   <li><a href="#">Qualité</a></li>
  8.   <li><a href="#">Contact</a></li>
  9.   <li><a href="#">Lien</a></li>
  10.  </ul>
  11. </div>
  12. </div>


 
Puis CSS :

Code :
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. font-family: Verdana, Arial, Helvetica, sans-serif;
  5. font-size: 10pt;
  6. }
  8. .logo {
  9. width: 750px;
  10. height: 140px;
  11. margin-left: 40px;
  12. margin-top: 20px;
  13. background-image: url(../images/logo.gif);
  14. background-repeat: no-repeat;
  15. background-position: 40px 20px;
  16. }
  18. /* Menu */
  19. .menu {
  20. margin-top: 96;
  21. margin-left: 95;
  22. }
  24. .menu ul li {
  25. list-style-type: none;
  26. float: left;
  27. display: block;
  28. margin: 0px;
  29. padding: 0px;
  30. text-align: center;
  31. }
  33. .menu a {
  34. font: Arial, Verdana, Helvetica, sans-serif;
  35. font-size: 12px;
  36. color: #000000;
  37. font-weight: bold;
  38. text-decoration: none;
  39. margin-left: 20px;
  40. margin-right: 20px;
  41. }
  43. .menu a:hover {
  44. border: 1px solid red;
  45. margin-left: 20px;
  46. margin-right: 20px;
  47. }


 
Et le problème, c que mon menu horizontal, ne se place pas du tout à la bonne place!

Reply

Marsh Posté le 03-01-2005 à 23:58:15    

1- enlève un div (le div menu, le <ul> fait le boulot)
2- margin-top: 96 ca veut rien dire, il faut toujours avoir l'unité


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-01-2005 à 02:12:10    

Masklinn a écrit :

1- enlève un div (le div menu, le <ul> fait le boulot)
2- margin-top: 96 ca veut rien dire, il faut toujours avoir l'unité


 
arf oui, 96px  :pt1cable:  
 
et j'ai enlevé le div, mais l'affichage ne se fait plus en ligne maintenant (mais sur une colonne).
 

Code :
  1. <div class="logo">
  2.  <ul class="menu">
  3.   <li><a href="#">Accueil</a></li>
  4.   <li><a href="#">Entreprise</a></li>
  5.   <li><a href="#">Produits & Services</a></li>
  6.   <li><a href="#">Qualité</a></li>
  7.   <li><a href="#">Contact</a></li>
  8.   <li><a href="#">Lien</a></li>
  9.  </ul>
  10. </div>


 

Code :
  1. .logo {
  2. width: 750px;
  3. height: 140px;
  4. margin-left: 40px;
  5. margin-top: 20px;
  6. background-image: url(../images/logo.gif);
  7. background-repeat: no-repeat;
  8. background-position: 40px 20px;
  9. }
  11. /* Menu *
  12. .menu {
  13. margin-top: 96px;
  14. margin-left: 100px;
  15. list-style-type: none;
  16. float: left;
  17. display: block;
  18. }
  19. */
  20. .menu {
  21. list-style-type: none;
  22. margin-top: 96px;
  23. margin-left: 100px;
  24. text-align: center;
  25. float: left;
  26. display: block;
  27. }
  29. .menu a {
  30. font: Arial, Verdana, Helvetica, sans-serif;
  31. font-size: 12px;
  32. color: #000000;
  33. font-weight: bold;
  34. text-decoration: none;
  35. margin-left: 20px;
  36. margin-right: 20px;
  37. }
  39. .menu a:hover {
  40. border: 1px solid red;
  41. margin-left: 20px;
  42. margin-right: 20px;
  43. }


 
 :??:

Reply

Marsh Posté le 04-01-2005 à 09:02:56    

change le class menu en id menu

#menu li {
    display: inline;
}


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-01-2005 à 09:03:16    

Faut mettre ça :

Code :
  1. float: left;


Pour les <li> du menu.

Reply

Marsh Posté le 04-01-2005 à 13:44:29    

Masklinn a écrit :

ouaip
 
mais MSIE garde des marges à la con [:cupra]


Je confirme, il me semble qu'il met les marges + padding sur l'élément html ;)
Donc, généralement, ce que je fais :

Code :
  1. html, body {
  2.     margin: 0px;
  3.     padding: 0px;
  4. }


 
My .2 cents ;)

Reply

Marsh Posté le 04-01-2005 à 16:31:33    

:hello:  
 
Merci pour votre aide, cette fois, c'est bon :).
 
Par contre j'arrive pas à aligner les montagnes et les drapeau sur la ligne du <div class="logo">...
 
Site ici : http://www.duotone.ch/~bastien/applimed/  
 

Code :
  1. <body>
  2. <div class="entete">
  3. <p class="montagne"><img src="images/design/montagne.gif" width="231" height="18" class="img"></p>
  5. <p class="langues rightBlue"><img class="img" src="images/navigation/drapeau_francais_mini.gif" width="30" height="18"></p>
  6. <p class="langues"><img class="img" src="images/navigation/drapeau_allemand_mini.gif" width="30" height="18"></p>
  7. <p class="langues"><img class="img" src="images/navigation/drapeau_anglais_mini.gif" width="30" height="18"></p>
  8. </div>
  9. <div class="logo">
  10.   <ul id="menu">
  11.       <li><a href="#">Accueil</a></li>
  12.   <li><a href="#">Entreprise</a></li>
  13.   <li><a href="#">Produits & Services</a></li>
  14.   <li><a href="#">Qualité</a></li>
  15.   <li><a href="#">Contact</a></li>
  16.   <li><a href="#">Lien</a></li>
  17.   </ul>
  18. </div>


 

Code :
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. font-family: Verdana, Arial, Helvetica, sans-serif;
  5. font-size: 10pt;
  6. text-align: center;
  7. }
  9. .logo {
  10. width: 750px;
  11. height: 140px;
  12. background-image: url(../images/logo.gif);
  13. background-repeat: no-repeat;
  14. background-position: 40px 20px;
  15. border-left: 1px solid #00519F;
  16. border-top: 1px solid #00519F;
  17. border-right: 1px solid #00519F;
  18. }
  20. .entete {
  21. width: 750px;
  22. height: 30px;
  23. margin: 0px;
  24. padding: 0px;
  25. padding-top: 20px;
  26. }
  28. .montagne {
  29. float: left;
  30. margin: 0px;
  31. padding: 0px;
  32. }
  34. .langues {
  35. border-left: 1px solid #00519F;
  36. border-top:1px solid #00519F;
  37. margin: 0px;
  38. padding: 3px;
  39. float: right;
  40. }
  42. .img {
  43. vertical-align: bottom;
  44. }


 
Si vous avez une idée pour l'alignement vertical des montagnes et des drapeau, j'vous écoute :D.
 
Et 2e problème, le centrage de la page dans FireFox ne se fait pas  :??: . -> un text-align: center; dans le body ne suffit pas ??
 
Merci pour vos réponses!

Reply

Marsh Posté le 04-01-2005 à 16:33:58    

Pourquoi est-ce que tu met tes images dans des <p> ? Tu peux appliquer directement le style à l'image :

Code :
  1. <img class="montagne".........


En plus sémantiquement tu n'as pas de paragraphe dans ce cas ;)

Reply

Marsh Posté le 04-01-2005 à 16:46:06    

FlorentG a écrit :

Pourquoi est-ce que tu met tes images dans des <p> ? Tu peux appliquer directement le style à l'image :

Code :
  1. <img class="montagne".........


En plus sémantiquement tu n'as pas de paragraphe dans ce cas ;)


 
yes, ok pour les montagnes! Mais pour les drapeau ca joue pas, car sinon j'arrive pas à obtenir une bordure à 3px du drapeau  :sleep: (à moins qu'il y ait une astuce :D).

Reply

Marsh Posté le 04-01-2005 à 17:05:00    

le_duc a écrit :

yes, ok pour les montagnes! Mais pour les drapeau ca joue pas, car sinon j'arrive pas à obtenir une bordure à 3px du drapeau  :sleep: (à moins qu'il y ait une astuce :D).


padding


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-01-2005 à 17:18:32    

ah yes, parfait :). Donc mtn j'ai plus de <p> ;).
 
reste donc à régler le problèmes de l'espace et du centrage  :sleep:  :pt1cable:


Message édité par le_duc le 04-01-2005 à 17:26:42
Reply

Marsh Posté le 04-01-2005 à 18:51:29    

bon bah... j'ai reglé mes problèmes (ptetre un peu à la bourrin, mais ca passe :D)
 
-> pour le centrage, une balise DIV supplémentaire avec left: 50% puis un margin-left négatif
 
-> pour l'espace, un padding-top: 20px et c'est pil-poil bon ;)

Reply

Marsh Posté le 04-01-2005 à 19:51:29    

Upload le résultat une fois

Reply

Marsh Posté le 04-01-2005 à 19:52:33    

De toute facon ma signature le clame pour moi, la mise en page CSS, c'est pas plus difficile que les tableaux, et en plus ca facilite la vie une fois qu'on comprend comment ca marche


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 04-01-2005 à 21:28:27    

re!
 
voilà le résultat: http://www.duotone.ch/~bastien/applimed/  
 

Code :
  1. <body>
  2. <div id="global">
  3. <div class="entete">
  4.  <img class="montagne img" src="images/design/montagne.gif" width="231" height="18">
  6.  <a class="aSmall langues rightBlue" href="#"><img class="img" src="images/navigation/drapeau_francais_mini.gif" width="30" height="18"><br>Français</a>
  7.  <a class="aSmall langues" href="#"><img class="img" src="images/navigation/drapeau_allemand_mini.gif" width="30" height="18"><br>Deutsch</a>
  8.  <a class="aSmall langues" href="#"><img class="img" src="images/navigation/drapeau_anglais_mini.gif" width="30" height="18"><br>English</a>
  9. </div>
  10.   <div class="logo">
  11.     <ul id="menu">
  12.     <li><a href="#">Accueil</a></li>
  13.    <li><a href="#">Entreprise</a></li>
  14.    <li><a href="#">Produits & Services</a></li>
  15.    <li><a href="#">Qualité</a></li>
  16.    <li><a href="#">Contact</a></li>
  17.    <li><a href="#">Lien</a></li>
  18.   </ul>
  19. </div>
  21. <div class="contenu">
  22.  <div class="bandeGauche">b</div>
  23.  Contenu
  24.  <div class="spacer">&nbsp;</div>
  25. </div>
  27. <div class="piedDePage">
  28. Pied de page</div>
  29. </div>


 

Code :
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. font-family: Verdana, Arial, Helvetica, sans-serif;
  5. font-size: 10pt;
  6. text-align: center;
  7. }
  9. #global { /* pour que la page soit centrée */
  10.      position:absolute;
  11.      left: 50%;
  12.      width: 750px;
  13.      margin-left: -375px; /* moitié de la largeur */
  14.  text-align: left;
  15. }
  18. /* Entête de la page -> montagnes, logo, langues */
  20. .logo {
  21. width: 750px;
  22. height: 140px;
  23. background-image: url(../images/logo.gif);
  24. background-repeat: no-repeat;
  25. background-position: 40px 20px;
  26. border-left: 1px solid #00519F;
  27. border-top: 1px solid #00519F;
  28. border-right: 1px solid #00519F;
  29. }
  31. .entete {
  32. width: 752px; /* 2px de plus que la largeur normal pour que les bordures soient bien alignées */
  33. height: 38px;
  34. padding-top: 20px;
  35. }
  37. .montagne {
  38. float: left;
  39. margin: 0px;
  40. padding: 0px;
  41. padding-top: 20px;
  42. }
  44. .langues {
  45. border-left: 1px solid #00519F;
  46. border-top: 1px solid #00519F;
  47. margin: 0px;
  48. padding: 3px;
  49. float: right;
  50. text-align: center;
  51. }
  53. .img {
  54. vertical-align: bottom;
  55. border: 0px;
  56. }
  58. /* Menu */
  59. #menu {
  60. list-style-type: none;
  61. margin-top: 96px;
  62. margin-left: 70px;
  63. text-align: center;
  64. float: left;
  65. display: block;
  66. }
  68. html>body #menu {
  69. margin-top: 96px;
  70. margin-left: 90px;
  71. }
  73. #menu li {
  74.     display: inline;
  75. }
  77. #menu a {
  78. font: Arial, Verdana, Helvetica, sans-serif;
  79. font-size: 12px;
  80. color: #000000;
  81. font-weight: bold;
  82. text-decoration: none;
  83. padding-right: 15px;
  84. padding-left: 15px;
  85. /* padding-top: 1px;
  86. padding-bottom: 1px;
  87. */
  88. }
  90. #menu a:hover {
  91. border: 1px solid red;
  92. }
  94. /* Contenu */
  95. .contenu {
  96. width: 740px;
  97. text-align: left;
  98. border-right: 1px solid #00519F;
  99. border-left: 1px solid #00519F;
  100. padding-right: 10px;
  101. padding-top: 10px;
  102. padding-bottom: 10px;
  103. background-color:#CCCCCC;
  104. }
  106. /* Bande gauche */
  107. .bandeGauche {
  108. float: left;
  109. width: 10px;
  110. border-right: 2px dotted #C3D6E8;
  111. margin: 0px;
  112. padding: 0px;
  113. margin-right: 5px;
  114. background-color:#FFCCCC;
  115. }
  117. .spacer {
  118. clear: both;
  119. }
  121. /* Pied de page */
  122. .piedDePage {
  123. width: 730px; /* taille globale - padding (2x10px) */
  124. border: 1px solid #00519F;
  125. padding: 10px;
  126. }


 
 
Bon, c déjà une étape :D, mais mtn il faudrait que j'arrive à faire la zone de titre, comme je l'ai conçue...et je vois pas encore comment faire ca!
 
zone de titre :
http://www.duotone.ch/~bastien/applimed/images/designSite.gif
 
-> vous feriez comment l'ovale entourant le titre des pages? (surtout pour ce qui est de la ligne pointilliée qui arrive jusqu'à l'ovale...)

Reply

Marsh Posté le 04-01-2005 à 21:44:04    

Ligne pointillée... Soit un border dotted... Pour l'ovale, tu met "Entreprise" dans un <h2> (vu qu'en théorie le <h1> est Applimed SA), et l'oval en fond du h2...

Reply

Marsh Posté le 04-01-2005 à 22:51:01    

pfff, je galère avec ces DIV... j'arrive pas à mettre en place les zones ou il y aura les pointillés et le contenu  :fou:  
 
voilà ce que j'ai pour l'instant :
 

Code :
  1. <body>
  2. <div id="global">
  3.         <div entete>...
  4.         <div logo>...
  5. <div class="conteneur">
  6.  <p class="bandeGauche">b</p>
  7.  <p class="contenu">Contenu</p>
  8.  <div class="spacer">&nbsp;</div>
  9. </div>
  10.         <div piedDePage>...


 

Code :
  1. #global { /* pour que la page soit centrée */
  2.      position:absolute;
  3.      left: 50%;
  4.      width: 750px;
  5.      margin-left: -375px; /* moitié de la largeur */
  6.  text-align: left;
  7. }
  9. /* Conteneur principal */
  10. .conteneur {
  11. width: 750px;
  12. border-left: 1px solid #00519F;
  13. border-right: 1px solid #00519F;
  14. }
  16. /* Bande gauche */
  17. .bandeGauche {
  18. float: left;
  19. width: 15px;
  20. margin: 0px;
  21. border-right: 2px dotted #C3D6E8;
  22. background-color:#FFCCCC;
  23. }
  25. /* Contenu */
  26. .contenu {
  27. width: 715px;
  28. text-align: left;
  29. padding: 10px;
  30. margin-left: 15px;
  31. background-color:#CCCCCC;
  32. }
  34. .spacer {
  35. clear: both;
  36. }


 
Le problème, c'est qu'il faut que "bandeGauche" ait la meme taille que "contenu" et que les 2 soit côte-à-côte dans le "conteneur"...
 
Merci encore pour l'aide!

Reply

Marsh Posté le 05-01-2005 à 02:26:55    

up

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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