je m'embrouille dans ma mise en page

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Répondre
Philippe974

je m'embrouille dans ma mise en page

Message par Philippe974 »

Bonjour,

J'essaye de créer un site, j'ai presque abouti.

j'ai travaillé sur un grand écran avec un définition immense.
Du coup cela donne n'importe quoi en mise en page avec une autre définition.
Je galère depuis quelques jours à trouver une solution et je m'enfonce et désespère.
Quelqu'un pourrais t il me sortir de cette angoisse ?

Je vous joins mon dernier essai sur la page index.php

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Réunion-Nou.fr</title>
  <link rel="stylesheet" media="screen" type="text/css"
 title="Design" href="design.css">
</head>
<body style="color: rgb(0, 0, 0); margin-left: 0px; width: 1000px;"
 alink="#ee0000" link="#0000ee" vlink="#551a8b">
<div style="height: 111px; text-align: center; width: 1000px;"
 id="en_tete"><br>
<img style="width: 468px; height: 60px;" alt="banniere"
 src="banniere.gif" vspace="0"></div>
<div style="text-align: center; height: 111px; width: 980px;"
 id="menu_horizontal">
<table class="menu_horizontal"
 style="text-align: left; width: 980px; height: 30px;" border="0"
 cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td
 style="height: 26px; width: 132px; text-align: center; color: white;"
 id="menu"></td>
      <td
 style="height: 26px; width: 132px; text-align: center; color: white; font-weight: bold; font-family: Arial;"
 class="accueil"
 title="en cliquant ici vous passez sur la page accueil"><big>Accueil</big></td>
      <td
 style="height: 26px; width: 132px; color: white; text-align: center; font-weight: bold; font-family: Arial;"
 id="concept"><a class="menu"
 title="en cliquant ici vous passez sur la page concept"
 href="mh_concept.php"><big>Concept</big></a></td>
      <td
 style="height: 26px; width: 132px; text-align: center; color: white; font-weight: bold; font-family: Arial;"
 id="annonces"><a class="menu"
 title="en cliquant ici vous passez sur la page annonces"
 href="mh_annonces.php"><big>Annonces</big></a></td>
      <td
 style="height: 26px; width: 132px; text-align: center; color: white; font-weight: bold; font-family: Arial;"
 id="contact"><a class="menu"
 title="en cliquant ici vous passez sur la page contact"
 href="mh_contact.php"><big>Contact</big></a></td>
      <td
 style="height: 26px; width: 130px; text-align: center; color: white; font-weight: bold; font-family: Arial;"
 id="forum"><a class="menu"
 title="en cliquant ici vous passez sur la page forum"
 href="mh_forum.php"><big>Forum</big></a></td>
      <td
 style="height: 26px; width: 130px; text-align: center; color: white; font-weight: bold; font-family: Arial;"
 id="faq"><a class="menu"
 title="en cliquant ici vous passez sur la page FAQ"
 href="mh_faq.php"><big>Faq</big></a></td>
    </tr>
  </tbody>
</table>
</div>
<div style="width: 980px;" id="" menu_categories="">
<table style="text-align: left; width: 142px;"
 class="menu_categories" border="0" cellpadding="2"
 cellspacing="2">
  <tbody>
    <tr style="color: white;" align="center">
      <td style="font-weight: bold; width: 132px; height: 26px;"
 class="immobilier"><a href="mc_immobilier.php"
 title="cliquer ici pour aller à la rubrique IMMOBILIER"
 class="categories">Immobilier</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="font-weight: bold; width: 132px; height: 26px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique MOBILIER DECORATION"
 href="mc_mobilier.php">Mobilier,
Décoration</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="font-weight: bold; width: 132px; height: 26px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique HIGH TECH"
 href="mc_high.php">High-
Tech</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="font-weight: bold; width: 132px; height: 26px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique ELECTROMENAGER"
 href="mc_electromenager.php">Electroménager</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="font-weight: bold; width: 132px; height: 26px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique BRICOLAGE MATERIAUX"
 href="mc_bricolage.php">Bricolage
Matériaux</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="height: 26px; font-weight: bold; width: 132px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique AUTO MOTO BATEAUX"
 href="mc_auto.php">Auto,
