Mozilla/Google chrome différence d'affichage

[Guilde-Egregore]

Bonsoir,

http://guilde-egregore.forumactif.org/h5-test-astrub

Comme vous pouvez le voir sur Mozilla l'image de droite s'affiche correctement avec les nuages mais sous Chrome la lecture du navigateur n'est pas la même. Avez-vous une idée de la manière de procéder pour donner le même effet.

Enfaite je souhaite que les images de gauche et du milieu ne changent pas de taille mais qu'en fonction de la résolution et la taille de la fenêtre l'image de droite se rétrécie dans la largeur. Ça fonctionne correctement sur les deux navigateurs. Seulement quand j'ajoute l'image pour faire défiler des nuages sur l'image de droite la cellule s'agrandit autant que l'image défilante des nuages.

Voici le code :

Code:

<table style="width: 100%; height: 500px;" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                      
   <tbody>
                   
      <tr>
                                                                                                                                                                
         <td>
                                                                                                                                                                 
         </td>
                                                                                                                                                                
      </tr>
                                                                                                                                                           
   </tbody>
</table>
<table border="1">
                                                                                                                                                                                                                                                                                                                                                                                
   <tbody>
                   
      <tr>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
         <td>
                                                                                                                                                                                                                                                                                                 
            <table style="width: 250px; height: 600px;" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                                                          
               <tbody>
                               
                  <tr>
                                                                                                                                                                                                  
                     <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/statue13.jpg'); background-repeat: no-repeat; background-size: cover; width: 250px; height: 600px;" _moz_resizing="true">
                                                                                                                                         
                        <table style="width: 250px; height: 300px;" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                                                                                                                                                                                                                                      
                           <tbody>
                                           
                              <tr>
                                                                                                                                                                                                                                                                      
                                 <td style="height: 60px;">
                                                                                                                                                                                                                                                                 
                                 </td>
                                                                                                                                                            
                                 <td style="height: 60px;">
                                                                                                                                                                                                                                                                 
                                 </td>
                                                                                                                                                            
                                 <td style="height: 60px;">
                                                                                                                                                                                                                                                                 
                                 </td>
                                                                                                                                                                                                                                                            
                              </tr>
                                                                                                                                                                                                                                                                   
                              <tr>
                                                                                                                                                                                                                                                                      
                                 <td style="width: 80px; height: 20px;">
                                                                                                                                                                                                                                                     
                                 </td>
                                                                                                                                                                                                                                        
                                 <td style="width: 20px; height: 20px;">
                                                                                                                                                        <img src="http://i38.servimg.com/u/f38/18/73/48/08/teteoi11.gif" />                                                                                                 
                                 </td>
                                                                                                                                                                
                                 <td style="width: 150px; height: 20px;">
                                                                                                                                                                                                                                                     
                                 </td>
                                                                                                                                                                                                                                      
                              </tr>
                                                                                                                                                           
                              <tr>
                                                                                                                                                                                                                                                                      
                                 <td style="width: 80px; height: 220px;">
                                                                                                                                                                                                                                               
                                 </td>
                                                                                                                                                                                                                                  
                                 <td style="width: 20px; height: 220px;">
                                                                                                                                                                     
                                 </td>
                                                                                                                                                          
                                 <td style="width: 150px; height: 220px;">
                                                                                                                                                                                                                                               
                                 </td>
                                                                                                                                                                                                                                      
                              </tr>
                                                                                                                                                                                                                                                 
                           </tbody>
                                        
                        </table>
                                                                                                                                         
                        <table style="width: 250px; height: 300px;" _moz_resizing="true" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                                                                                                                                                                                                                                      
                           <tbody>
                                           
                              <tr>
                                                                                                                                                
                                 <td style="width: 250px; height: 100px;">
                                                               
                                 </td>
                                                          
                              </tr>
                                                     
                              <tr>
                                                                                                                                                                                    
                                 <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/t75bla10.png'); background-repeat: repeat; width: 250px; height: 150px;" "="">
                                                                                                                         
                                    <div style="font-size: 24px; font-family: gigi,georgia; color: #FFFFFF;" align="center">
                                                               <em>      <strong>« Astrub, la cité de la paix.<br />Rendez-vous des oiseaux migrateurs... »</strong> </em>                             
                                    </div>
                                                                                                                                                                                                                                                                                                     
                                 </td>
                                                                                        
                              </tr>
                                                     
                              <tr>
                                                          
                                 <td style="width: 250px; height: 50px;">
                                                               
                                 </td>
                                                                                                                                                                                                                                                                                                                      
                              </tr>
                                                                                                                                                                                                                                                 
                           </tbody>
                                        
                        </table>
                                                                                                                                                                                                   
                     </td>
                                                                                                                                                                                                  
                  </tr>
                                                                                                                                                                                                                                                           
               </tbody>
                            
            </table>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
         </td>
                                                                                                                                                                                                                  
         <td>
                                                                                                                                                                                                               
            <table style="width: 450px; height: 600px;" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                                                                                                
               <tbody>
                               
                  <tr>
                                                                                                                                                                                                                              
                     <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/laport12.jpg'); background-repeat: no-repeat; background-size: cover; width: 450px; height: 348px;" _moz_resizing="true">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
                     </td>
                                                                                                                                                                                                                              
                  </tr>
                                                                                                                                                           
                  <tr>
                                                                                                                                                                                                                              
                     <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/border10.png'); background-repeat: repeat; width: 100%; height: 4px;" _moz_resizing="true">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
                     </td>
                                                                                                                                                                                                                              
                  </tr>
                                                                                                                                                                                                                     
                  <tr>
                                                                                                                                                                                                                              
                     <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/enchan13.png'); background-repeat: no-repeat; background-size: cover; width: 450px; height: 248px;" _moz_resizing="true">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
                     </td>
                                                                                                                                                                                                                              
                  </tr>
                                                                                                                                                                                                                                                                                             
               </tbody>
                            
            </table>
                                                                                                                                                                                                                                                                                                                                     
         </td>
                                                                                                                                                                                                  
         <td>
                                                                                                                                                                                   
            <table style="height: 600px;" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                                                  
               <tbody>
                               
                  <tr>
                                                                                                                                                                                            
                     <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/audess12.jpg'); background-repeat: no-repeat; background-size: cover; width: 600px; height: 600px;" _moz_resizing="true">
                                   
                        <marquee>
                                     <img src="http://img15.hostingpics.net/pics/957704audessusastrubnuages.png" />                                                                                                                                                                   
                        </marquee>
                                           
                     </td>
                                                                                                                                                                                            
                  </tr>
                                                                                                                                                                                                                                                   
               </tbody>
                            
            </table>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
         </td>
                                                                                                                                                                                                                            
      </tr>
                                                                                                                                                                                                         
   </tbody>
