partenaires bas du forum

[Angel-face]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 16 juillet
Lien du forum : http://lejardindescopines.actifforum.com/

Description du problème

Voici donc mon problème, j'ai suivi ici pour le code pour partenaires en bas du forum:
https://forum.forumactif.com/t303925-comment-mettre-des-partenariat-sur-mon-forum

mon code

[code]<br>
<center><table class="forumline" width="1300" border="0" cellspacing="1"cellpadding="0"><tr><td class="catHead" colspan="1" height="28"><center><b> Nos Partenaires ...</b></center></td></tr><tr><td class="row1"><span><center><marquee scrolldelay="100" loop="0" behavior="normal" direction="left" width=1300" " height=150" " direction="left">
   <a href="https://forum.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="https://i.servimg.com/u/f65/13/45/17/29/banier10.png" alt="" border="0"></a><a href="http://les-tubes-de-lysisange.eklablog.com" class="postlink" target="_blank"><img src="http://ekladata.com/ERiZ-_ysWB_9YLXWcp11U1o05-s@157x48.gif alt="" border="0"></a>  </marquee></center></span></td></tr></table></center></div></div></div></td></tr></table></center></td>


tout est bien, mais pourquoi ma deuxième bannière est-elle plus basse?

merci de bien vouloir m'aider

[MlleAlys]

Bonjour,

La deuxième bannière n'est pas plus basse, mais alignée en bas avec l'autre... Sauf que la première a des zones transparentes au dessus et en dessous de l'image visible, d'où le décalage apparent. Mais si on entoure les images d'une bordure, on voit bien qu'elles sont correctement alignées :


- Pour éviter l'impression de décalage, vous pouvez recadrer la première image à l'aide d'un logiciel graphique de façon à retirer les zones transparentes au dessus et en dessous

- Ou bien encore forcer les images à s'aligner non pas par rapport à leur bordure inférieure mais en centrant verticalement :


Il faut pour cette dernière option ajouter vertical-align:middle; dans le style de l'image.


Cependant, on peut au passage corriger et simplifier le code que vous avez. Si je reprends donc la démarche pour ajouter un tableau avec les partenaires en dessous des liens de bas de page :

- Dans overall_footer_end, collez le code suivant juste après <!-- END switch_footer_links --> :

Code:

 
                          <!--début des partenaires-->
                          <br/>
                          <table id="footer-partenaires" class="forumline" width="100%" border="0" cellspacing="1"cellpadding="0">
                            <tr>
                              <th>
                                  Nos Partenaires
                              </th>
                            </tr>
                            <tr>
                              <td class="row1">
                                  <marquee scrolldelay="100" loop="0" behavior="normal" direction="left" width="100%" direction="left">
 
                                    <a href="http://forum.forumactif.com/forum.htm" target="_blank">
                                        <img src="http://i65.servimg.com/u/f65/13/45/17/29/banier10.png" />
                                    </a>
 
                                    <a href="http://les-tubes-de-lysisange.eklablog.com" target="_blank">
                                        <img src="http://ekladata.com/ERiZ-_ysWB_9YLXWcp11U1o05-s@157x48.gif" />
                                    </a>
 
                                  </marquee>
                              </td>
                            </tr>
                          </table>
                          <!--fin des partenaires-->

Ce qui donne le template, si vous n'avez fait aucune autre modification :

- enregistrez puis publiez le template

Un partenaire correspond à :

- Puis dans affichage > couleurs > onglet feuille de style cs, collez le code css suivant :

Code:

#footer-partenaires img {
  border: none;
  vertical-align: middle;
  max-height: 100px;
}

- enregistrez ^^

[Angel-face]

Merci beaucoup , J'essaie et je reviendrai vous dire si c'est ok

[Angel-face]

ça fonctionne, merci beaucoup Mlle Alys!

maintenant pour mettre toutes les bannières de la même hauteur et largeur, ce serait quoi comme code et c'est dans le Css aussi?

merci beaucoup c'est très apprécié

[MlleAlys]

Modifiez le code css donné juste au dessus ainsi :

Code:

#footer-partenaires img {
  border: none;
  vertical-align: middle;
  height: 63px;
  width: 203px;
}

Remplacez les valeurs de height et width par la hauteur et la largeur voulue (ici j'ai mis 63px et 203px car ce sont les dimensions de l'image de Lysisange, mais vous pouvez bien sûr mettre autre chose).

Attention cependant à la bannière du FdF qui comme dit plus haut a des bandes transparentes invisibles mais qui comptent dans la taille de l'image ! Il veut mieux recadrer l'image pour ne garder que ce qu'il y a de visible, sinon là elle va paraitre plus petite ^^

A noter également qu'en forçant les dimensions, cela peut plus ou moins déformer les images qui n'auraient pas la même échelle.

[Angel-face]

Merci beaucoup, tu es un amour!


malheureusement ça ne fonctionne pas, les 2 bannières ne sont pas de la même grandeur

une autre solution?  En fait il y a seulement la banniere forumactif qui ne s'est pas corrigé

merci, à plus

[MlleAlys]

Comme dit dans mon message précédent, l'image est bien à la même taille que les autres, mais elle est transparente en haut et en bas, donc on a l'impression qu'elle est plus petite.
Le mieux serait de la recadrer de façon à retirer les zones transparentes de l'image.

[Angel-face]

Je m'excuse, je n'avais pas lu, merci encore, tu es très serviable, bisous!