bannière réponsive

[Seldaek]

bonjour

 

je vous expose mon problème 

 

comment faire une bannière réponsive ( qui s'adapte a toute les taille d’écrans )

 

cordialement 

[Szed]

C'est un peu léger comme question.

Par bannière vous entendez quoi ? Une image ? Un slider ?

Votre thème est-il responsive déja ?

Si oui, il vous suffit d'appliquer une max-width:100%;height:auto; à votre image et elle s'adaptera automatiquement à la largeur de son conteneur et ne dépassera pas de l'écran sur smartphone donc.

Si vous parliez d'un slider, le mieux est de se diriger vers un plugin.

 

Si votre thème n'est pas responsive, tout cela ne sert à rien.

[Seldaek]

bonsoir 

 

oui mon thème est réponsive 

 

pour la bannière c'est une image .png

 

ou je doit appliqué se code ? 

 

cordialement 

[Szed]

Il va vous falloir des connaissances en HTML et CSS pour cela.

Votre image s'ajoutera (selon votre thème...) surement dans le header.tpl.

Le CSS lui pourra être ajouter dans un fichier CSS chargé par votre thème. Le global.css par exemple.

[Seldaek]

j'utilise cs static block pour l'image 

 

je vais essayer de rentré le code dans le html 

 

remplacer sa :

 

<div class="static_block_banner_home1"><a href="#"><img src="http://www.domaine.com/img/cms/banner%20console.png" alt="" width="1180" height="117" /></a></div>

 

par sa :

 

<div class="static_block_banner_home1"><a href="#"><img src="http://www.domaine.com/img/cms/banner%20console.png" alt="max-width:100%;height:auto;" /></a></div>

[CreaZion Web]

En fait, ce serait plutôt ceci, car il y a une erreur dans votre code. La balise alt permet de mettre un texte alternatif à l'imagen pas du code css :

<div class="static_block_banner_home1"><a href="#"><img src="www.domaine.com/img/cms/banner%20console.png" alt="" style="max-width:100%;height:auto;" /></a></div>

[Seldaek]

je vous remercie 

 

sa fonctionne parfaitement 

 

vive les Pro du web 

 

cordialement 

 

Problème résolue