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

Closed
opened 11 years ago by erational · 6 comments
Owner

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

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 <span class='spip_document_15 spip_documents spip_documents_right' style='float:right; width:150px;'> <img src='local/cache-vignettes/L150xH196/guillaume.jpg' width='150' height='196' alt="Guillaume" title="Guillaume" style='height:196px;width:150px;' /></span> 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
Owner

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

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.

+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.
Poster
Owner

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)

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)
Owner

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.

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.
Poster
Owner

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.

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.
Owner

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é

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é**
Sign in to join this conversation.
No Milestone
No project
No Assignees
3 Participants
Notifications
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
There is no content yet.