Image d'arrière plan site web

Image d'arrière plan site web - Web design - Graphisme

Marsh Posté le 08-02-2005 à 01:16:27    

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4.   <meta content="text/html; charset=ISO-8859-1"
  5. http-equiv="content-type">
  6.   <title>pages</title>
  7. </head>
  8. <body
  9. style="background-image: url(file:///home/jeep05/site); width: 950px; height: 335px;">
  10. </body>
  11. </html>


 
Avec ce code, si j'affiche la page, l'arrière plan est en mozaique en fait, il se répete...
 
Je voudrais que le site fasse seulement la taille de mon image d'arrière plan. Comment on fait ?
 
J'utilise NVU, Gimp et Inkscape

Reply

Marsh Posté le 08-02-2005 à 01:16:27   

Reply

Marsh Posté le 08-02-2005 à 09:23:58    

C'est pas la peine, ça va faire ultra-moche si le mec visite le site en 1600*1200 :/

Reply

Marsh Posté le 08-02-2005 à 10:41:50    

comment faire alors ? toute façon avec les images je suis forcé de choisir une taille ?
Je vais voir ce que donne le résultat avec les propriétés de la background, merci suri.

Reply

Marsh Posté le 08-02-2005 à 10:49:52    

Enfin bon, c'est une question de programmation, ça. Va dans la section prog et fait une recherche, y'a au moins 5 topics sur cette question par semaine :D

Reply

Marsh Posté le 09-02-2005 à 18:13:46    

Code :
  1. <div style="width: 950px; height:335px; background: url(./home/jeep05/site) no-repeat;">
  2. contenu
  3. </div>


 
 
 :??:  :??:  
 
sinon si c'est pour le bgr de ta page tout entière, tu met bien dans le tag BODY... là c'est dans l'eventualité d'un bloc de contenu.  :)  
 
A+


---------------
intralase surgery [:cerveau love]
Reply

Marsh Posté le 09-02-2005 à 18:15:32    

Comme dit, fait une recherche dans la catégorie Programmation, y'a au moins une vingtaine de topics parlant de ce sujet ;)

Reply

Marsh Posté le 09-02-2005 à 21:55:00    

avec background-repeat:no-repeat c'est OK.

Reply

Marsh Posté le 21-02-2005 à 13:29:58    

jeep05 a écrit :

avec background-repeat:no-repeat c'est OK.


Méfie-toi, j'ai voulu faire la même chose sur un site, mais pour l'instant il n'y a pas de fonction permettant de redimensionner l'image de  fond selon la taille de l'affichage; donc, sur les écrans de bourgeois (1200 x 1600), mon background 768 x 1024 (je dis ça au pif) avait l'air stupide, coincé en haut à gauche, avec ces grosses bandes sur les côtés droit et bas.
Pourtant c'était si joli sur mon petit écran, pffffff
 
Ciao! :hello:

Reply

Marsh Posté le 21-02-2005 à 13:53:24    

De toute manière, si tu redimensionne une image, ton image de 1024 de large va être pixellisée en 1600, donc c'est bof :(

Reply

Marsh Posté le 21-02-2005 à 13:53:24   

Reply

Marsh Posté le 21-02-2005 à 16:12:01    

Mitternacht a écrit :

Méfie-toi, j'ai voulu faire la même chose sur un site, mais pour l'instant il n'y a pas de fonction permettant de redimensionner l'image de  fond selon la taille de l'affichage; donc, sur les écrans de bourgeois (1200 x 1600), mon background 768 x 1024 (je dis ça au pif) avait l'air stupide, coincé en haut à gauche, avec ces grosses bandes sur les côtés droit et bas.
Pourtant c'était si joli sur mon petit écran, pffffff
 
Ciao! :hello:


 

Code :
  1. background-position: center;


 
 :??:
tu veux pas non + demander au pauvre CSS de te redimensionner le bgr par rapport à la def. du visiteur.  :o
peut-être avec du PHP mais c'est devient un peu bête après je trouve... du code pour definir la taille du bgr. :/
 
 

Reply

Marsh Posté le 21-02-2005 à 23:24:58    

Citation :

Code :
  1. background-position: center;



 
Oui, center, left, right, c'est comme tu veux, t'auras toujours des bandes.
Le mieux c'est de changer d'idée (ou alors, 257 petites lignes de java feront l'affaire :lol: ). Les CSS permettent de faire des pages super clean et très, très classe, pourquoi insister?


Message édité par Mitternacht le 22-02-2005 à 13:09:27
Reply

Marsh Posté le 21-02-2005 à 23:27:45    

Citation :

De toute manière, si tu redimensionne une image, ton image de 1024 de large va être pixellisée en 1600, donc c'est bof :(


 
Oui t'as raison.
 :pt1cable: Esprit tordu: utiliser une image 2000*1500 (on peut redimensionner dans les 2 sens, non?)


Message édité par Mitternacht le 22-02-2005 à 13:08:55
Reply

Marsh Posté le 22-02-2005 à 09:28:44    

Une image en 2000*1500 sera tellement lourde à télécharger, que c'est pas la peine ;)

Reply

Marsh Posté le 22-02-2005 à 11:10:51    

s'pa grâve. le CSS est chargé directement dans le cache, le background qui va avec.  :D  :jap:

Reply

Marsh Posté le 22-02-2005 à 16:56:55    

[quote=615767,0,14,208403]Une image en 2000*1500 sera tellement lourde à télécharger, que c'est pas la peine ;)[/quote]
 
pas forcemment (un gif en quelques couleurs , avec un applat)


---------------
Mathieu BLONDET - Création de sites internet à bourges
Reply

Marsh Posté le 22-02-2005 à 17:27:30    

[quote=616004,0,16,237682]pas forcemment (un gif en quelques couleurs , avec un applat)[/quote]
 
 :pt1cable: Mais puisqu'on vous répète que c'est pas une bonne idée !! :pt1cable:  
 
Les images de fond gênent souvent la lisibilité du tout, il vaut mieux créer des div en dimensions absolues en leur attribuant une image de fond de la même taille, et utiliser la couleur de fond de l'image pour les div de texte (enfin j'dis ça, je sais même pas c'est quoi ce site) pour finalement donner une impression de background unique.  
Encore mieux, pour garantir l'homogénéité des couleurs : plutôt que de mettre un attribut en couleur hexadécimale, je mets un petit carré en JPG créé à partir de l'image que je veux juxtaposer sans que ça se voit. Parce que visiblement, toutes les machines ne mélangent pas les couleurs pareil :lol: .
 
 :hello:

Reply

Marsh Posté le 22-02-2005 à 21:38:59    

Notez qu'en CSS3, il existe une propriété background-size qui peut prendre des pourcentages...

Reply

Marsh Posté le 12-03-2005 à 11:43:08    

salut à tous !
 
Voila, je voudrais savoir quelles sont les dimensions à adapter pour une image de fond sur un site, pour une résoution d'écran de 1024*768 et 1280*1024 ? Sachant que j'y adapterais un script en java pour detecter la résolution du surfer et ainsi le redrigé vers une page qui correspondra a sa résolution. Parce que la les mosaîque de merde ou 2 scroll bar géants pour un site ca le fais pas trop ! Please help me !

Reply

Marsh Posté le 17-03-2005 à 09:30:20    

Laisse tomber ce genre de solution ;)

Reply

Sujets relatifs:

Leave a Replay

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