Moto, Bateaux</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="height: 26px; font-weight: bold; width: 132px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique VACANCES LOISIRS SPORTS"
 href="mc_vacances.php">Vacances,
loisirs</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="height: 26px; font-weight: bold; width: 132px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique VACANCES LOISIRS SPORTS"
 href="mc_sports.php">Sports</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="height: 26px; font-weight: bold; width: 132px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique SERVICES"
 href="mc_services.php">Services</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="height: 26px; font-weight: bold; width: 132px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique HABILLEMENT"
 href="mc_habillement.php">Habillement</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="height: 26px; font-weight: bold; width: 132px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique ALIMENTAIRE"
 href="mc_alimentaire.php">Alimentaire</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="font-weight: bold; width: 132px; height: 26px;"><a
 class="categories"
 title="cliquer ici pour aller à la rubrique PUERICULTURE"
 href="mc_puericulture.php">Puériculture</a></td>
    </tr>
    <tr style="color: white;" align="center">
      <td style="font-weight: bold; width: 132px; height: 26px;">
      <a class="categories"
 title="cliquer ici pour aller à la rubrique DIVERS"
 href="mc_divers.php">Divers</a></td>
    </tr>
  </tbody>
</table>
</div>
<div
 style="margin-top: 35px; height: 343px; text-align: center; margin-left: 818px; width: 182px;"
 id="inscription"><br>
<embed style="width: 182px;"
 src="http://www.clocklink.com/clocks/0018b-silver.swf?TimeZone=R2T&"
 wmode="transparent" type="application/x-shockwave-flash"
 height="150" width="150">
<br>
<a><span style="font-weight: bold; color: white;">
nombre de visiteurs</span> </a>
<br>
<script type="text/javascript"
 src="http://www.abcompteur.com/cpt/?code=5/28/9189/2/1&ID=475260"></script>
<noscript><a href="http://www.abcompteur.com/">ABCompteur :
compteur gratuit</a></noscript>
</div>
<div
 style="text-align: center; color: white; margin-top: 35px; width: 620px; height: 343px;"
 id="corps">
<div style="text-align: center;"></div>
<div style="text-align: left;">
<div style="text-align: center;"><big
 style="color: white;"><small><big><big><big><a
 name="Ensemble"></a>Ensemble,</big></big></big></small></big><br>
<br>
<a><big style="color: white;"><big>inversons
le rapport de
force entre acheteurs et vendeurs!</big></big></a><br>
<a><big style="color: white;"><big>Profitons
de la Crise <span style="color: red;"><span
 style="color: white;">pour</span>
consommer
différemment.</span></big></big></a><br>
<br>
</div>
</div>
<div style="text-align: right;">
<div style="text-align: left;"></div>
<div style="text-align: center;">
<div style="text-align: center;"></div>
<div style="text-align: right;">
<div style="text-align: center;"><img
 style="width: 100px; height: 38px;" alt=""
 src="organisation.JPG"><big
 style="color: red; font-weight: bold;"><big><big><small><span><big><big><big><img
 style="width: 342px; height: 183px;" alt=""
 src="tout%20est%20une%20question2.JPG"></big></big></big></span></small></big></big></big><span
 style="color: red; font-weight: bold;"></span><br>
</div>
<br style="color: rgb(153, 153, 153);">
<span style="color: rgb(153, 153, 153);"><< </span><a
 style="color: rgb(153, 153, 153);" id="suite" href="#Un"><span
 style="font-weight: bold;">suite</span></a><span
 style="color: rgb(153, 153, 153);">>></span><br>
</div>
</div>
</div>
<a name="Un"></a><br>
<br>
<br>
<div style="text-align: justify;">
<big style="color: red;">Un nouveau mode de consommation
est en
train d'éclore et de se développer.</big><br>
<div style="text-align: left;"><span
 style="font-weight: bold; color: white;">Un nouveau mode ou
le
consommateur:</span><br>
<span style="font-weight: bold;"></span></div>
<ul style="color: white;">
  <li><span style="font-weight: bold;"><span
 style="color: red;">refuse le diktat des prix</span>
