supprimer les style en ligne sur les span des modèles d'images #2763

j'ai un intégrateur HTML qui se plaint que les modèles d'image par défaut de SPIP contient des styles en ligne du span.

cela me semble justifié:
en effet si on utilise des effets avancées CSS (du type cadre, ombres portées) le modèle de boite ne fait pas forcement la taille de l'image et donc le fait de placer le style en ligne casse les instructions de la CSS en fichier.

pour rappel

Guillaume

en l'usage je surcharge le modèle image et img dans mon squeleete pour supprimer l'attribut style mais il me semble que cela pourrait être intégré au core si on veut un SPIP orienté CSS3

ces styles en ligne assurent un rendu correct minimum même en cas de vieille CSS ou d'absence de style sur les éléments concernés. A discuter

+1 sur cette demande : en règle générale les styles en ligne me semblent naturellement devoir être bannis de tout code généré frontoffice.

je viens d'avoir un nouvel argument pour supprimer les styles en ligne
(il faut aussi le faire sur les image_typo)

si on ajoute les dimensions en style, cela pose des soucis sur les responsive design

par ex.
media screen and (max-width:640px) {
img {
max-width: 100% !important;
height:auto;
}
}
`

les images hors gabarits sont bien réduites
mais sur beaucoup de plateformes (dont iphone) la hauteur va rester sur la valeur fournie le style en ligne car il a un poids plus important.
conséquence: l'image est déformée (voir capture)

techniquement pour éviter le bug, j'ajoute actuellement sur mes image_typo un |inserer_attribut{style,''} (2ème image sur la capture)

le width/height inline sur <img> ont déjà été supprimés. Il reste à voir le width sur le span, et comment les modèles se comportent sans dans les différents navigateurs.

je serais aussi pour supprimer le width sur le span de la legende.
cela donne une contrainte en dur sur la taille que l'on ne peut pas modifier via la css.

un nouveau argument pour supprimer les styles en ligne est le mode de rendu box-sizing:border-box qui modifie la facon de calculer le mode de rendu boite et donc empeche de donner une valeur en dur.

Corrigé par http://zone.spip.org/trac/spip-zone/changeset/85453 : plus de width en dur sur les documents images.
On les conserve sur les audio et video qui en ont besoin pour gerer le responsive.
Statut changé à Fermé