images dans la sidebare...

zenpixzenpix Member
dans Entraide
Comme on peu le voir sur mon site , j'ai rajouté des logos de partenaires en bas de la sidebare (6 au total actuellement).
je voulais en rajouter un 7eme de la mème facon et la ... ca me décale toute la mise en page .
comme ci j'étais arrivé a la limite de l'étirement de la sidebare.


comment puis je résoudre ce problème afin de pouvoir rajouter les logos de futures partenaires ?

en vous remerciant pour votre aide.

Réponses

  • Steph_LSteph_L Member
    Bonjour.

    Tu pourrais éventuellement ajouter dans ton fichier style.css la spécification suivant "height: 1100px;" pour la sidebar.
    (mais je ne suis que débutant)

    Amicalement Steph ;)
  • JosJos Member
    La sidebar n'a pas de limite de hauteur, donc il n'est pas utile de spécifier une hauteur (je te le déconseille). Le soucis doit venir d'autre chose. Ça se décale comment?
  • Jerry WhamJerry Wham Member
    mai 2013 modifié
    Tes liens (qui sont de type inline par essence) ne sont pas "encadrés" par des balises de type bloc (balises p ou ul/li ou ol/li ou div).
    Ce que je te conseille c'est d'en faire une liste avec la balise ul et la balise li ainsi : 
    <ul id="partenaires">
    	<li><a href=" http://www.bonzini.com/"target="_blank " title="fabricant de table de babyfoot reconnues par l ' ITSF"><img src="http:data/images/logo_bonzini.png" alt="Bonzini" title="fabricant de table de babyfoot reconnues par l ' ITSF" /></a></li>
        <li><a href=" http://www.francebabyfoot.com// "target="_blank " title="FFFT"><img src="http:data/images/logo_FFFT.png" alt="FFFT" title="Federation Francaise De Football de Table" /></a></li>
        <li><a href=" http://www.table-soccer.org/ "target="_blank " title="ITSF"><img src="http:data/images/logo_itsf.png" alt="ITSF" title="Federation International de Football de Table" /></a></li>
        <li><a href=" http://www.planetbabyfoot.com/ "target="_blank " title="planetbabyfoot"><img src="http:data/images/logo_planet babyfoot.png" alt="planetbabyfoot" title="specialiste de l'annimation et vente" /></a></li>
        <li><a href=" http://omsjcbourges18.wordpress.com/ "target="_blank " title="OMSJC"><img src="http:data/images/logo_omsjc.png" alt="ITSF" title="Office Municipal de la Jeunesse et des Sports" /></a></li>
        <li><a href=" http://babyfootsport.com/"target="_blank " title="Babyfootsport"><img src="http:data/images/logo_ babyfootsport.png" alt="ITSF" title="Videos en streaming, Photos - Tournois - Evenementiels" /></a></li>
</ul>
<div class="clear"></div>

    et de mettre la css suivante :
    ul#partenaires li {
	background:none;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
}
div.clear {
	clear:both;
}
ul#partenaires li img {
	display: block;
	width:54px;
	height:54px;
}

    J'ai pas testé la css mais l'idée est là.
  • zenpixzenpix Member
    mai 2013 modifié
    merci de votre aide
    problème résolu ;)
    bravo pour cette communauté pluxml.
  • Jerry WhamJerry Wham Member
    En partie résolu, il manque les balises li autour des liens...
  • zenpixzenpix Member
    en effet Jerry , je les aient enlevée parce que j'avais devant chaque logo l'image "link.png" (le petit cercle comme devant les catégories).
    c'est la seule méthode que j'ai trouvé pour enlever ce "link.png".
    et je trouve que c'est plus propre sans. est ce vraiment important ces <li> dans le code ?
  • Jerry WhamJerry Wham Member
    Bien sûr que c'est important. Pour enlever les points, il faut ajouter une règle css.
Connectez-vous ou Inscrivez-vous pour répondre.