Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide Recherche
2814 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Image d'arrière plan site web

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Image d'arrière plan site web

n°610134
jeep05
Engrenages
Posté le 08-02-2005 à 01:16:27  profilanswer
 

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

mood
Publicité
Posté le 08-02-2005 à 01:16:27  profilanswer
 

n°610184
Suri
Darksurious
Posté le 08-02-2005 à 09:12:37  profilanswer
 
n°610191
FlorentG
Unité de Masse
Posté le 08-02-2005 à 09:23:58  profilanswer
 

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


---------------
last.fmflickr
n°610240
jeep05
Engrenages
Posté le 08-02-2005 à 10:41:50  profilanswer
 

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.

n°610251
FlorentG
Unité de Masse
Posté le 08-02-2005 à 10:49:52  profilanswer
 

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


---------------
last.fmflickr
n°611167
pmusa
&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;
Posté le 09-02-2005 à 18:13:46  profilanswer
 

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]
n°611168
FlorentG
Unité de Masse
Posté le 09-02-2005 à 18:15:32  profilanswer
 

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


---------------
last.fmflickr
n°611324
jeep05
Engrenages
Posté le 09-02-2005 à 21:55:00  profilanswer
 

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

n°615389
Mitternach​t
Posté le 21-02-2005 à 13:29:58  profilanswer
 

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:

n°615400
FlorentG
Unité de Masse
Posté le 21-02-2005 à 13:53:24  profilanswer
 

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


---------------
last.fmflickr
mood
Publicité
Posté le 21-02-2005 à 13:53:24  profilanswer
 

n°615471
pmusa
&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;
Posté le 21-02-2005 à 16:12:01  profilanswer
 

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. :/
 
 

n°615682
Mitternach​t
Posté le 21-02-2005 à 23:24:58  profilanswer
 

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
n°615683
Mitternach​t
Posté le 21-02-2005 à 23:27:45  profilanswer
 

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
n°615767
FlorentG
Unité de Masse
Posté le 22-02-2005 à 09:28:44  profilanswer
 

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


---------------
last.fmflickr
n°615803
pmusa
&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;&#9619;
Posté le 22-02-2005 à 11:10:51  profilanswer
 

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

n°616004
mamate
Posté le 22-02-2005 à 16:56:55  profilanswer
 

[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
n°616021
Mitternach​t
Posté le 22-02-2005 à 17:27:30  profilanswer
 

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

n°616233
FlorentG
Unité de Masse
Posté le 22-02-2005 à 21:38:59  profilanswer
 

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


---------------
last.fmflickr
n°623244
remyftp
Il faut souffrir pour y arrivé
Posté le 12-03-2005 à 11:43:08  profilanswer
 

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 !

n°624704
FlorentG
Unité de Masse
Posté le 17-03-2005 à 09:30:20  profilanswer
 

Laisse tomber ce genre de solution ;)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Image d'arrière plan site web

 

Sujets relatifs
[Blender] plan section et faire suivre l'objet à la splineChangement de design de mon site, vos avis !
comment creer un site web ac un bon design??Mon site : votre opinion m'intéresse ; )
Intro flash pour mon siteTransformer une image
Quel est le meilleur logiciel de maintenance d'un site internet ?image comme arriere plan pour site
[WebDes] une image d arriere plan pour mon site ? 
Plus de sujets relatifs à : Image d'arrière plan site web



Copyright © 1997-2014 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC