Colonnes + apparence de la page

15 nov. 2011, 18:22

Bonjour,

C'est encore moi.

Je pensais mon problème réglé (voir Dimensionnement de colonnes html-html5-xhtml-css/dimensionnement-co ... 61176.html) mais en fait, non !

Pour plusieurs raisons :
1 - en suivant à la lettre vos conseils et notamment celui de Aureusms (merci infiniment) :

Code : Tout sélectionner

<div id="main">
<div class="contenu">
Contenu1
....
</div>
<div class="contenu">
Contenu2
...
</div>
</div>

j'avais réussi à faire, sur Dream, ce que je voulais, sauf la taille des colonnes (celle de gauche - ici contenu 1 - doit fair à peine la moitié de celle de droite - contenu2). Après quelques essais sur ma page sur le Net (avec mon client ftp), il me semblait que ça irait. Malheureusement, je n'avais pas mis la totalité du code de mon ami.
En fait, j'ai une seule colonne, dont la couleur change, comme le montre cette image :
http://imageshack.us/photo/my-images/6/13917310.jpg/
Explication : le haut de l'image est le bas de la colonne qui, théoriquement, doit se trouver à gauche ; l'image est le haut de la colonne de droite.

2 - Voici le code du bas de la colonne de gauche et du haut de celle de droite (l'image) :

Code : Tout sélectionner

    
</table>
<div style="text-align: center;"></div>
  </div>
      <div style="text-align: center; margin-left: 40px;"><span style="font-family: Georgia,Times New Roman,Times,serif;"></span></div>
      </td> 
</div>
</div>

<div class="contenu">
<p class="center"><img style="width: 341px; height: 226px;" alt="cours espagnol" src="im-esp/cours_espagnol.jpg" /></p>

Pour le bas de la colonne de gauche, j'ai copié-collé le code de mon ami. J'i été un peu affolé par le nombre de div et je me suis dit que le problème provenait probablement de ça.
J'ai ôté systématiquement les </div> qui me paraissaient en surplus, voire une ligne de code complète, comme celle-ci :

Code : Tout sélectionner

<div style="text-align: center;"></div>

ou celle-ci :

Code : Tout sélectionner

<div style="text-align: center; margin-left: 40px;"><span style="font-family: Georgia,Times New Roman,Times,serif;"></span></div>

mais à la limite ces lignes ne me gênent pas, puisqu'elles sont, en quelque sorte « fermées » avec un div au début et un /div à la fin.

Je me suis alors attaqué aux div en faisant une recherche dans Dream.
Il y a 6 <div (en fait 4 si j'ôte les 2 des lignes de code ci-dessus) et 8 </div (en fait 6 si je fais la même chose), c'est donc bien de là que provient le problème.
Je viens de faire un essai en ôtant tout ça :

Code : Tout sélectionner

<div style="text-align: center;"></div>
  </div>
   <div style="text-align: center; margin-left: 40px;"><span style="font-family: Georgia,Times New Roman,Times,serif;"></span></div>   
      </td> 
</div>

Génial parce que tout est compris dans mon conteneur et en fait je retrouve le cadre de mes pages habituelles.
En agissant ainsi, je n'ai plus que 4 <div et 4 </div, donc je devrais être content, mais malheureusement je n'ai qu'une seule colonne
Ma question est la suivante : mes compétences étant ce qu'elles sont, c'est-à-dire limitées, que dois-je faire pour :
- avoir deux colonnes,
- avoir une colonne de gauche de 228 px, par exemple et une de droite de 500 px (mon container mesure 728 px en largeur) ?

Merci à qui pourra me l'expliquer.

PS : je rouvre mon post pour vous montrer ce que j'ai sur la page de Dream, ici :
https://dl-web.dropbox.com/get/Photos/01.jpg?w=f567d09c
et sr ma page sur le Net :
https://dl-web.dropbox.com/get/Photos/02.jpg?w=07738a0a

17 nov. 2011, 00:09

peux tu faire voir le code complet ?

17 nov. 2011, 00:33

regarde la: http://www.tomsyweb.com/component/conte ... 2-colonnes

17 nov. 2011, 09:23

Bonjour et merci,

Voici le code complet (dans Dream, et il est très long ! je crois d'ailleurs que je n'ai pas terminé
de tout éliminer et c'est peut-être l'origine de la chose ) :

Code : Tout sélectionner

<?php $titre = 'Apprenez l\'espagnol'; include ('include/header.php'); ?>

   <style type="text/css">
<!--
.Style1 {font-size: 18px}
.Style3 {font-size: 12px}
.Style4 {font-size: 16px}
-->
   </style>
   <p class="center">Maintenant, une nouvelle m&eacute;thode permet d'apprendre <span class="souligne">l'essentiel de l'espagnol en 30 jours</span></p>
   <h1 class="lettrine"> &laquo; &Agrave; Ceux qui Pensent qu'il est Difficile d'Apprendre l'Espagnol &raquo;</h1>
 <p><img src="im-esp/S.gif" height="50" width="50" />i vous voulez facilement et rapidement apprendre &agrave; parler l'espagnol,<br />
  alors ce message est si important qu'il pourrait bouleverser 
  aussi bien votre vie priv&eacute;e que professionnelle.<br />
Car OUI, vous pouvez parler 600 mots d'espagnol en moins de temps 
  qu'il ne faut &agrave; un lave-vaisselle pour faire son travail.<br /> 
  Il existe une fa&ccedil;on d'apprendre l'espagnol qui est tellement 
  facile que m&ecirc;me un enfant de 12 ans peut l'appliquer. </p>
 <p class="center">Sceptique ? Alors regardez le t&eacute;moignage de St&eacute;phane et Delphine Patinois :</p>

   <p class="center">_____________________________________________________</p>

<div id="main">
<div class="contenu"> 
 <p class="grascentrecouleur2">Parler l'Espagnol Peut Transformer<br />
 Votre Vie Pour Toujours !</p>
 
 <p> Voici quelques-uns des nombreux avantages dont vous jouissez &agrave; 
savoir parler espagnol :<br />
<img src="im-esp/pucewt.jpg" height="18" width="35" />&nbsp;Votre <u><b>curriculum vitae</b></u> devient beaucoup 
plus attractif<br />
<img src="im-esp/pucewt.jpg" alt="" width="35" height="18" />&nbsp;Vous &ecirc;tes en position de force pour n&eacute;gocier une 
augmentation<br />
<img src="im-esp/pucewt.jpg" alt="" width="35" height="18" />&nbsp;Vous donnez le sentiment &agrave; vos interlocuteurs d'&ecirc;tre <u><b>encore 
plus intelligent</b></u><br />
<img src="im-esp/pucewt.jpg" alt="" width="35" height="18" />&nbsp;Vous usez de ce petit accent si sexy et <u><b>qui fait 
tant d'effet</b></u> sur les Hispaniques<br />
<img src="im-esp/pucewt.jpg" alt="" width="35" height="18" />&nbsp;Vous voyagez beaucoup plus <u><b>si vous le souhaitez</b></u>, 
m&ecirc;me aux frais de votre patron<br />
</p>
 <p class="grascentrecouleur">Mais attendez, ce n'est pas tout ! Il y a bien d'autres avantages insoup&ccedil;onn&eacute;s 
        &agrave; savoir parler l'espagnol comme ce sera votre cas dans 30 jours.</p>
       <br />
<p> Par exemple :<br />
Savez-vous que l'espagnol sera plus parl&eacute; que l'anglais dans le monde dans moins de 20 ans?</p>
<p> Consid&eacute;rez un instant le fait d'avoir cette corde de plus &agrave; votre arc.<br />
Vous rendez-vous compte? Vous devez savoir que le nombre de personnes capables de parler 2 langues est rare - on parle de 15% de la population mondiale ! </p>
<p> Vos ferez donc AUTOMATIQUEMENT partie d'une<b> certaine &eacute;lite mondiale</b>: les personnes bilingues. Vous pourrez m&ecirc;me en faire profiter vos enfants.</p>
<p class="grascentrecouleur">Parler Espagnol en 30 Jours <br />
 Livre &eacute;lectronique de 204 pages - 2h47 d'Audios</p> 
<p> En combinant la lecture, l'audio et les facilit&eacute;s nouvelles de l'informatique, <span class="souligne">cette m&eacute;thode simple</span> vous permettra de r&eacute;aliser facilement ce tour de force en une p&eacute;riode extr&ecirc;mement courte.</p>
<p class="center"><img style="width: 319px; height: 212px;" alt="parler espagnol header" src="im-esp/parler_espagnol_header.jpg" /></font>  </p>
<span class="petitcoulSBcentre">l'espagnol sera plus parl&eacute; que l'anglais dans le monde dans moins de 20 ans</span>. 
<h2>Cette M&eacute;thode va Vous Faire Passer <br /> Pour un G&eacute;nie des Langues</h2>
<p class="grascentre">Je veux pouvoir parler espagnol dans 30 jours</p>
 <p> Ce cours a &eacute;t&eacute; con&ccedil;u sans fioritures, par des gens qui ont des points communs: tous sont n&eacute;s en Espagne, parlent et &eacute;crivent couramment l'espagnol et vivent en France.</p>
<p class="center">oO--&nbsp; Cette fine &eacute;quipe a &eacute;t&eacute; rassembl&eacute;e et dirig&eacute;e par Sophie Rodriguez, sp&eacute;cialiste de l'apprentissage des langues (elle en parle 
 6 couramment!). --oO</p>
<p> Sophie et son &eacute;quipe ont fait le m&ecirc;me constat : les Fran&ccedil;ais pensent que l'espagnol est une langue difficile. </p>
<p>Il n'y a rien de plus faux :</p>
<p class="grascentre">&laquo;l'espagnol et le fran&ccedil;ais sont des langues soeurs. &raquo;</p>
<p> En fait, il y a probablement plus de similitudes entre le fran&ccedil;ais et l'espagnol qu'entre toute autre langue. <br />
 <br />
 La preuve c'est que : </p>
<h2> &laquo; Vous Connaissez D&eacute;j&agrave; Pr&egrave;s de 3.000 Mots <br />
Espagnols Sans le Savoir ! &raquo;</h2>
<p> Tout ce dont vous avez besoin &agrave; ce stade, c'est de modifier l&eacute;g&egrave;rement votre fa&ccedil;on de dire ces mots et vous devez ensuite apprendre &agrave; les organiser en phrases coh&eacute;rentes. C'est tout ! <br />
 <br />
 Vous avez donc 2 choix. <br />
 <br />
&nbsp;&nbsp; &nbsp;=> Ou vous prenez le risque de vivre la m&ecirc;me 
 douloureuse exp&eacute;rience que St&eacute;phane et Delphine, <br />
 <br />
 &nbsp;&nbsp;&nbsp;&nbsp;=> Ou vous &eacute;vitez toute une s&eacute;rie de d&eacute;sagr&eacute;ments et suivez la voie de la sagesse en utilisant cette m&eacute;thode d'apprentissage 
 facile et rapide. <br />
 <br />
 Vous le savez : beaucoup de gens r&ecirc;vent d'&ecirc;tre capable de parler 
 et de comprendre plusieurs langues. <br />
 <br />
 Et vous d'ailleurs ? <br />
&laquo; <span class="grascentre">N'aimeriez-vous pas pouvoir vous vanter d'&ecirc;tre capable de parler le fran&ccedil;ais et l'espagnol ?</span> &raquo;</p>
<p> Jusqu' &agrave; aujourd'hui on peut probablement dire que oui vous aimeriez mais que vous ne saviez pas comment faire et que la performance vous paraissait insurmontable.&nbsp;</p>
<p>Il n'en n'est rien, vous en avez maintenant la confirmation. <br />
Voici l'opportunit&eacute; de grandir personnellement tant &agrave; titre priv&eacute; que professionnel. <br />
Des enqu&ecirc;tes r&eacute;v&egrave;lent d'ailleurs que si vous parlez une langue comme l'espagnol en plus du fran&ccedil;ais, vous serez per&ccedil;u comme : </p>
<ul>
<li><img src="im-esp/C4.jpg" height="30" width="30" />Ayant un Q.I. sup&eacute;rieur &agrave; la normale</li>
<li><img src="im-esp/C4.jpg" alt="" width="30" height="30" />&Eacute;tant quelqu'un de fiable</li>
 <li><img src="im-esp/C4.jpg" alt="" width="30" height="30" />&Eacute;tant plus charismatique</li>
<li><img src="im-esp/C4.jpg" alt="" width="30" height="30" />Ayant un charme 
   quasi-magn&eacute;tique - merci petit accent fran&ccedil;ais ! </li>
<li> <img src="im-esp/C4.jpg" alt="" width="30" height="30" />Faisant partie 
   d'une certaine &eacute;lite sociale et intellectuelle </li>
  </ul>
<p class="grascentre">Oui, je veux devenir plus charismatique<br />
 gr&acirc;ce &agrave; l'espagnol</p>
<p> Bien s&ucirc;r, vous vous demandez sans doute comment vous allez 
 faire pour apprendre toute une langue en un laps de temps si 
 court. <br />
 <br />
 Et bien voici un premier indice : comme vous le savez maintenant, 
 <span class="souligne">vous connaissez d&eacute;j&agrave; pr&egrave;s 
 de 3.000 mots d'espagnol !</span></p>
<p> Cela veut dire concr&egrave;tement qu'il existe 3.000 mots qui s'&eacute;crivent 
 quasiment de la m&ecirc;me fa&ccedil;on dans les deux langues, il vous suffit 
 juste d'apprendre &agrave; les prononcer. <br />
 <br />

 Deuxi&egrave;me indice: il ne s'agit pas de vous apprendre un espagnol 
 &laquo; universitaire &raquo;! <u>Hors de question de croire que &ccedil;a va &ecirc;tre 
 difficile et p&eacute;nible</u>. </p>
<p>Vous aurez non seulement la satisfaction de comprendre et <u><b>de 
 parler l'espagnol dans 30 jours</b></u>, mais en plus sans aucune 
 &laquo; prise de t&ecirc;te &raquo;. </p>
<div align="center">
  <table border="1" width="90%">
    <tr bgcolor="#ffd700"> 
      <td> 
        <p>Au vu de ce nouvel &eacute;l&eacute;ment, la question que vous vous posez 
          peut-&ecirc;tre &agrave; cet instant est &laquo; qu'est-ce que je risque? &raquo;. La v&eacute;rit&eacute; 
          est que vous avez tout &agrave; gagner et rien &agrave; perdre. <br />
          <br />
          Alors ne dites pas &laquo; oui &raquo;. Dites &laquo; peut-&ecirc;tre &raquo; car vous n'avez 
          aucun engagement.</p>
    <p> Voici ce que vous allez d&eacute;couvrir 
      dans cette m&eacute;thode:<br />
      <br />
      <img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" />Un 
      programme &eacute;volutif quotidien : suivez le guide on s'occupe de tout ! <br />
      <br />
      <img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" /> Une petite le&ccedil;on par jour. Avec la transcription des fichiers 
      audio pour que vous puissiez ancrer les sons et prononciations 
      typiques tout en lisant.<br />
      <br />
      <img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" />Un 
      ebook facile &agrave; lire et &agrave; emporter partout avec vous.<br />
      Au format pdf, l&eacute;ger et facile &agrave; emporter<br />
      <br />
      <img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" />Les 
      expressions courantes et <b>les formules pour lier connaissance</b> 
      (2 X 45 min.). &nbsp; &nbsp;</p>
    <p><img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" /><b>Comment 
      aborder quelqu'un</b>, demander le chemin, louer une voiture, 
      etc.<br />
      <br />
      <img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" />Comment 
      utiliser les noms communs pour faire des phrases simples (3 
      X 45 min.)<br />
      <br />
      <img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" />Comment 
      &eacute;viter de r&eacute;p&eacute;ter les m&ecirc;mes mots comme un petit enfant (2 X 
      45 min.)<b>Vous apprendrez &agrave; construire et &agrave; dire des phrases 
        simples, coh&eacute;rentes</b> et intelligibles sans effort apparent. <br />
      <br />
      <img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" /><b>Comment 
        donner plus de relief &agrave; votre conversation</b> et imager votre 
      pens&eacute;e (3 X 45 min.). L'espagnol est une langue expressive et 
      tr&egrave;s vivante. Elle n'aura plus de secrets pour vous.<br />
      <br />
      <img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" />Les 
      astuces pour rendre vos phrases plus actives et dynamiques (2 
      X 45 min.)<br />
      <br />
      <img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" />C<b>omment 
        &ecirc;tre s&ucirc;r d'&ecirc;tre compris</b> en cas de grande n&eacute;cessit&eacute; (3 X 
      45 min.) Le temps pass&eacute; (3 x 45 min.) Le temps futur (2 x 45 
      min.)<br />
      <br />
      <img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" /><b>Comment 
        entretenir une conversation</b> et avoir la m&ecirc;me r&eacute;partie qu'un 
      espagnol (2 x 45 min.) </p>
    <p> Si vous agissez rapidement, vous recevrez en plus un <b>CADEAU 
      EXCLUSIF</b>. </p>    </td> </tr> 
  </table>
  <table border="1" width="100%">
    <tr bgcolor="#9999ff"> 
      <td> 
        <p style="text-align: left; background-color: rgb(255, 255, 153);"><img src="im-esp/pucewt.jpg" />&nbsp; 
          Pourquoi un Voyage de Noces Peut Virer au Cauchemar</p>
    <p style="text-align: left; background-color: rgb(255, 255, 153);"><img src="im-esp/pucewt.jpg" />&nbsp; 
      Comment Passer Pour un G&eacute;nie des Langues en 45 minutes 
      par Jour</p>
    <p style="text-align: left; background-color: rgb(255, 255, 153);"><img src="im-esp/pucewt.jpg" />&nbsp; 
      Comment Tirer Avantage de Votre Petit Accent Fran&ccedil;ais 
      &laquo; <i>Mucho Sexy</i> &raquo;</p>
    <p style="text-align: left; background-color: rgb(255, 255, 153);"><img src="im-esp/pucewt.jpg" />&nbsp; 
      Comment Facilement Obtenir une Augmentation de Salaire</p>
    <p style="text-align: left; background-color: rgb(255, 255, 153);"><img src="im-esp/pucewt.jpg" />&nbsp; 
      R&eacute;sultats Assur&eacute;s !</p></td> </tr> 
  </table>
  <br />
</div>
<p class="grascentre" style="text-align: center;">Soit vous obtenez les r&eacute;sultats escompt&eacute;s<br />
Soit l'int&eacute;gralit&eacute; de votre argent vous est rembours&eacute;e. </p>
<p><img src="im-esp/M.gif" height="41" width="50" />ais vous savez, 
         ce n'est pas tout. En tant que promoteur de cette m&eacute;thode, nous 
         nous posons aussi des questions et nous nous mettons &agrave; votre 
         place. </p>
  <p>Nous comprenons que vous vous posez des questions et que vous 
         avez des craintes. </p>
        <p>Par exemple, nous nous sommes demand&eacute; comment faire pour que 
         vous soyez s&ucirc;r que cette m&eacute;thode marchera pour vous. Ou encore 
         comment vous rassurer sur le fait que vous parlerez espagnol 
  dans 30 jours ou moins ? </p>
        <p>C'est simple, nous avons d&eacute;cid&eacute; ceci: </p>
        <p>Soit vous obtenez les r&eacute;sultats escompt&eacute;s, <span class="grasSB">soit l'int&eacute;gralit&eacute; 
         de votre argent vous est rembours&eacute;e.</span></p>

<p class="grascentre">Vous ne prenez absolument aucun risque. <br />
         Tous les risques sont pour nous.</p>
<p>&laquo; <i>Mais comment est-ce possible ?</i> &raquo; vous demandez-vous.<br />
         <br/>
         Et bien c'est parce que nous sommes tellement certains de la 
         qualit&eacute; et de l'efficacit&eacute; de ce cours que nous vous proposons 
         l'offre suivante :</p>
  <p class="center"><img style="width: 325px; height: 208px;" alt="garantie" src="im-esp/certificate.gif" /></p>
  <p><img style="width: 30px; height: 30px;" alt="1" src="im-esp/N1.png" />&nbsp;<b>Payez 
         seulement la moiti&eacute; du prix de la m&eacute;thode</b></p>
  <p><img style="width: 30px; height: 30px;" alt="2" src="im-esp/N2.png" /><b>Recevez 
         la TOTALIT&eacute; du cours</b></p>
  <p><img style="width: 30px; height: 30px;" alt="3" src="im-esp/N3.png" /><b>Exercez-Vous 
         et Suivez la M&eacute;thode Pendant 30 Jours</b></p>
  <p><img style="width: 30px; height: 30px;" alt="4" src="im-esp/N4.png" />&nbsp;<b>Versez 
         le Solde UNIQUEMENT Lorsque Vous Parlez Espagnol</b></p>
<table width="61%" border="1" align="center" height="430">
         <tr bgcolor="#FFCCCC"> 
          <td> 
           <p class="center"><font color="#FF3333">"Oui, 
            je veux Apprendre &agrave; Parler Espagnol en <u>30 jours</u>"</font> 
            </b></p>
           <p class="center"><font color="#FF3333"><b>Ou 
            je suis rembours&eacute;</b></font></p>
            <p><font color="#000000">* 
             Je suis convaincu que l'espagnol est la langue de l'avenir 
             dans les 20 ans qui viennent.</font></p>
            <p><font color="#000000">* 
             Je suis conscient qu'&ecirc;tre bilingue (ou plus) est 
             le meilleur moyen de <u>gagner plus d'argent</u> et 
             de conserver son emploi (dans un contexte comme actuel)</font></p>
            <p><font "#000000">* 
             J'accepte votre votre de vous r&eacute;gler <u>27 euros 
             seulement</u> (la moiti&eacute;) <i>et les 27 autres 
             euros quand je parlerai espagnol.</i></font></p>
           <p class="center"><img src="bouton_parler_espagnol.jpg" width="280" height="104" /></p>
          </td>
         </tr>
    </table>
</div>

<div class="contenu">
<p class="center"><img style="width: 341px; height: 226px;" alt="cours espagnol" src="im-esp/cours_espagnol.jpg" /></p>
<p class="center">Le t&eacute;moignage de St&eacute;phane et Delphine Patinois :<br /> 
 &laquo; Une histoire qui aurait pu vous arriver &raquo; </p>
<p><img src="im-esp/S.gif" height="50" width="50" />t&eacute;phane Patinois s'&eacute;tait int&eacute;ress&eacute; &agrave; cette m&eacute;thode avant son d&eacute;part pour le Mexique en voyage de noces. Son &eacute;pouse et lui se disaient que leur s&eacute;jour serait bien plus plaisant et moins stressant s'ils ma&icirc;trisaient quelque peu l'espagnol.<br />
<br />Mais bon, vous savez comment vont les choses. L'effervescence du mariage, quelques soucis de derni&egrave;re minute et quelques reports au lendemain ont fait que les tourtereaux se sont d&eacute;tourn&eacute;s de leur but initial.<br /><br />
Ils ont ralli&eacute; Cancun au d&eacute;part de Paris sans vraiment conna&icirc;tre <br />
11 heures de vol. C'est long.<br /><br />
Trop long lorsqu'en plus vous essayez de vous faire comprendre du sympathique couple de Mexicains des si&egrave;ges voisins. <br /><br />
Entre parenth&egrave;ses, sachez qu'il est r&eacute;ellement ext&eacute;nuant de chercher ses mots et de tenter de comprendre une langue &eacute;trang&egrave;re lorsqu'on n'a aucune notion de base... <br /><br />
 Apr&egrave;s un vol et un atterrissage sans encombre, ils ont ensuite &eacute;t&eacute; saisis par la chaleur et la moiteur de l'air &agrave; la sortie de l'avion. Direction le parking des taxis apr&egrave;s une heure d'attente et d'interrogations pour r&eacute;cup&eacute;rer les bagages (&laquo; <i>comment signaler la perte d'une valise ?</i> &raquo;). Petit stress pour s'orienter dans l'immense a&eacute;roport. Ils comprennent qu'&eacute;tage se dit '<span class="ital">piso'</span> et que sortie se dit '<span class="ital">salida'</span>.<br />
 <br />
 Une incroyable rang&eacute;e de taxis les attend. L'effervescence est indescriptible et la moiteur &eacute;touffante. Pas le temps de bouger : un chauffeur s'est d&eacute;j&agrave; saisi des bagages. Il les jette dans le coffre et le referme aussit&ocirc;t. Il leur ouvre les portes et disparait dans son v&eacute;hicule en criant quelque chose d'incompr&eacute;hensible. 
<br /><br />
Il fait encore plus chaud dans la voiture. Comment demander de l'air ? Les vitres &eacute;lectriques ne fonctionnent pas. &laquo; <span class="ital">Sans doute une s&eacute;curit&eacute; pour les enfants &raquo; </span>se dit Delphine. Le chauffeur roule d&eacute;j&agrave;. <br />
<br />
Mais o&ugrave; va-t-il ? St&eacute;phane et Delphine ne lui ont encore rien dit ! St&eacute;phane saisit la r&eacute;servation d'h&ocirc;tel dans son sac banane et tend le document au chauffeur qui marmonne de nouveau un charabia impossible &agrave; d&eacute;crypter.<br /><br />
Combien de temps cela va-t-il prendre ? Combien est-ce que &ccedil;a va co&ucirc;ter ? Que dit-il &agrave; la radio ? Impossible de savoir. &laquo; <span class="ital">Tu crois qu'on va se faire avoir ? </span>&raquo; demande Delphine. 
<br /><br />
St&eacute;phane r&eacute;pond dans un souffle: &laquo; <span class="ital">Aucune id&eacute;e. J'esp&egrave;re que non. &eacute;coute, il a l'adresse de l'h&ocirc;tel, donc je suppose que &ccedil;a va aller. </span>&raquo;<br /><br />
Ils s'installent alors dans le fond de leur si&egrave;ge. Ils viennent de faire 11 heures d'avion. Ils ne sont pas en forme. Leur voyage de noce commence dans un taxi qui semble avoir fait 5 fois le tour de la plan&egrave;te. Ils sont tremp&eacute;s de sueur. Ils veulent une douche. <br /><br />
Mais comment dit-on douche ? Aucune id&eacute;e. &laquo; <span class="ital">On verra bien lorsque nous serons arriv&eacute;s &agrave; l'h&ocirc;tel </span>&raquo; pense Delphine.<br /><br />
<span class="grascentre Style1">&laquo; Nous Avons Par Chance &eacute;vit&eacute; le Pire : <br />
Le Chauffeur Aurait pu Nous Conduire n'Importe o&ugrave; <br />
Sans que Nous en Ayons la Moindre Id&eacute;e &raquo; </span></p>
<p>Inutile de vous faire un dessin. Le reste du voyage de noces de St&eacute;phane et Delphine a &eacute;t&eacute; du m&ecirc;me acabit.<br /><br />
Rendez-vous compte : de simples choses deviennent terriblement compliqu&eacute;es lorsqu'il s'agit de s'exprimer dans une autre langue.
<br />
<br />
- &laquo;<span class="ital"> Comment dire que St&eacute;phane est allergique aux champignons ? </span>&raquo;
<br />
- &laquo; <span class="ital">Comment dire que Delphine a des migraines ophtalmiques et qu'elle va &ecirc;tre &agrave; court de m&eacute;dicaments ? </span>&raquo;<br />
- &laquo; <span class="ital">Comment se d&eacute;barrasser de ce d&eacute;sagr&eacute;able sentiment de ne pas maitriser les choses, voire pire : </span><span class="italgras">avoir l'impressionde se faire rouler</span>. &raquo;</p>
<p><img style="width: 490px; height: 350px;" alt="pack parler espagnol" src="im-esp/pack_parler_espagnol.jpg" /></p>
<p class="grascentre">&laquo; Une toute nouvelle fa&ccedil;on d'apprendre l'espagnol vient de para&icirc;tre. &nbsp;<br />
 Et la bonne nouvelle c'est 
          qu'elle vous permet de parler espagnol <br />
 en seulement 30 jours &raquo;. </small></small></small></h1>
</p>
<p class="grascentrecouleur2">&laquo; Nous Avons &eacute;t&eacute; Stress&eacute;s Durant Tout le 
          S&eacute;jour. <br />
 Mais c'est la Derni&egrave;re Fois que &ccedil;a Nous Arrivera ! &raquo; </p>
         <p class="center Style3" cl="cl"	ass="center">St&eacute;phane et Delphine Patinois, utilisateurs enthousiaste</p>
         <p> Ils ont ensuite voyag&eacute; sans encombre 
          dans d'autres pays hispaniques comme les Philippines et le 
          Maroc o&ugrave; c'est la deuxi&egrave;me langue officielle.</p>
<p class="grascentre Style1">Je veux moi aussi parler espagnol</pr>
 </p>
<p> Mais revenons-en &agrave; vous via un 
          simple petit test, voulez-vous. Si vous comprenez au moins 
          en partie la phrase suivante, <span class="souligne">vous d&eacute;tenez alors la preuve</span> 
          que vous avez le bagage n&eacute;cessaire pour <span class="souligne">parler rapidement 
          et facilement l'espagnol</span>:</p>
<h1>&laquo; En Espa&ntilde;ol, Todo lo que <br />
se Escribe se Pronuncia &raquo;</h1>
<p> Alors ? C'est plut&ocirc;t facile n'est-ce pas ? <br /><br />
Vous l'avez sans doute compris, cette phrase signifie &laquo; <span class="italgras"> En espagnol, tout ce qui s'&eacute;crit se prononce </span>&raquo;. Quelle belle 
mani&egrave;re d'expliquer &agrave; quel point cette langue peut &ecirc;tre facile  &agrave; apprendre ! Surtout si vous vous y prenez avec les bons outils... 
<br />
          <br />
En parlant d'outil, voil &agrave; qu'<span class="souligne">une toute nouvelle fa&ccedil;on d'apprendre 
          l'espagnol </span>vient de para&icirc;tre. &nbsp;Et la bonne nouvelle c'est 
          qu'elle vous permet de parler espagnol en seulement 30 jours.</p>
         
<p class="center"><img style="width: 128px; height: 128px;" alt="audio" src="im-esp/hp.gif" /><br />
 <span class="grascentrecouleur">Le Pouvoir de l'audio</span></p>
<p>&laquo; Parlez en Espagnol en 30 Jours &raquo; vous est propos&eacute; en 12 Audios. Vous pouvez les &eacute;couter sur votre ordinateur, sur votre lecteur de MP3, sur votre Ipod 
 ou en CD audio<br />
               <br />
               Chaque phrase s'inscrira dans votre esprit et, au 
               lieu de seulement lire -- et d'oublier, vous &eacute;couterez, 
               et cela se gravera dans votre esprit. Vous pouvez 
               r&eacute;p&eacute;ter, &agrave; votre rythme, les expressions espagnoles, 
               tout comme si vous &eacute;tiez en Espagne.<br />
               <br />
               Si une nuance vous &eacute;chappe, un simple geste et vous 
               la r&eacute;&eacute;coutez. Vous d&eacute;veloppez ainsi un r&eacute;flexe audio-visuel 
               qui d&eacute;cuplera votre apprentissage de la langue.</p>
          <h2>&laquo; Parler l'Espagnol Peut Transformer <br />
Votre Vie Pour Toujours ! &raquo;</h2>
          <p> Voici quelques-uns des nombreux avantages dont vous jouissez 
           si vous savez parler espagnol:</p>
 <ul>
<li><img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" /> Votre <u><b>curriculum vitae</b></u> devient 
                 beaucoup plus attractif</li>
               <li><img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" />Vous &ecirc;tes en position de force pour n&eacute;gocier 
                 une augmentation</li>
<li><img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" /> Vous donnez le sentiment &agrave; vos interlocuteurs 
                 d'&ecirc;tre <u><b>encore plus intelligent</b></u></p>
  </li>
<li><img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" /> Vous usez de ce petit accent si sexy et <u><b>qui 
                 fait tant d'effet</b></u> sur les hispaniques</p>
  </li>
<li><img style="width: 25px; height: 18px;" alt="puce" src="im-esp/puce.jpg" /> Vous voyagez beaucoup plus <u><b>si vous le 
                souhaitez</b></u>, m&ecirc;me aux frais de votre patron</li>
 </ul>

          <p> Mais attendez, ce n'est pas 
           tout! Il y a bien d'autres avantages insoup&ccedil;onn&eacute;s &agrave; savoir 
           parler l'espagnol <span class="italgras">comme ce 
           sera votre cas dans 30 jours</span>. &nbsp;Par exemple: 
           <br />
 </p>
<p> Savez-vous que l'espagnol sera plus parl&eacute; que l'anglais dans le monde dans moins de 20 ans ? <br />
           <br />
           Consid&eacute;rez un instant le fait d'avoir cette corde de plus 
            &agrave; votre arc. <br />
           <br />
           Vous rendez-vous compte ? Vous devez savoir que le nombre 
           de personnes capables de parler 2 langues est rare - on 
           parle de 15% de la population mondiale! -. <br />
           <br />
           Vos ferez donc AUTOMATIQUEMENT partie d'une certaine &eacute;lite 
           mondiale: les personnes bilingues. Vous pourrez m&ecirc;me en 
           faire profiter vos enfants.</p>
          <h2> &laquo; La V&eacute;rit&eacute; c'est que Parler Espagnol 
  est Vital Pour Votre Carri&egrave;re et Sera Bient&ocirc;t de Plus en Plus &agrave; la Mode &raquo;</h2>
          <p> Vous le savez: les entreprises ne font pas de cadeaux. Soit vous 
           leur faites gagner plus d'argent en acceptant des missions 
            &agrave; l'&eacute;tranger &#8211; et vous aurez des promotions ainsi 
           que des avantages en nature &#8211; soit vous &ecirc;tes un travailleur 
           'normal' rempla&ccedil;able par n'importe quel autre. <br />
          </p>
          <p> Alors &agrave; votre avis, <span class="souligne">quelle est la diff&eacute;rence de salaire</span> 
           entre un employ&eacute; <span class="souligne">bilingue et un autre qui parle seulement 
  le fran&ccedil;ais ?</span></p>
<p>500 euros par an ? <br />
           <br />
           1.000 euros par an ? <br />
           <br />
           2.000 euros par an ? <br />
           <br />

           Et bien non... <br />
           <br /></p>
           <p>
           Des recherches montrent qu'avec 7 ans d'exp&eacute;rience, la diff&eacute;rence 
           de revenu est de... 3.864 &#8364;/an !</p>
<h1> Une Diff&eacute;rence de Salaire de... <br />
           <u>3.864 Euros par an</u> ! </h1>
<p class="center"><span class="grascentrecouleur">Ok, je veux augmenter mon salaire<br />
 gr&acirc;ce &agrave; l'espagnol
 </span></p>
&nbsp;consid&eacute;rez ce cours comme un investissement. Statistiquement ces 
            27&#8364; vous&nbsp; rapporterons 3.864&#8364; par an 
            d'ici 7 ans, soit un rendement extraordinaire de... 10.000%!<br />

 <br />
            Savoir parler l'espagnol n'est pas seulement utile 
            pour obtenir une augmentation ou pour voyager.<br />

 <br />
<img src="im-esp/pucewt.jpg" />&nbsp;Si 
            vous &ecirc;tes&nbsp;<b style="color: rgb(255, 0, 0);"><u>&eacute;tudiant</u></b>, 
            vous ferez de v&eacute;ritables prouesses et pourriez faire un 
            stage ou un m&eacute;moire de fin d'&eacute;tudes &agrave; l'&eacute;tranger - que 
            diriez-vous des Bal&eacute;ares ?<br />
<img src="im-esp/pucewt.jpg" />&nbsp;Si 
            vous &ecirc;tes <b style="color: rgb(255, 0, 0);"><u>sans emploi</u></b>, 
            vos chances de trouver du travail se verront augmenter 
            de mani&egrave;re tr&egrave;s significative et les d&eacute;bouch&eacute;s vers lesquels 
            vous pouvez vous orienter seront beaucoup plus larges. 
            Vous imaginez bien que lorsqu'il s'agit de faire un choix 
            final et qu'il ne reste que quelques candidats, c'est celui qui 
            parle plusieurs langues qui obtient le poste.<br />
<img src="im-esp/pucewt.jpg" />&nbsp;Si 
            vous devez <b style="color: rgb(255, 0, 0);"><u>inviter 
            une personne du sexe oppos&eacute;</u></b> &agrave; un rendez-vous galant, 
            savoir parler espagnol impressionnera lors des fameuses 
            soir&eacute;es salsa 'caliente', dans un restaurant espagnol 
            ou un bar &agrave; tapas (il y a par exemple plus de 2 millions 
            d'hispaniques en France !).<br />
<img src="im-esp/pucewt.jpg" />&nbsp;Si 
            <b style="color: rgb(255, 0, 0);"><u>une personne d'origine 
            hispanique</u></b> entre dans votre famille, vous saurez 
            la comprendre, la mettre &agrave; l'aise et serez un interpr&egrave;te/confident 
            id&eacute;al pour ceux qui n'auront pas eu la chance de d&eacute;couvrir 
            cette m&eacute;thode.
           <br />
<img src="im-esp/pucewt.jpg" />&nbsp;Si 
            vous &ecirc;tes <b style="color: rgb(255, 0, 0);"><u>un vendeur 
            ou un attach&eacute; commercial</u></b>, 
            vos talents linguistiques feront merveille ! Vous permettrez 
             &agrave; votre entreprise de r&eacute;aliser plus de chiffre d'affaires 
            en acceptant les clients de la communaut&eacute; hispanique et 
            ceux-ci vous seront reconnaissant de parler leur langue.</p> 
<p class="center">Ce programme est &agrave; vous pour seulement 54&#8364;.</p>
<p class="gras">Mais rappelez-vous: vous ne payez que la moiti&eacute; du cours maintenant et l'autre moiti&eacute; lorsque vous parlerez espagnol.</p>
<p class="center">Ce cours est donc &agrave; vous dans un instant pour <span class="souligne Style1">seulement</span> <strike>54&#8364;</strike>,&nbsp; <span style="color: rgb(255, 0, 0);">27&#8364;</span>.

          <br />
          </b></p>
<p class="grascentre Style4">C'est parfait ! Je saute sur la chance<br />
           de recevoir ce cours pour seulement 27&#8364;<br />
 SANS AUCUN RISQUE </p>
<br />
<p class="grascentrecouleur2"> Cette offre est sans aucun doute la plus incroyable et la 
plus s&ucirc;re que vous trouverez sur Internet.</p>

 <p>Vous r&eacute;alisez une v&eacute;ritable affaire car un cours de langue 
          co&ucirc;te normalement<span class="italgras"> jusqu' &agrave; 60 fois plus</span>.</p>
<p>Cette m&eacute;thode est <span class="souligne">simple,efficace et amusante mais surtout 
          compl&egrave;te.</span></p>
<p>Elle &eacute;volue avec vos progr&egrave;s, vous permet de travailler votre 
          diction gr&acirc;ce aux heures d'audios enregistr&eacute;s par un v&eacute;ritable 
          orateur espagnol, vous pouvez y revenir sans cesse pour vous 
          perfectionner ou vous rappeler quelques mots oubli&eacute;s, vous 
          pouvez l'emporter partout avec vous et la consulter dans le 
          monde entier et elle vous apportera tout ce dont vous avez 
<br /><br />

          Vous n'avez pas lu cette page par hasard<br /><br />
          Ne laissez donc pas passer cette occasion, ne reportez pas 
          &agrave; plus tard et agissez.</p>
<p class="center"><strong><a href="com-esp.php" target="_blank" class="center">J'agis 
  et je re&ccedil;ois la premi&egrave;re le&ccedil;on de ce cours dans un instant</a></strong></p>
<table align="center" border="1" width="50%">
           <tbody><tr bgcolor="#ff6633"> 
            <td> 
             <p class="center"><img src="im-esp/cadeau.jpg" width="213" height="197" /></p>

             <p class="center"><font color="#ffffff"><b>Si vous agissez 
              rapidement, vous recevrez en plus un :</b></font></p>
             <p class="center"><font color="#ffffff"><b>CADEAU EXCLUSIF. 
              FLASH-TRADUCTEUR </b> </font></p>
             <blockquote> 
              <p class="center"><font color="#ffffff"> C 'est un 
               extraordinaire petit logiciel de reconnaissance 
               des mots qui vous permettra de <b>choisir dans une 
               liste les 600 mots les plus courants de la langue 
               espagnole</b>. </font></p>

              <p class="center"><font color="#ffffff">Ce logiciel 
               vous permet de choisir les mots en fran&ccedil;ais, de 
               voir leur traduction et d'entendre leur prononciation 
               en espagnol en un seul clic! Regardez plut&ocirc;t cette 
               vid&eacute;o de d&eacute;monstration:</font> <!-- Vid&eacute;o Jing --> 
              </p>
             </blockquote>
             <p class="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="475" width="535">
               <param name="movie" value="InstantEspagnol.swf" />
               <param name="quality" value="high" />
               <embed src="InstantEspagnol.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" height="275" width="334"></embed>
                
              </object> </p>

             <p class="center"><font color="#ffffff" face="Arial, Helvetica, sans-serif"><b>Cliquez 
              sur le bouton de lecture pour lancer la vid&eacute;o.</b></font></p>
            <p class="center"><font color="#ffffff"><b><!-- Fin Vid&eacute;o Jing --> 
            <br />
              </b> </font> </p>
             <p class="center"> <font color="#ffffff" size="2"><b><i>FLASH-TRADUCTEUR 
              est un logiciel intuitif et tellement amusant que 
              sa simple utilisation<br />
vous permettra d'apprendre 600 mots en ayant l'impression 
              de jouer</i></b></font></p>
            </td>
           </tr>
          </tbody></table>
          <p class="center">Cliquez 
           sur le bouton de lecture pour lancer la vid&eacute;o.</p>
         
          <!-- Fin Vid&eacute;o Jing --> <br />
          <p class="center"> <font size="2"><i>FLASH-TRADUCTEUR 
           est un logiciel intuitif et tellement amusant que sa simple 
          utilisation<br />
           vous permettra d'apprendre 600 mots en ayant l'impression 
           de jouer</i></font><br />
          </p>
   </div></div>
<?php include('include/footer.php'); ?>

17 nov. 2011, 12:15

donne moi aussi le head et le footer stp car déjà la partie suivant devrait être dans le head

   <style type="text/css">
<!--
.Style1 {font-size: 18px}
.Style3 {font-size: 12px}
.Style4 {font-size: 16px}
-->
   </style>

question: dans dream est ce que tu peux y mettre n'importe quel fichier html ? ou il doit obligatoirement être créer avec dream ?

17 nov. 2011, 12:25

en regardant de plus prés, tu as déclarer 2 <div class="contenu"> donc les deux auront les même forme et propriété...

j'ai besoin de savoir si dream accepte n'importe quel fichier html et est qu'il accepte les fichier css a part ?

17 nov. 2011, 13:36

test ca, en dessous de div id main, change la div contenu comme je te propose, uniquement la 1er div contenu, pas l'autre

<div id="main" >
    
<div class="contenu" style="width:430px; float:left; background-color:#CCCCCC; padding:10px;">

Colonnes + apparence de la page

Qui est en ligne