Webmaster Hub: Image de fond : taille relative - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

Image de fond : taille relative Noter : -----

#1 Invité_ksper92_*

  • Groupe : Invité

Posté 27 mars 2004 - 17:23

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.

#2 L'utilisateur est hors-ligne   LaurentDenis 

  • Groupe : Membres
  • Messages : 1 243
  • Inscrit(e) : 26-mars 04

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

#3 L'utilisateur est hors-ligne   Monique 

  • Le Web à tous
  • Groupe : Hubmaster
  • Messages : 3 952
  • Inscrit(e) : 19-août 03
  • Genre:Femme
  • Localisation:rue Georges Mabile, Havré
  • Société:Webatou

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

#4 L'utilisateur est hors-ligne   Beatnykk 

  • Groupe : Membres
  • Messages : 501
  • Inscrit(e) : 18-septembre 03
  • Localisation:paris
  • Société:labyrinthe

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

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)