Adapter taille de fond de page

Adapter taille de fond de page - HTML/CSS - Programmation

Marsh Posté le 01-01-2005 à 12:05:52    

Bonjour à tous et bonne année.
Voilà j'essai de mettre en fond de page une image perso mais vu qu'elle est assez petite il me fait comme un fond d'écran mosaïque sous Windows. J'aimerai donc fait comme si elle était étirer j'ai eu beau chercher dans les background, je n'ai pas trouvé!
Merci d'avance pour votre aide.

Reply

Marsh Posté le 01-01-2005 à 12:05:52   

Reply

Marsh Posté le 02-01-2005 à 09:25:23    

up

Reply

Marsh Posté le 02-01-2005 à 09:48:12    

Pas possible a ce que j'en sais, il faut que tu l'aggrandisses  toi meme et apres la mette en fond "normalement"

Reply

Marsh Posté le 02-01-2005 à 10:48:52    

Oui j'ai esayé de l'agrandir mais bon en fait là j'ai un écran  en 1440 par 900 mais bon l'image est tojours en mosaïque.

Reply

Marsh Posté le 02-01-2005 à 11:09:59    

C'est le probleme avec les images de fond ... toutes les resolutions la voient differemment.
 
Soit tu essaie de detecter la resolution du visiteur, et tu fais 1 image par resolution (mais c'est meme pas dit que ca marche)
Soit tu fixe la taille de ton fond, tu le pose genre au milieu de ta page, et apres tout autour tu met un fond qui peut se repeter et qui va bien avec l'image

Reply

Marsh Posté le 02-01-2005 à 11:37:36    

djnow a écrit :

Bonjour à tous et bonne année.
Voilà j'essai de mettre en fond de page une image perso mais vu qu'elle est assez petite il me fait comme un fond d'écran mosaïque sous Windows. J'aimerai donc fait comme si elle était étirer j'ai eu beau chercher dans les background, je n'ai pas trouvé!
Merci d'avance pour votre aide.


 
Essayes de changer la taille de ton background avec screen.availWidth

Reply

Marsh Posté le 02-01-2005 à 12:49:43    

Merci pour vos réponses je vais essayer la dernière réponse cité mais ça permet de faire quoi la commande?

Reply

Marsh Posté le 02-01-2005 à 12:57:33    

de connaitre la résoluion de l'utilisateur

Reply

Marsh Posté le 02-01-2005 à 12:58:20    

Ok bon ben vais essayer de trouver une autre solution alors.

Reply

Marsh Posté le 03-01-2005 à 11:28:48    

Le problème surtout c'est que sur les grosse résolution, ça va pixelliser à mort...

Reply

Marsh Posté le 03-01-2005 à 11:28:48   

Reply

Marsh Posté le 03-01-2005 à 12:57:39    

Non ça va encore c'est une photo qui a été prise à l'origine en 5mo pixel.

Reply

Marsh Posté le 03-01-2005 à 13:32:11    

Ben sachant que normalement une photo avec tellement de pixels (5 Mo) n'est absolument pas destinée à un usage web, qu'il faut pas dépasser genre le 1024*768 sinon c'est la cata, ça pixelisera quand-même ;)

Reply

Marsh Posté le 03-01-2005 à 14:14:24    

Exactement, en gros tu vas obliger des gens qui ont une petite resolution a se telecharger une image qui meme pour les grosses resolution n'a pas de sens.  
En outre qqn qui arrive avec un 36k (c'est de moins en moins fréquent mais je vous garantis que ca se trouve encore) va pas aimer devoir se telecharger 2Mo d'image...  
Sans compter le fait que certains navigateurs pourront refuser de te communiquer les parametres de largeur/hauteur

Reply

Marsh Posté le 03-01-2005 à 16:57:44    

Oui c'est pas faux! Bon ben je vais mettre une petite photo et puis essayer de combler les espaces vide ensuite.

Reply

Marsh Posté le 04-01-2005 à 18:51:44    

Hello
 
tu peux aussi ptet tenter cela :
 
d'abord tu redimensionnes ton image ensuite
 
tu peux tenter cela avec une feuille de style css du genre :  
 
body {
 background: url(ton_image.jpeg) no-repeat;
}
 
bye

Reply

Marsh Posté le 04-01-2005 à 19:50:08    

En fait là je suis sous Dremweaver2004. Pour la feuille CSS je prend donc Page de base ensuite CSS je met le lien j'enregistre mais après?!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed