Page 2 sur 4
Publié : 10 mars 2009, 14:33
par Mongo Bob
G a écrit :Déja j'aimerais savoir comment vous faites pour mettre une image en %?
C'était ma question, parfois ça m'arrangerait. C37 a rappelé les vérités élémentaires, à+...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
Publié : 10 mars 2009, 15:44
par Zefling
En fait il y a un filtre qui le fait pour IE. Mais comment c'est pas standard, on oublie tout de suite.
Il manque en fait un truc genre background-scale ou quelque chose comme ça qui permettrait d'adapter l'image à la surface.
Ça m'éviterait de faire des images de 5000 pixels de haut pour parait au problème de fond qui pourrait se répéter ou laisser un vide.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)
Publié : 10 mars 2009, 18:04
par Mongo Bob
oui, actuellement en css, le seul moyen d'adapter exactement une image à l'élément dans le fond duquel elle est placée, est de donner aux deux les mêmes dimensions en pixels.
Mais je n'ai pas forcément envie de donner à cet élément, <div> ou n'importe quoi, des dimensions en pixels, par exemple lorsqu'il est imposant en largeur.
J'aimerais la souplesse des "%" pour les deux, élément et image, la propriété css qui fait ça pour les images de fond n'existe pas.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
Publié : 10 mars 2009, 20:44
par Zefling
Et on propose ça où au W3C ?
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)
Publié : 10 mars 2009, 20:49
par Mongo Bob
je sais pas si y'a une corbeille où déposer les demandes de développement css...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
Publié : 10 mars 2009, 20:59
par Zefling
Ça serait regrettable que ce soit des gens dans le coins qui fassent évoluer les recommandation qui doivent servir à tous.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)
Publié : 11 mars 2009, 12:01
par GAUNCE
chinon37 a écrit :1- on ne peut pas mettre une image en %
2- une image en background ne se déforme pas. Si elle n'est pas de la taille du bloc, soit elle est plus grande et une partie sera cachée car hors du bloc, soit elle est plus petite, et dans ce cas, 2 solutions: soit elle est répétée pour couvrir tout l'espace, soit elle ne remplit qu'une partie du bloc, le reste étant de la couleur de fond du bloc.
Ben, nous sommes d'accord. C'est pour ça que j'ai refait la page en question, car pour cause de poids je ne voulais pas mettre en background une image plus plus large que 985px dans le div "corps" et avec la page en % le bg se répétait!
Donc j'avais mis résolu et le cow-boy m'a relancé!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
Publié : 11 mars 2009, 12:10
par GAUNCE
Zefling a écrit :
Il manque en fait un truc genre background-scale ou quelque chose comme ça qui permettrait d'adapter l'image à la surface.
Ça m'éviterait de faire des images de 5000 pixels de haut pour parait au problème de fond qui pourrait se répéter ou laisser un vide.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)
Voilà une bonne idée qu'il y a déja longtemps je voulais proposer( j'ai eu honteusement peur de le faire!)
On fait une pétition ( et une répétition) ou quoi?
En fait il s'agirait de faire tout bêtement ce que font les OS avec les fonds d'écran...ça doit pas être très difficile (maintenant je suis pas informaticien, alors...)
Publié : 11 mars 2009, 12:32
par Mongo Bob
N'oublions pas que les fonds d'écran déforment l'image, "Etirer", c'est pas toujours très bon pour la qualité d'image, mais, pour des images décoratives en limitant la déformation par une taille d'image originale adaptée à la moyenne des définitions d'écran utilisées, style en gros 1000 px de large...
Ceci dit, je me dis, au risque de troller (c'est ma période) que l'idée n'est pas si bête de le proposer au développement css (avec un risque de réponse ou de réalisation extrêmement long, mais juste pour semer l'idée, quoi)...
Il faut voir aussi le format original, entre png et jpg etc... ce qui supporte le mieux la déformation, et les formes aussi : les courbes supporteront toujours moins bien cette déformation.
pour résumer :
images non figuratives (géomètriques), taille originale bien adaptée, format original bien adapté, formes rectilignes préférables.
bon, je file à la piscine à+...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
Publié : 11 mars 2009, 12:39
par Zefling
Je me demande si c'est pas déjà quelque chose présent dans le SVG ?
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)
Publié : 11 mars 2009, 13:22
par chinon37
Zefling a écrit :Je me demande si c'est pas déjà quelque chose présent dans le SVG ?
[HS du sujet original
] Oui, le svg permet de redimensionner l'image sans aucune détérioration [/HS du sujet original
]
Publié : 11 mars 2009, 14:24
par Mongo Bob
merci, Chinon, pour cette précision qui, bien que "HS du sujet original", reste tout à fait pertinente et profitable à tous, et contribue avec dynamisme à la vie de ce forum!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
Publié : 11 mars 2009, 15:50
par Zefling
Pas si hors sujet, le problème lorsque qu'on choisie un design en pourcentage c'est qu'il faut faire un design qui utiliser des images qui se répète bien ou dont l'arrête de la réplétion ne gêne pas.
Cela complique les possibilités et on n'arrive à des solutions limites absconses pour avoir ce que l'on veut.
De plus, la plus part de navigateurs le font déjà au sein du moteur quand on demande à zommer sur la page. Les images de fond se redimensionne comme il confient.
Bref, c'est pas farfelu et ça permettrait d'avoir moins de sites fait en pixel pour ne pas casser le design. (Du moins c'est mon cas).
Si tu trouves qu'on est trop hors-sujet. Ferme le sujet.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)
Publié : 11 mars 2009, 15:57
par Mongo Bob
Z a écrit :Pas si hors sujet, le problème lorsque qu'on choisie un design en pourcentage c'est qu'il faut faire un design qui utiliser des images qui se répète bien ou dont l'arrête de la réplétion ne gêne pas.
et aussi
Z a écrit :Bref, c'est pas farfelu et ça permettrait d'avoir moins de sites fait en pixel pour ne pas casser le design. (Du moins c'est mon cas).
+2, j'ironisais sur le HS, je crois qu'on est au coeur du problème...
ne voyons pas le troll partout!
On est au coeur de la problématique posée par le dimensionnement en "%", posée dans la question initiale
http://www.geckozone.org/forum/viewtopi ... 913#505913
sujet passionnant, s'il en est qu'il ne faudrait pas liquider en deux coups de cuiller à pot, pour le bien de ce forum! à+...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7
Publié : 12 mars 2009, 12:17
par GAUNCE
Auteur du sujet, je pense que l'on ne s'éloigne pas trop, puisqu'au départ j'ai refait la page à cause du problème d'insertion d'une image dans le div en%, comme elle ne pouvait s'étirer à l'instar du div, j'ai refait en px.
Comme apparemment le SVG permet celà, parlons en ,p d m!!!
Comment l'intégrer dans une page? Kompozer l'accueillera t'il ? etc...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7