• Exemple 37

    Pour être honnête, je partais sur une autre idée mais qui ne fonctionne pas; comme j'avais hébergé quelques images, je vais le utiliser pour un montage que vous connaissez, sans lignes CSS puisque les outils de la barre d'outils nous permettent de ne pas avoir à ouvrir le code source (<>).

    Le principe est de créer une liste, ce que nous pouvons faire par la première icône et de mettre un lien sur chaque ligne, ce que nous pouvons faire par l'icône maillon de chaîne.

     

    <div style="width: 60vw; height: 13vw; margin: 1vh auto; text-align: left;">
    <ul style="line-height: 2vw;">
    <li><a href="http://ekladata.com/KVwyujUv1hgXfnYFnFHxSuqQ_Wk.jpg" target="_blank">Cliquez sur chaque ligne de cette liste.</a></li>
    <li><a href="http://ekladata.com/SmO5_pklZD2FI52tbh_AUDENxDU.jpg" target="_blank">Quelques photos de l'h&ocirc;tel le R&eacute;cif, &agrave; la R&eacute;union.</a></li>
    <li><a href="http://ekladata.com/xymXnP4Kxz1wRCMf02ONwJsC1VE.jpg" target="_blank">Le ciel est plus souvent bleu que nuageux.</a></li>
    <li><a href="http://ekladata.com/w2W5cmW0Ow52q2ZCzhsQvLP-p84.jpg" target="_blank">Le parc bien arbor&eacute; aux b&acirc;timents espac&eacute;s.</a></li>
    <li><a href="http://ekladata.com/FJoJcA-Sfmve4NHyp2h8_lZG6U8.jpg" target="_blank">La mer toute proche: une route &agrave; traverser et on est sur la plage.</a></li>
    <li><a href="http://ekladata.com/b2VxGvNTQHin6Pq_tWnQLc2GKeA.jpg" target="_blank">St Leu est tout proche avec les vagues qui heurte les rochers basaltiques.</a></li>
    </ul>
    </div>

    Voilà ce que le code-source a écrit automatiquement.

    Le lien est dans une nouvelle page et peut être agrandi en cliquant dessus.

    Pour écarter les lignes, j'ai juste ajouté style="line-height: 2vw;" a <ul><li>...</li></ul>