Toutes les images en responsive

[julianito]

Bonjour,

Dans mon article j'ai une série d'images que je voudrais responsive. Peut on mettre un seul CSS pour rendre l'ensemble de ces images responsive?

http://www.maisons-roales-caillot.com/index.php/modeles

Merci d'avance

[papounet]

Re : Toutes les images en responsive

Non plusieurs règles vont être nécessaire.
Et dans le cas précis de ta page, avec un tableau bourré de css dans les balise, ca ne semble pas être un bon plan.

[PhilJ]

Re : Toutes les images en responsive

+1 avec papounet : à moins d'un tableau de petite largeur (= moins de 300 px), vous ne pouvez pas espérer avoir une page responsive — surtout si les cellules contiennent des images. => Il faut d'abord vous débarrasser de ce tableau (= code <table>...</table>).

[lomart]

Re : Toutes les images en responsive

Bonjour,

+1 avec Papounet et PhilJ. Un tableau est fait pour présenter des données organisées en lignes et colonnes.

Néanmoins, il est possible d'ajouter 2 petites règles CSS qui vont rectifier le tir.
Il faut commencer par ajouter une classe au tableau :
<table class="nosmodeles" style="height: 100%; width: 100%;" border="0" align="center">

Puis 2 règles CSS à la fin du fichier CSS de personnalisation. Je vous laisse chercher lequel parmi vos 39 fichiers
table.nosmodeles {text-align:center;}
table.nosmodeles td {display: inline-block;}

[papounet]

Re : Toutes les images en responsive

Je vous laisse chercher lequel parmi vos 39 fichiers

Mince alors, tu es dur là quand même...

Papounet
expert for laughing out loud

[PhilJ]

Re : Toutes les images en responsive

Bonjour,


Vous avez déjà une feuille de style destinée aux surcharges CSS : /templates/tpl_splash25/css/custom.css. C'est le fichier idéal pour modifier vos styles afin de faire en sorte que l'affichage soit responsive.

[julianito]

Re : Toutes les images en responsive

merci, j'ai supprimé mon tableau, et c'est déjà mieux...