images dans la sidebare...

zenpix

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.

Steph_L

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

Jos

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 Wham

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à.

zenpix

merci de votre aide
problème résolu
bravo pour cette communauté pluxml.

Jerry Wham

En partie résolu, il manque les balises li autour des liens...

zenpix

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 Wham

Bien sûr que c'est important. Pour enlever les points, il faut ajouter une règle css.