Bonjour,
J'ai maintenant mon image de fond avec une taille de 1600*1200.
Est il possible que cette image conserve ses proportions avec n'importe quelle résolution.
Je m'explique, actuellement, lorsque j'ouvre le site en 1600*1200, l'image est bien au centre et bien cadrée.
Maintenant, quand je baisse en résolution, je ne vois plus à l'ecran que le centre de mon image mais j'aimerais que la descente en résolution n'entraine pas cela.
Y a t il une commande spécifique à inclure dans ma feuille de style pour que l'image se trouve réduite automatiquement suivant la résolution.
Merci.
Page 1 sur 1
Image de fond : taille relative
#2
Posté 27 mars 2004 - 18:26
C'est impossible via CSS.
Les images d'arrière-plan sont plutôt supposées être d'une taille propre à "passer" dans toutes les résolutions courantes. Et avec CSS2, on utilise plutôt les motifs répétés quand il s'agit de couvrir toute la surface d'affichage...
1600*1200 n'est pas vraiment un format ... passe-partout ;-)
Les images d'arrière-plan sont plutôt supposées être d'une taille propre à "passer" dans toutes les résolutions courantes. Et avec CSS2, on utilise plutôt les motifs répétés quand il s'agit de couvrir toute la surface d'affichage...
1600*1200 n'est pas vraiment un format ... passe-partout ;-)
#3
Posté 27 mars 2004 - 19:00
Bonjour,
En tant qu'image de fond, ce n'est pas possible.
Par contre une possibilité lors de l'insersion d'une image : utiliser des valeurs relatives pour l'image à l'aide des css.
Une démonstration sur cette page Elastic Design Demonstration, où il suffit de modifier la taille du texte pour observer le comportement des différentes images.
Ce style
est attribué à la première image.
En tant qu'image de fond, ce n'est pas possible.
Par contre une possibilité lors de l'insersion d'une image : utiliser des valeurs relatives pour l'image à l'aide des css.
Une démonstration sur cette page Elastic Design Demonstration, où il suffit de modifier la taille du texte pour observer le comportement des différentes images.
Ce style
.image {
width: 30em;
height: 15em;
margin: 0 2em 1em 2em;
border: 1px solid #ccc;
}
est attribué à la première image.
Amicalement,
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
Monique
en campagne pour des sites de qualité, conformes aux standards et accessibles... avec mon navigateur préféré (Firefox) et les Bonnes pratiques qualité pour les sites Web (Opquast)
Webatou : accessibilité et qualité des sites Web
#4
Posté 29 mars 2004 - 13:38
c'est un peu ce que je fais dans les sites de ma signature, au passage, et si regarder du code peux te servir...
--------------------------------
>Nicolas, Infographiste et Webmaster de Meilleur Écran
--------------------------------
>Nicolas, Infographiste et Webmaster de Meilleur Écran
--------------------------------
Partager ce sujet :
Page 1 sur 1



Haut