</table>

Sous chrome



Merci, n'hésitez pas à me demander d'expliquer si je n'ai pas été assez clair.

Bonne soirée à vous.

[MlleAlys]

Bonjour,
Supprimez la largeur de 600px dans la cellule contenant la balise marquee, et limitez cette dernière à la largeur voulue :

Code:

<table style="width: 100%; height: 500px;" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                     
  <tbody>
                   
      <tr>
                                                                                                                                                               
        <td>
                                                                                                                                                                 
        </td>
                                                                                                                                                               
      </tr>
                                                                                                                                                           
  </tbody>
</table>
<table border="1">
                                                                                                                                                                                                                                                                                                                                                                               
  <tbody>
                   
      <tr>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
        <td>
                                                                                                                                                                                                                                                                                                 
            <table style="width: 250px; height: 600px;" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                                                         
              <tbody>
                               
                  <tr>
                                                                                                                                                                                                 
                    <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/statue13.jpg'); background-repeat: no-repeat; background-size: cover; width: 250px; height: 600px;" _moz_resizing="true">
                                                                                                                                         
                        <table style="width: 250px; height: 300px;" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                                                                                                                                                                                                                                     
                          <tbody>
                                           
                              <tr>
                                                                                                                                                                                                                                                                     
                                <td style="height: 60px;">
                                                                                                                                                                                                                                                                 
                                </td>
                                                                                                                                                           
                                <td style="height: 60px;">
                                                                                                                                                                                                                                                                 
                                </td>
                                                                                                                                                           
                                <td style="height: 60px;">
                                                                                                                                                                                                                                                                 
                                </td>
                                                                                                                                                                                                                                                           
                              </tr>
                                                                                                                                                                                                                                                                   
                              <tr>
                                                                                                                                                                                                                                                                     
                                <td style="width: 80px; height: 20px;">
                                                                                                                                                                                                                                                     
                                </td>
                                                                                                                                                                                                                                       
                                <td style="width: 20px; height: 20px;">
                                                                                                                                                        <img src="http://i38.servimg.com/u/f38/18/73/48/08/teteoi11.gif" />                                                                                                 
                                </td>
                                                                                                                                                               
                                <td style="width: 150px; height: 20px;">
                                                                                                                                                                                                                                                     
                                </td>
                                                                                                                                                                                                                                     
                              </tr>
                                                                                                                                                           
                              <tr>
                                                                                                                                                                                                                                                                     
                                <td style="width: 80px; height: 220px;">
                                                                                                                                                                                                                                               
                                </td>
                                                                                                                                                                                                                                 
                                <td style="width: 20px; height: 220px;">
                                                                                                                                                                     
                                </td>
                                                                                                                                                         
                                <td style="width: 150px; height: 220px;">
                                                                                                                                                                                                                                               
                                </td>
                                                                                                                                                                                                                                     
                              </tr>
                                                                                                                                                                                                                                                 
                          </tbody>
                                       
                        </table>
                                                                                                                                         
                        <table style="width: 250px; height: 300px;" _moz_resizing="true" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                                                                                                                                                                                                                                     
                          <tbody>
                                           
                              <tr>
                                                                                                                                               
                                <td style="width: 250px; height: 100px;">
                                                               
                                </td>
                                                         
                              </tr>
                                                     
                              <tr>
                                                                                                                                                                                   
                                <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/t75bla10.png'); background-repeat: repeat; width: 250px; height: 150px;" "="">
                                                                                                                         
                                    <div style="font-size: 24px; font-family: gigi,georgia; color: #FFFFFF;" align="center">
                                                              <em>      <strong>« Astrub, la cité de la paix.<br />Rendez-vous des oiseaux migrateurs... »</strong> </em>                           
                                    </div>
                                                                                                                                                                                                                                                                                                     
                                </td>
                                                                                       
                              </tr>
                                                     
                              <tr>
                                                         
                                <td style="width: 250px; height: 50px;">
                                                               
                                </td>
                                                                                                                                                                                                                                                                                                                     
                              </tr>
                                                                                                                                                                                                                                                 
                          </tbody>
                                       
                        </table>
                                                                                                                                                                                                   
                    </td>
                                                                                                                                                                                                 
                  </tr>
                                                                                                                                                                                                                                                           
              </tbody>
                           
            </table>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
        </td>
                                                                                                                                                                                                                 
        <td>
                                                                                                                                                                                                               
            <table style="width: 450px; height: 600px;" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                                                                                               
              <tbody>
                               
                  <tr>
                                                                                                                                                                                                                             
                    <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/laport12.jpg'); background-repeat: no-repeat; background-size: cover; width: 450px; height: 348px;" _moz_resizing="true">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
                    </td>
                                                                                                                                                                                                                             
                  </tr>
                                                                                                                                                           
                  <tr>
                                                                                                                                                                                                                             
                    <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/border10.png'); background-repeat: repeat; width: 100%; height: 4px;" _moz_resizing="true">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
                    </td>
                                                                                                                                                                                                                             
                  </tr>
                                                                                                                                                                                                                     
                  <tr>
                                                                                                                                                                                                                             
                    <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/enchan13.png'); background-repeat: no-repeat; background-size: cover; width: 450px; height: 248px;" _moz_resizing="true">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
                    </td>
                                                                                                                                                                                                                             
                  </tr>
                                                                                                                                                                                                                                                                                             
              </tbody>
                           
            </table>
                                                                                                                                                                                                                                                                                                                                     
        </td>
                                                                                                                                                                                                 
        <td>
                                                                                                                                                                                   
            <table style="height: 600px;" cellpadding="0" cellspacing="0">
                                                                                                                                                                                                                                                 
              <tbody>
                               
                  <tr>
                                                                                                                                                                                           
                    <td style="background-image: url('http://i38.servimg.com/u/f38/18/73/48/08/audess12.jpg'); background-repeat: no-repeat; background-size: cover; height: 600px;" _moz_resizing="true">
                                   
                        <marquee style="width:472px;">
                                    <img src="http://img15.hostingpics.net/pics/957704audessusastrubnuages.png" />                                                                                                                                                                   
                        </marquee>
                                           
                    </td>
                                                                                                                                                                                           
                  </tr>
                                                                                                                                                                                                                                                   
              </tbody>
                           
            </table>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
        </td>
                                                                                                                                                                                                                           
      </tr>
                                                                                                                                                                                                         
  </tbody>
