La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  adapter le header à toutes résolutions
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: adapter le header à toutes résolutions  (Lu 755 fois)
adapter le header à toutes résolutions
« sur: le 16-07-2008 a 09:36:49 »
annaluna
Membre récent
*

Hors-Ligne

Messages: 1



Je suis un lama!

Voir le Profil
Répondre avec citation

Bonjour,

Après avoir fait un header pour quelqu'un, impossible de l'adapter à toutes
les résolutions d'écrans.
Mon header à la base à une taille de 1600 px.
Voici ce que j'ai d'inscrit dans le css :
TR.header{
  background: #0f0d3e url(yourdesign/header1600.jpg);background-position: center;
}
Si je mets width: 100%, ou background:100% mon header est coupé sur la gauche.
En changeant le pourcentage, ce n'est pas mieux.
Quelqu'un pourrait-il m'aider, je n'y comprends rien.

Merci par avance

Rapporter au modérateur  

Re:adapter le header à toutes résolutions
« Répondre #1 sur: le 16-07-2008 a 09:47:51 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Salut,

Tu ne peux pas dire à un background de faire "100% de la largeur" : les backgrounds ne sont pas redimensionnés.
Une option : faire un background qui supporte graphiquement d'être coupé sur les côtés (éventuellement), et le positionner centré :

background : url("yourdesign/header1600.jpg") #0f0d3e 50% 0 no-repeat;

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg