changer un bout de code que pour du responsive.

[decoevenement]

Bonjour la communauté.

 

je suis coincé par un pti bout de code que je souhaite appliquer que pour du responsive.

 

en gros je souhaite déplacer un élément en responsive.

 

pour la position de base de mon élément, le code se trouve dans un fichier tlp (pourquoi il n'est pas dans un css je n'en sais rien)

 

voici le code entier de mon tlp (assez court):

{if isset($comments) && $comments}
<div>
    <div style="display:table; margin: -10px auto 10px auto;">
        <img src="{$content_dir|escape:'htmlall':'UTF-8'}modules/lgcomments/views/img/{$startype|escape:'htmlall':'UTF-8'}/{$averagecomments|escape:'htmlall':'UTF-8'}stars.png" width="100px">
        {if $comments|@count == 1}
        <span style="width:100px; text-align:center;">{l s='1 review' mod='lgcomments'}</span>
        {/if}
        {if $comments|@count > 1}
        <span style="width:100px; text-align:center;">{$comments|@count|escape:'htmlall':'UTF-8'} {l s='reviews' mod='lgcomments'}</span>
        {/if}
    </div>
</div>
{/if}

 

en gros j'ai juste besoin de modifier le -10px par 160px mais cela ne doit s'appliquer que en responsive donc j'imagine un truc du genre

 

@media (max-width:480px)

"display:table; margin: 160px auto 10px auto;"

 

cependant je ne sais pas comment l'encoder et je n'ai sais si je dois l'ajouter au tlp ou rajouter une ligne dans le css.

 

si quelqu'un pouvait éclairer ma lanterne?

merci d'avance.

 

 

 

 

[Patrick POLBOS Orchi]

Bonsoir, je ne suis pas du tout un expert mais il me semble que les parties responsives sont gérées dans des fichiers LES, mon site est fait ainsi en tout cas

[doekia]

https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/mise-en-page-adaptative-avec-les-media-queries