centrer bloc réassurance et footer

[Storecase]

Bonjour à tous, ou bonsoir comme pour moi lol

 

Désolé de se post que je trouve assez décevant, car je sais pourtant faire mieux....

 

je buche sérieusement pour centrer le bloc réassurance, le footer et le texte présent dans le footer...

j'ai cela fait plus de 4H que je suis deçu sans pour autant obtenir un bon résultat.

 

 

je suis sur le thème de base via mon propre domaine et serveur 1&1.

j'aimerai passer du footer du thème de base à celui-ci à peu de chose près

 

 

Quelqu'un pourrait il m'aider

 

 

merci d'avance

Edited April 4, 2015 by Storecase (see edit history)

[fred-vinapresta]

Bonjour, vous pouvez essayer de mettre les éléments à centrer en display:inline-block; dans le css et le et rajouter text-align:center; au conteneur des éléments

 

exemple pour le bloc réassurance

<ul id="bloc_reassurance">
<li>Livraison 48h....</li>
<li>Paiement securise....</li>
<li>Garantie satisfaction....</li>
<li>Service client....</li>
</ul>

et css

ul#bloc_reassurance {text-align:center;}
ul#bloc_reassurance li {display:inline-block; width:25%;}

[Storecase]

Bonjour,

 

merci pour votre réponses,

mais je ne sait pas trop comment procéder pour sa mise en place vue que je doit adapter au code du bloc d'origine...

j'ai cela moi :

 

 

<!-- MODULE Block reinsurance -->

<div id="reinsurance_block" class="clearfix">
    <ul class="width{$nbblocks}">    
        {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}
    </ul>
</div>

<!-- /MODULE Block reinsurance -->
 

 

 

 

et pour le css :

 

 

/* BLOCK #reinsurance_block ******************************************************************** */

#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:center;
    padding-top:12px;
    width:65%;
}
 

franchement, sa me soule, je tente de modifié de partout globall.css, style.css, blockreassurance.tpl....rien n'y fait une chose pourtant simple devient si compliquer

si je buche autant je suis pas prèt à m'en sortir...donc merci si vous avez la solution

Edited April 4, 2015 by Storecase (see edit history)

[Storecase]

Pardon pour le double post, mais j'ai reussi en faisant le bloc en dur....

 

par contre comment modifié la taille d'écriture des liens présent en footer (catégorie, information et mon compte) afin de la réduite vraiment comme dans l'image, j'aime beaucoup