</table>

[Guilde-Egregore]

Merci pour votre réponse, mais ça ne fonctionne pas. Enfin déjà le résultat est identique pour les deux !

L'image de droite dépasse du cadre forum.

[MlleAlys]

Un petite question :
Tous les tableaux vides sont-ils voués à être remplis ?

[Guilde-Egregore]

Heu non, le premier est pour mettre une distance pour donner ça : http://guilde-egregore.forumactif.org/

Et après les autres sont là pour faire des marges. Enfin je me débrouille comme je peux .

En tout cas merci pour l'intérêt que vous portez à mon problème.

[Guilde-Egregore]

Up et bien je n'ai pas trouvé de solution.

J'ai recherché un code pour pouvoir dire au navigateur qui ne sont pas Mozilla de ne pas s'occuper du marquee mais je n'arrive pas à trouver.

[MlleAlys]

Désolée, je continue de chercher de mon côté, voilà déjà sans le marqué le code simplifié (avec un seul tableau ! x3) :

Code:

<table width="100%" height="600px">

    <tr>

        <td rowspan="2" style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/statue13.jpg'); background-size:cover; background-position: center center; width:250px; position:relative;">

            <div style="font-size:24px; font-family:gigi,georgia; color:#FFFFFF; text-align:center; font-style:italic; font-weight:bold; background:rgba(255,255,255,0.3); position:absolute; left:0; right:0; top:400px; padding:5px;">

                « Astrub, la cité de la paix.<br />Rendez-vous des oiseaux migrateurs... »

            </div>

        </td>

        <td style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/laport12.jpg'); background-size:cover; background-position: right top; width:450px; height:348px;"></td>

        <td rowspan="2" style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/audess12.jpg'); background-size:cover; background-position: center center;"></td>

    </tr>

    <tr>

        <td style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/enchan13.png'); background-size:cover; background-position: left center;"></td>

    </tr>

