Forums d'assistance et de discussion sur les logiciels produits par Mozilla ou créés à partir des technologies Mozilla. Ce site ne dépend pas de la fondation Mozilla et est maintenu par un collectif de bénévoles.
Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.
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)
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
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
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
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...)
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
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
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
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)
Dernière modification par Zefling le 11 mars 2009, 15:58, modifié 1 fois.
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!
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
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
] Oui, le svg permet de redimensionner l'image sans aucune détérioration [/HS du sujet original 
http://www.geckozone.org/forum/viewtopi ... 913#505913