de la
grande distribution et des grandes enseignes,</span></li>
  <li><span style="font-weight: bold;"><span
 style="color: red;">refuse d'être un mouton</span>
mais bel et bien acteur de son achat.</span></li>
</ul>
<span style="font-weight: bold;"><span
 style="color: white;">Le nouveau consommateur
est en
passe de le comprendre, s'il veut avoir du poids, il doit s'organiser
avec d'autres et&nbsp; négocier en groupe.</span><br>
</span>
<div style="text-align: center;"><span
 style="font-weight: bold;"><span style="color: white;">Et</span>
</span><span style="color: red; font-weight: bold;"
 class="clignotant" ;="">TOUT est négociable !</span><span
 style="font-weight: bold; color: white;">....surtout
quand on est plusieurs...</span><br>
</div>
<br>
<div style="text-align: center;"><a href="mh_faq.php"><span
 style="color: rgb(45, 34, 255);">Pour en savoir plus,
cliquez ici...</span>.</a><br>
<br>
</div>
<div style="text-align: center;">
<div style="text-align: left;"></div>
<div style="text-align: right;">
<div style="text-align: center;"><a href="#Ensemble"><img
 style="border: 0px solid ; width: 15px; height: 15px;" alt=""
 src="bouton%20up.png"></a><br>
</div>
<span style="color: rgb(51, 51, 255);"><br>
<br>
<span style="color: rgb(153, 153, 153);"><<
</span></span><a style="color: rgb(153, 153, 153);"
 id="suite" href="#youtube"><span
 style="font-weight: bold;">suite</span></a><span
 style="color: rgb(51, 51, 255);"><span
 style="color: rgb(153, 153, 153);">>></span><br>
<br>
<br>
</span>
</div>
<div style="text-align: left;">
<div style="text-align: center;"><object height="344"
 width="425"><a name="youtube"></a><param
 name="movie"
 value="http://www.youtube.com/v/RqzR-KwjlrI&hl=fr&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999"></object><object
 height="344" width="425">
<embed
 src="http://www.youtube.com/v/RqzR-KwjlrI&hl=fr&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999"
 type="application/x-shockwave-flash" allowscriptaccess="always"
 allowfullscreen="true" height="344" width="425"></object><br>
</div>
<span style="color: rgb(51, 51, 255);"></span><br>
</div>
<div style="text-align: right;"><span
 style="color: rgb(51, 51, 255);"><a href="#Ensemble"><img
 style="border: 0px solid ; width: 15px; height: 15px;" alt=""
 src="bouton%20up.png"></a></span> &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span
 style="color: rgb(153, 153, 153);"><<
</span><a style="color: rgb(153, 153, 153);" id="suite"
 href="#R%E9union"><span style="font-weight: bold;">suite</span></a><span
 style="color: rgb(153, 153, 153);">>></span></div>
</div>
</div>
<div style="text-align: justify;">
<div style="text-align: justify;">
<div style="text-align: left;">
<div style="text-align: justify;">
<div style="text-align: center;">
<div style="text-align: right;"></div>
<object height="344" width="425"></object><br>
<br>
<br>
<br>
<br>
</div>
<big><span style="color: white;"><a name="Réunion"></a>Réunion-Nou.fr</span></big>
<span style="color: white; font-weight: bold;">se veut
être une&nbsp; centrale d'achats pour particuliers
indépendante,</span> <span style="color: red;"><span
 style="font-weight: bold;">créée </span></span><span
 style="color: red;"><span style="font-weight: bold;">par
des particuliers pour des
particuliers,</span></span> <span
 style="font-weight: bold;">&nbsp;</span><span
 style="color: white; font-weight: bold;">et qui ne vous
impose
aucune
contrainte.</span><br>
</div>
<div style="text-align: center;"><br>
</div>
</div>
</div>
<div style="text-align: center;">
<span style="font-weight: bold; color: red;"
 class="clignotant" ;="">Aucune
exclusivité, ni cotisation, ni engagement, prévision ou obligation
d'achat</span><span style="color: red;"> </span><br
 style="color: red;">
<br>
</div>
<big><span style="color: white;">Réunion-Nou.fr</span></big>&nbsp;<span
 style="color: white; font-weight: bold;">met
à votre disposition les meilleurs fournisseurs à prix négociés, ainsi
qu'une plateforme en constante évolution pour s'adapter au mieux à
l'organisation de commandes groupées. </span><br
 style="color: white; font-weight: bold;">
<span style="color: white; font-weight: bold;">
Le principe est simple: une fois</span> <span
 style="color: red; font-weight: bold;" class="clignotant"
 ;="">inscrit gratuitement</span><span
 style="color: red;">,</span>
<big><span style="color: white;">Réunion-Nou.fr</span></big>
<span style="color: white; font-weight: bold;">vous
organise:</span><br>
<ul style="font-weight: bold; color: white;">
  <li>par groupe de&nbsp; personnes,</li>
  <li>par catégorie d'achat souhaitée&nbsp;</li>
  <li>et organisera la Commande
groupée (CG).<br>
  </li>
</ul>
<div style="text-align: center;"><a href="#Ensemble"><img
 style="border: 0px solid ; width: 15px; height: 15px;" alt=""
 src="bouton%20up.png"></a></div>
<span style="font-weight: bold; color: white;"><br>
</span></div>
</div>
<div
 style="text-align: right; color: blue; margin-top: 40px; height: 25px; width: 1000px;"
 ="" id="pied_de_page">
<div style="height: 0px; color: red; text-align: right;"><small><small><a
 style="color: rgb(102, 102, 102);" class="forumlink"
 href="conditions_generales.php">Conditions générales
d'utilisation</a><span style="color: rgb(102, 102, 102);">
|
</span><a style="color: rgb(102, 102, 102);"
 class="forumlink" href="informations_legales.php">Informations
légales</a><span style="color: rgb(102, 102, 102);">
| </span>
<a style="color: white;" class="forumlink"
 href="http://localhost/phpBB3/memberlist.php?mode=viewprofile&u=2"
 target="_blank"><span style="color: rgb(102, 102, 102);">Contact</span></a>
</small></small></div>
<p></p>
<p></p>
</div>
</body>
</html>


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11

Merci à vous

un webmaster novice au bord du suicide

Philippe
GoupilNoir
Lézard vert
Messages : 115
Inscription : 01 oct. 2005, 12:30

Message par GoupilNoir »

<body style="color: rgb(0, 0, 0); margin-left: 0px; width: 1000px;"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
...
<div style="text-align: center; height: 111px; width: 980px;"
id="menu_horizontal">


il est précisé des tailles en pixels
si tu les précises en % ce sera déjà plus adaptatif
Philippe974

Message par Philippe974 »

Merci de ta réponse rapide,

je comprend qu'il soit préférable de mettre des pourcentages
toujours est il que la mise en page qui collait avec 1280X960 ne colle plus du tout, mais alors plus du tout avec les autres paramétrages d'écran.

Mon image de fond fait 1000X549
je ne voudrais pas la répéter

et tous les menus sont décalés le corps de texte aussi et je ne parle même pas du pied de page

Galère

Philippe

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Bonjour,
Philippe a écrit :un webmaster novice au bord du suicide
Essaie tout de même d'attendre quelques jours, pour voir si on peut te dépanner... :wink:

Il est vrai que ce site a été fait un peu comme 95% des gens utilisent le traitement de texte. Je m'explique: à chaque fois que tu fais quelque chose dans la page, il semble que tu le mettes en forme à partir des styles internes: mauvaise pioche!! :P IL faut faire une feuille de style et se limiter au maximum à elle. "le contenu en html et la mise en page en css"
D'après le code fourni, tu as créé une feuille de style appelée design.css. Sachant que cette feuille doit définir ton design (Lapalissade), il serait bon que tu nous la transmettes.
Le mieux serait que tu mettes la page en ligne si tu es déjà titulaire d'un hébergement (tu peux le faire avec Filezilla ou Fireftp( ce dernier est une extension Firefox)
Dernier petit truc pour le moment: dans KompoZer, il faut éviter la barre d'outils "mise en forme 2" et en particulier les boutons "plus petit" et "plus grand" qui font un code assez pourri...
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

