• 17.12.23

    Petitefleur72700 me fait la remarque justifiée qu'elle ne peut écrire sous le montage qu'elle a adapté d'un de me codes.

    Le principe est le même pour écrire au dessus du montage.

    Il faudra donc que j'en tienne compte à l'avenir: Mea Culpa !

    Voici son code:

    <div style="width: 800px; height: 600px; text-align: left; margin: 30px auto;">
    <p style="text-align: center;">&nbsp;</p>
    <p id="aut0">SURVOL</p>
    <p id="aut1" class="aut">&nbsp;</p>
    <p id="aut2" class="aut">&nbsp;</p>
    <p id="aut3" class="aut">&nbsp;</p>
    <p id="aut4" class="aut">&nbsp;</p>
    <p id="aut5" class="aut">&nbsp;</p>
    </div>
    <style><!--
    #aut0{position:absolute; width:200px; text-align:center; font-size:30px; transform:translate(100px,380px);}
    .aut{position:absolute; width:300px; height:250px; border:5px solid white; background-size:800px 600px; filter:grayscale(0.8);box-shadow:4px 4px 6px black; transition:all 1s;}
    #aut1{box-sizing:border-box; background:url('http://ekladata.com/VNK5aWV5NlYPi7ekSdmWppc1QsM/ma-crea-1.jpg'); background-position:0px 0px; transform:translate(0px,0px);}
    #aut2{box-sizing:border-box; background:url('http://ekladata.com/bzSb-u5w9RdJaFvVKkhtwMD9N3U/ma-crea-2.jpg'); background-position:-500px 0px; transform:translate(500px,0px);}
    #aut3{box-sizing:border-box; background:url('http://ekladata.com/QE5sglfU4O5Ir768lt55i42q3Kw/ma-crea-3.jpg'); background-position:-500px -350px; transform:translate(500px,350px);}
    #aut4{box-sizing:border-box; background:url('http://ekladata.com/7l-72uS8AUYcTMtE3A2q-5pWtz4/ma-crea-4.jpg'); background-position:-0px -350px; transform:translate(0px,350px);}
    #aut5{box-sizing:border-box; background:url('http://ekladata.com/G80FkcQbwNfZz8QmS5s6pS90sTc/ma-crea-5.jpg'); background-position:-250px -175px; transform:translate(250px,175px);}
    #aut1:hover,#aut2:hover,#aut3:hover,#aut4:hover,#aut5:hover{z-index:5; width:800px; height:600px; background-position:0px 0px; filter:grayscale(0);transform:translate(0px,0px);}
    --></style>

     

    Entre les lignes en marron et celles en bleu, c'est à dire entre </div> et <style><!-- il faut ajouter une ligne pour que votre curseur puisse se placer sous le montage.

    ce qui peut donner:

    </div>

    <br>...
    <style><!--

    ou encore

    </div>

    <p>&nbsp;</p>
    <style><!--

    Dans le premier cas, vous remplacerez les ... par votre texte et dans le second, votre curseur se placera sous le montage et vous écrirez votre texte.

    Je vais essayer d'y penser lorsque je proposerai un code !