</table>

Il me semble qu'il y avait une astuce pour la balise marquee, mais je ne la retrouve plus ! ><"

[Guilde-Egregore]

Merci pour votre code c'est un peux plus compréhensible maintenant ! Même si c'est différent c'est tout aussi bien. Il y a certains attributs que je ne connaissais pas en plus je vais en apprendre d'autre comme ça !

je continu de chercher de mon coté, j'étais à essayer le flash pour mettre les nuages mais je ne comprends pas vraiment.

Après pour simplifié j'ai pensé à trouver un code CSS pour fixer la taille du forum sur le portail pour les invités comme ça plus de soucis avec l'image à rallonge. Enfin bon si vous trouvez l'astuce c'est encore mieux !

[MlleAlys]

AHAH !! je crois que j'ai quelque chose !! 8D

Essayez ce code html :

Code:

<table width="100%" height="600px" style="table-layout:fixed;">
   
    <tr>
       
        <td rowspan="2" style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/statue13.jpg'); background-size:cover; background-position: center center; width:250px; position:relative;">
           
            <div style="font-size:24px; font-family:gigi,georgia; color:#FFFFFF; text-align:center; font-style:italic; font-weight:bold; background:rgba(255,255,255,0.3); position:absolute; left:0; right:0; top:400px; padding:5px;">
               
                « Astrub, la cité de la paix.<br />Rendez-vous des oiseaux migrateurs... »
               
            </div>
           
        </td>
       
        <td style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/laport12.jpg'); background-size:cover; background-position: right top; width:450px; height:348px;"></td>
       
        <td rowspan="2" style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/audess12.jpg'); background-size:cover; background-position: center center;">
               
            <div class="marquee">
                  <img src="http://img15.hostingpics.net/pics/957704audessusastrubnuages.png"/>
            </div>
           
        </td>
       
    </tr>
   
    <tr>
     
        <td style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/enchan13.png'); background-size:cover; background-position: left center;"></td>
       
    </tr>
   
</table>

Et ajoutez le code css au style de votre page :

Code:

@keyframes marquee {
    0%  { text-indent: 1700px }
    100% { text-indent: -1700px }
}

@-webkit-keyframes marquee {
    0%  { text-indent: 1700px }
    100% { text-indent: -1700px }
}

.marquee {
    max-width: 100%;
    overflow: hidden;
    animation: marquee 45s linear infinite;
    -webkit-animation: marquee 45s linear infinite;
}

C'est une animation css qui permet de faire défiler le contenu de la div, donc a un rendu similaire à une balise marquee ^^
Et, dans le tableau, la propriété table-layout:fixed; que j'ai enfin retrouvée et qui permet de fixer ses dimensions (il faut que ces dernières soient bien codées et ne se contredisent pas cependant !) est assez salvatrice ! o/

[Guilde-Egregore]

Merci pour votre engouement afin de résoudre mon problème !

Mais je ne comprends pas ce que vous voulez dire par "ajoutez le code css au style de votre page"

Si c'est dans images & couleurs j'ai un message d'erreur : "Erreur

Le code CSS que vous avez inséré est trop volumineux. Veuillez le réduire."

[MlleAlys]

si vous utilisez le haut de votre forum vous pouvez effectivement le copier/coller dans affichage > couleurs > onglet feuille de style css, mais si vous avez déjà une trèèès longue feuille de style, il est possible que vous ayez atteint le nombre de lignes maximal...

Vous pouvez cependant le mettre directement dans votre page html en le mettant entre balises <style>...</style> :

Code:

<style>@keyframes marquee {
    0%  { text-indent: 1700px }
    100% { text-indent: -1700px }
}
 
@-webkit-keyframes marquee {
    0%  { text-indent: 1700px }
    100% { text-indent: -1700px }
}
 
.marquee {
    max-width: 100%;
    overflow: hidden;
    animation: marquee 45s linear infinite;
    -webkit-animation: marquee 45s linear infinite;
}</style>

[Guilde-Egregore]

Ah merci !

Bon je viens d'ajouter tout ça dedans le Widgets vous pouvez voir le résultat qui n'est malheureusement pas celui que nous souhaitions !

Enfin peut être s'agit t-il d'un dernier petit réglage à faire !

http://guilde-egregore.forumactif.org/

Cependant il est tard vous avez dû passer pas mal de temps; et rien ne presse !

Édition ! Oups pardon les nuages fonctionnent bien ! Par contre l'image avec la façade de la maison prend le dessus sur celle du dessous !

[MlleAlys]

oups désolée, j'ai oublié de fixer la hauteur de la cellule du bas ! ^^"
Et si je fusionne les deux codes ça donne donc :

Code:

<style>@keyframes marquee {
    0%  { text-indent: 1700px }
    100% { text-indent: -1700px }
}
 
@-webkit-keyframes marquee {
    0%  { text-indent: 1700px }
    100% { text-indent: -1700px }
}
 
.marquee {
    max-width: 100%;
    overflow: hidden;
    animation: marquee 45s linear infinite;
    -webkit-animation: marquee 45s linear infinite;
}</style>

<table width="100%" height="600px" style="table-layout:fixed;">
 
    <tr>
     
        <td rowspan="2" style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/statue13.jpg'); background-size:cover; background-position: center center; width:250px; position:relative;">
         
            <div style="font-size:24px; font-family:gigi,georgia; color:#FFFFFF; text-align:center; font-style:italic; font-weight:bold; background:rgba(255,255,255,0.3); position:absolute; left:0; right:0; top:400px; padding:5px;">
             
                « Astrub, la cité de la paix.<br />Rendez-vous des oiseaux migrateurs... »
             
            </div>
         
        </td>
     
        <td style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/laport12.jpg'); background-size:cover; background-position: right top; width:450px; height:348px;"></td>
     
        <td rowspan="2" style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/audess12.jpg'); background-size:cover; background-position: center center;">
             
            <div class="marquee">
                  <img src="http://img15.hostingpics.net/pics/957704audessusastrubnuages.png"/>
            </div>
         
        </td>
     
    </tr>
 
    <tr>
   
        <td style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/enchan13.png'); background-size:cover; background-position: left center; height: 252px;"></td>
     
    </tr>
 
</table>


[Guilde-Egregore]

La perfection au rendez-vous ! Bravo !

Et pour la petite mouette laissée pour compte ?



En tout cas c'est formidable, j'espère pouvoir arriver à comprendre l'ensemble et modifier par la suite pour d'autres utilisations ce que vous venez de faire. Déjà c'est plus court que la farandole de tableau que j'avais fait !

Je ne souhaite pas vous retenir plus longtemps ce soir. Bonne soirée à vous et vraiment merci ! Demain je vais essayer de comprendre le script CSS !

Code:

<div style="background:rgba(255,255,255,0.3); position:absolute; left:0; right:0; top:400px; padding:5px;">
                                                             [img]http://i38.servimg.com/u/f38/18/73/48/08/teteoi11.gif[/img]                                         
            </div>

Peut être quelque chose comme ça ?

[MlleAlys]

oh ! Je ne l'avais même pas vue !! °0°
Je suppose qu'elle doit se trouver ici xP :

Code:

<style>@keyframes marquee {
    0%  { text-indent: 1700px }
    100% { text-indent: -1700px }
}
 
@-webkit-keyframes marquee {
    0%  { text-indent: 1700px }
    100% { text-indent: -1700px }
}
 
.marquee {
    max-width: 100%;
    overflow: hidden;
    animation: marquee 45s linear infinite;
    -webkit-animation: marquee 45s linear infinite;
}</style>
 
<table width="100%" height="600px" style="table-layout:fixed;">
 
    <tr>
   
        <td rowspan="2" style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/statue13.jpg'); background-size:cover; background-position: center center; width:250px; position:relative;">
           
            <img src="http://i38.servimg.com/u/f38/18/73/48/08/teteoi11.gif" style="position:absolute; top:60px; left:80px;"/>
       
            <div style="font-size:24px; font-family:gigi,georgia; color:#FFFFFF; text-align:center; font-style:italic; font-weight:bold; background:rgba(255,255,255,0.3); position:absolute; left:0; right:0; top:400px; padding:5px;">
           
                « Astrub, la cité de la paix.<br />Rendez-vous des oiseaux migrateurs... »
           
            </div>
       
        </td>
   
        <td style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/laport12.jpg'); background-size:cover; background-position: right top; width:450px; height:348px;"></td>
   
        <td rowspan="2" style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/audess12.jpg'); background-size:cover; background-position: center center;">
           
            <div class="marquee">
                  <img src="http://img15.hostingpics.net/pics/957704audessusastrubnuages.png"/>
            </div>
       
        </td>
   
    </tr>
 
    <tr>
 
        <td style="background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/enchan13.png'); background-size:cover; background-position: left center; height: 252px;"></td>
   
    </tr>
 
</table>

[Guilde-Egregore]

Ouahhh ça marche !

Merci !!!

Bonne soirée à vous et bonne continuation ! :youopi:

[MlleAlys]

de rien ! ^^
(n'oubliez pas d'éditer votre premier message pour passer votre sujet en résolu ! ^^)