28173 sujets

CSS et mise en forme, CSS3

Ok, dans mon css j'ai

img:{width:100%}


parce que dans 90% des cas ça me convient, seulement je tombe là sur trois images que je voudrai mettre les unes à cotés des autres, j'ai tenté de réduire leur taille avec les attributs width et height directement dans le html mais cha marche pas, quelqu'un a une solution pour à un moment donné de l'html ne pas appliquer les attributs css ?
Modifié par anatok (23 Jul 2009 - 00:01)
Tu peux appliquer un
<img style="width: 50%" />

directement dans ton html ou créer des classes après le css que tu nous montres pour changer le style.
anatok a écrit :
Ok, dans mon css j'ai

img:{width:100%}


parce que dans 90% des cas ça me convient, seulement je tombe là sur trois images que je voudrai mettre les unes à cotés des autres, j'ai tenté de réduire leur taille avec les attributs width et height directement dans le html mais cha marche pas, quelqu'un a une solution pour à un moment donné de l'html ne pas appliquer les attributs css ?


C'est une erreur de redimensionner les images via les attributs HTML et c'en est une autre que d'utiliser CSS pour cela. Sinon les images-vignettes auront un poids identique à leur affichage original et un rendu médiodre ou mauvais à l'affichage en procédant ainsi.

Il faut retailler les images qui serviront de vignettes avec un éditeur d'images ou bien elles seront générées par le serveur ou le CMS utilisé.

Pour afficher des images côte à côte, on les fait flotter par exemple.