attention aux images:
Bannière: ne jamais demander par le code de redimensionner une image plus grande: l'image est systématiquement détériorée et le chargement de la page est plus long, ça bouffe de la bande passante, ça pollue, etc. car c'est l'image à la taille d'origine qui sera chargée.
Donc, prévois dès le départ une image à la taille souhaitée: 468px x 60 px pour ta bannière.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Philippe974

plus que jamais au bord du suicide lol

Message par Philippe974 »

Merci en tous cas d'essayer de m'éviter le suicide lol


Code : Tout sélectionner

body {
  text-decoration: none;
  background-image: url(fond-intro.JPG);
  width: 100%;
  font-family: Arial,Helvetica,sans-serif;
  height: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
.menu_horizontal {
  border-style: none;
  border-color: red;
  font-family: Arial,Helvetica,sans-serif;
  margin-top: 2.4cm;
  overflow: auto;
  position: absolute;
}
.menu_categories {
  border-style: double;
  border-color: red;
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  opacity: 0.652;
  margin-top: 12px;
  background-color: black;
  position: absolute;
}
a:hover {
  border-color: red;
  color: red;
  text-decoration: none;
}
.categories {
  color: white;
  text-decoration: none;
}
.menu {
  color: white;
  text-decoration: none;
}
#inscription {
  border-style: none;
  border-color: red;
  background-color: black;
  opacity: 0.497;
  width: 100%;
  position: absolute;
}
#corps {
  border-style: none;
  border-color: red;
  margin-top: 200px;
  margin-left: 169px;
  color: black;
  background-color: black;
  overflow: auto;
  opacity: 0.702;
  width: 100%;
  height: 100%;
  position: absolute;
}
.clignotant {
  text-decoration: blink;
}
.forumline {
  border-style: double;
  border-color: white;
}
.genmed {
  color: yellow;
}
.forumlink {
  text-decoration: none;
  color: white;
}
.cattitle {
  text-decoration: none;
  color: red;
}
#suite {
  text-decoration: none;
}
#en_tete {
  background-color: black;
  position: absolute;
}
#pied_de_page {
  background-color: black;
  position: absolute;
  opacity: 0.465;
}

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
Philippe974

Message par Philippe974 »

par contre, j'ai un truc de bon

lol

youpi

ma bannière fait 468X60

:lol:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

D'après la feuille de style, les blocs sont généralement positionnés en "absolu", ce qui ne peut que poser des problèmes.
La position absolue fige le bloc à un endroit précis de la page, au risque de se superposer avec un autre bloc: c'est le cas pour le pied de page.

je pense que tu devrais déjà commencer par les fondamentaux en t'inspirant de tutoriels sur KompoZer à disposition: voir ici: http://info.sio2.be/kpz/1/index.php ou ici: http://josar.free.fr/tutoKompozer/index.html
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Philippe974

Message par Philippe974 »

je te remercie énormément

je retourne à mes chers études
c'est préférable

pourtant il ne me manquait pas grand chose

:roll:



Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Tu avais l'impression qu'il ne manquait pas grand' chose... :wink: :P
Mais avec le code actuel, tu aurais dû sans arrêt mettre des rustines pour corriger tel ou tel problème d'affichage, chaque correction pouvant découvrir un nouveau problème.
Il faut au maximum faire le design de ta page avec la feuille de style externe. Le design n'est pas seulement les photos et le fond de page, c'est aussi les polices de caractères, leur taille, la taille des blocs, des cellules de tableau, etc... Tout ça doit se trouver dans la feuille de style et non dans la page html.
Ainsi, le jour où tu veux changer un aspect de ton site, il suffit que tu retouches la feuille de style, et non chacune des multiples futures pages.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
philippe974

Message par philippe974 »

je te remercie vraiment du temps que tu m'as accordé

je prend bonne note de tes précieux conseils
et je reviendrai vers toi quand je serai à nouveau prêt

sinon pour ma part, j'habite à la Réunion depuis 3 ans et si un jour ta route t'emmène par là, n'hésite pas à accepter l'hospitalité réunionnaise.

je t'envoie mon mail en mp

bye

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités