Centrer le module réassurance

[Olamps]

Bonjour,

 

Je souhaiterai effectuer 2 centrages pour mon bloc réassurance:

- Le 1er (en rouge dans le spoiler): par rapport à mes 2 menus horizontaux

- Le 2nd (en vert dans le spoiler): les images par rapport à leurs textes respectifs

 

 

 

 

Je présume qu'il faut ajouter des fonctions dans le fichier style.css mais je ne trouve pas comment faire. Pouvez vous m'aider là dessus svp?

 

Voici le code de mon css:

/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {background: repeat-x 0 0 #e5d7ca}
#reinsurance_block li {
	float:left;
	padding:15px 10px !important;
	font-size:13px;
	color:#333;
	text-transform:uppercase;
	text-shadow:0 1px 0 #fff
}
#reinsurance_block .width1 li {width:960px}
#reinsurance_block .width2 li {width:470px}
#reinsurance_block .width3 li {width:305px}
#reinsurance_block .width4 li {width:224px}
#reinsurance_block .width5 li {width:175px}
#reinsurance_block li img{
	float:left;
	margin-right:10px;
}
#reinsurance_block li span {
	float:left;
	padding-top:12px;
	width:65%;
}

Par avance, merci.

[samyha]

Hello,

 

Ce n'est pas la bonne section pour ton topic, je le déplace.

Bonne soirée ! 

[Olamps]

Bonjour, à ce jour je n'ai toujours pas trouvé de solution. Si une âme charitable veut bien me donner un coup de main...

[cyberprovence]

Bonjour,

moi j'avais le problème de : quand on affichait le bloc réassurance, il n'était pas centré au milieu de la page et les différents textes et images partaient de la gauche.

C'est particulièrement laid et il semble qu'il n'y ait pas eu de changement depuis la 1.4 (je suis sur 1.6.x)

 Pour m'en sortir et vu que pas grand monde c'est penché sur le sujet il faut modifier plusieurs fichiers:

 

Pour centrer le bloc complet au milieu de la page et centrer également les "puces" il faut aller dans modules/blockreinsurance

et modifier blockreinsurance.tpl à la ligne

 

if $infos|@count > 0}

<!-- MODULE Block reinsurance -->

<div id="reinsurance_block" class="clearfix">

 

<center>                                                                  <!-- a rajouter -->

 

<ul class="width{$nbblocks}">

 

<div id=centre>                                                        <!-- a rajouter -->

 

{foreach from=$infos item=info}

<li><img src="{$link->getMediaLink("`$module_dir`img/`$info.file_name|escape:'htmlall':'UTF-8'`")}" alt="{$info.text|escape:html:'UTF-8'}" /> <span>{$info.text|escape:html:'UTF-8'}</span></li>                        

{/foreach}

 

</div>                                                                      <!-- a rajouter -->

 

</ul>

 

</center>                                                              <!-- a rajouter -->

 

</div>

<!-- /MODULE Block reinsurance -->

{/if}

 

 

et de modifier le css style.css : il suffit de lui rajouter en final

#centre {

width:80%;

margin:0 auto

}

 

et ne pas oublier parametres avancees perfomances vide le cache ( en haut à droite)

 

J'espère que ça pourra servire.

bonne journé

 

www.lescybers.fr 

Edited February 27, 2015 by cyberprovence (see edit history)