Utilisation du module réassurance sur thème de base v1.4.5.1[Résolu]

[crea34]

Bonjour.

J'aimerai utiliser le module "réassurance" du thème 1.5 sur une version 1.4.5.1 (thème de base) mais j'ai un léger soucis avec des "bullets" qui apparaissent sur les blocks :

 

Je tourne un peu en rond et ne trouve pas de où elles viennent, une solution ?

 

Le tpl du module :

<!-- MODULE Block reinsurance -->

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

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

{foreach from=$reinssurances item=reinssurance}

<li>{if $reinssurance.filename}<img src="{$module_dir}img/{$reinssurance.filename}" alt="{$reinssurance.text}" />{/if} <span>{$reinssurance.text}</span></li>

{/foreach}

</ul>

</div>

<!-- /MODULE Block reinsurance -->

 

PS: test en local, donc pas de lien

[edwett]

Bonjour,

 

En mettant un list-style:none dans le css du module ça devrait le faire.

[crea34]

Ni list-style:none ni list-style-type: none ne changent quoi que ce soit, c'est la 1ère chose que j'ai essayé, quoi qu'il en soit merci de ta participation.

[Imelia]

Il se peut qu'une déclaration précédente fasse conflit. Par exemple, si tu as une structure du type

 

#footer li {
list-style:disc;
/*A noter que si aucun style de liste n'est renseigné ou annulé, alors on a systématiquement une liste à puces*/
}

 

précédemment dans ton CSS, le fait de simplement mettre

#bloc-rassurance li {
list-style:none;
}

 

ne fonctionnera pas car avant, on aura déclaré que toutes les listes du footer auront une puce. Il ne suffit donc pas de paramétrer le bloc seul. Il faut indiquer qu'il se trouve dans le footer pour annuler l'effet de la déclaration précédente.

Donc, une déclaration secondaire du type

 

#footer #bloc-reassurance li {
list-style:none;
}

 

fonctionnera car on aura d'une part plus haut dans le css l'instruction de "toutes les listes du footer ont une liste à puce" puis "à l'exception du bloc réassurance contenu dans le footer, qui lui n'aura pas de puces".

 

A noter que j'utilise des id complètement au hasard là, je ne sais pas comment ils sont représentés dans ton thème. Mais le principe reste le même.

[edwett]

Et #footer ul { list-type-style:none}

[crea34]

Merci à vous, la piste était bonne, j'avais effectivement joué sur les déclarations, mais honte sur moi pour 40 générations, avant d'arrêter mes recherches hier soir j'avais mis le fichier css en override et ce matin en reprenant j'ai travaillé sur l'original du module en oubliant ce fait, et donc bien entendu aucune modification n'était opérante...

Jetez moi des cailloux, et même des briques, je le mérite

 

Le simple list-style: none dans le css sans aucune autre modification est bien entendu la solution, encore merci à vous.

[Imelia]

Ah oui, ce sont des choses qui arrivent

Et ça m'arrive hyper souvent d'ailleurs^^

[crea34]

Imelia, je savais que ce nom ne m'était pas inconnu, j'avais remarqué votre très joli travail sur ce site sur lequel je suis un peu intervenu, joli portfolio aussi d'ailleurs...

[Imelia]

Merci beaucoup

[Asten]

Bonjour à tous,

 

Je relance ce post car j'ai exactement le même problème sauf que je n'arrive pas à appliquer la solution...

 

Voici mon fichier css

/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {background:url(../blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #FFFFFF}
#reinsurance_block li {
float:left;
padding:15px 10px;
font-size:10px;
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%;
}

, pouvez-vous me dire où je dois placer le "list-style: none" afin que les bullets n'apparaissent plus ?

 

Merci !

[Asten]

C'est bon, j'ai finalement réussi en retestant toutes les propositions énoncées ci-dessus!

 

Merci

[Lilscud]

Bonjour

 

Je remonte ce topic car j'ai tout essayer et rien ne fonctionne !

 

J'ai essayer toutes les manips décrites au dessus, rien n'y fait

 

 

Mon Bloc est completement sur la gauche

 

voici mon style.css du module en question :

 

/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {background:url(../blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #c3c7cb}
#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%;
}

 

merci de votre aide

[gueshfuli]

Bonjour,

 

J'essaie de mettre en place ce module sur ma boutique 1.4.6, mais je galère un peu à réadapter le code. Pourriez-vous nous indiquer quelles changement vous avez effectué?

 

Merci d'avance.