High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Image de fond sur page web

Dernière réponse le 1 mar 2009 à 17:41:43 fcouest, le 4 mai 2007 à 17:20:42 
 Signaler ce message aux modérateurs

Bonjour,

j'ai mis une photos en fond de page sur le site que je suis en train de créé
pb : comment faire pour avoir la photos à la taille de ma page.
pour le moment je ne vois qu'une partie de l'image merci

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « image de fond sur page web » dans :
Optimiser la taille des images PNG VoirOn peut optimiser de manière importante la taille des fichiers PNG, ce qui est particulièrement intéressant pour les pages web. La méthode décrite ci-dessous permet de réduire les fichiers PNG en moyenne à 40% de leur taille originale. Comment...
[Webmaster] Protéger les adresses email contre les bots VoirProtéger les adresses email contre les bots Vous êtes webmaster et pour une raison x, vous stockez l'adresse email de plusieurs membres de votre site . Ces adresses sont consultables dans leur profil (ex: forum, blog etc....). Or, aujourd'hui,...
Posez votre question Répondre

1

Gihef, le 4 mai 2007 à 18:41:36

Bonjour,

Il faudrait savoir comment tu as fait pour placer l'image.
Montre-nous le code.

Pour qu'elle ait la taille de la page, il faut :
- que tu l'agrandisses avec un logiciel graphique avant de la placer dans la page
  mais son poids risque d'êre très important et son chargement long
- que tu adaptes ses dimensions à celle de la page en modifiant ses dimensions à l'aide des attributs HTML correspondants
  mais alors, elle risque de devenir moche, déformée.

Si ton image représente un motif et que tu veux qu'il se répète, il s'uffit que tu n'indiques pas de dimensions pour l'image dans la page.

Il serait peut-être préférable que tu adaptes la taille de la page à celle de l'image.
 

   
Répondre à Gihef

2

fcouest, le 7 mai 2007 à 11:29:40

Bonjour,

merci pour les infos.
en affet j'ai adapter (réduction) la taille de mon image.
c'est mieux
par contre mon image se répète et ca ne m'interesse pas
comment faire ?

voici mon code
<BODY BACKGROUND="reunion.jpg" style="background-attachment:fixed;">

merci encore de votre aide

   
Répondre à fcouest

3

M@xwell, le 7 mai 2007 à 11:41:06

Slt

voila qui devrait ne pu répéter ton image:

background-repeat:no-repeat;

   
Répondre à M@xwell

4

fcouest, le 7 mai 2007 à 11:51:06

Hello,
merci ...
par contre comment adapter exactement la taille de mon image à la taille de ma page web.
est-ce possible en html... je ne connais que très très peu le code

merci

   
Répondre à fcouest

5

Gihef, le 7 mai 2007 à 17:53:51
  • +1

Pour simplifier, tu peux utiliser :

<body style="background: url(reunion.jpg) left top fixed no-repeat;">
pour la coller en haut à gauche, fixe et sans répétition.

“comment adapter exactement la taille de mon image à la taille de ma page web”
Je ne comprends pas vraiment la question.
S'il s'agit de faire s'agrandir l'image au fur et à mesure que la page se remplit ou que la fenêtre est redimensionnée, en HTML ce n'est pas possible.
J'ai déjà vu ici quelque chose d'approchant en Javascript. Mais où… ?

“Il serait peut-être préférable que tu adaptes la taille de la page à celle de l'image.” ?
Un peu comme ça.
 

   
Répondre à Gihef

6

fcouest, le 11 mai 2007 à 11:51:11

Bonjour,

merci pour votre aide, je suis arrivé a peu près à ce que je voulais

mais une dernière question : comment adapter la taille de la page à l'image ?

   
Répondre à fcouest

7

Gihef, le 12 mai 2007 à 00:14:54
  • +1

Une technique classique consiste à placer l'image en fond d'un bloc qui définira les dimensions dans lesquelles le reste viendra se placer.

Avec un peu de CSS , ça se fait assez aisément.
Dans ce simple exemple l'image est placée en fond du bloc principal #conteneur.
Les autres blocs (menu, corps…) sont placés en absolute et des dimensions leur ont été attribuées. Ils restent dans le bloc principal.
Pour que le corps ne déborde pas du conteneur, il lui a été ajouté l'attribut “overflow:auto;” et les ascenseurs apparaissent.

Pour que tu voies la différence, le fond de la page est coloré différemment.
Si tu veux qu'il se fonde avec l'image, change la background-color en #ffefce.
 

   
Répondre à Gihef

8

Tilk*SG1, le 7 jun 2007 à 16:43:22

Salut Gihef,

ta page là, donnée a titre d'exemple est faite avec du CSS si j'ai bien compris...
Es ce que tu as utilisé Dreamweaver pour le faire ? J'aimerai arriver a un résultat comme ça mais pour les CSS je n'y connais rien :/ Merci

   
Répondre à Tilk*SG1

9

Gihef, le 7 jun 2007 à 19:27:29

Salut,

Je ne dispose pas de DW.
Tous les exemples que je donne dans ce forum sont faits “à la main”, avec un éditeur de texte.

En effet, cette mise en page est faite avec CSS.
C'est facile à vérifier.
Affiche le code source et regarde dans la <head>. Tu y trouveras <style type="text/css"> qui indique que ce qui suit en est.
Tu aurrais aussi pu trouver <link rel="stylesheet" href="stylescss.css" type="text/css"></link> qui indiquerait aux navigateurs où trouver la feuille de styles, externe.
Regarde ensuite dans le <body>. Tu y trouveras aussi des style="…" qui indiquent que je m'en suis aussi servi ponctuellement pour les éléments de la page.

Cette structure est assez classique et simple.
Elle ressort de manière assez évidente à la lecture du code :

    #menu {  —>  <div id="menu">
    #corps {  —>  <div id="corps">
L'exemple répond à la question <6> de ce post qui était “comment adapter la taille de la page à l'image ?”
C'est pour ça que j'ai utilisé des positionnements en absolute.
Dans un autre contexte, je m'y serais certainement pris autrement.

+ Pour te lancer :
  cssintro
  http://www.alsacreations.com/
  http://pompage.net/
  http://openweb.eu.org/
  http://www.aidenet.com/css/index.htm
  etc.

Et ces exercices :
  http://www.w3.org/Style/Examples/011/firstcss.fr.html
  http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html
 

   
Répondre à Gihef

10

etelfa, le 4 aoû 2007 à 02:06:01

Salut Gihef...

Peut-être pourras tu m'aider...
Tu avais conseillé qq'1 un peu dans le même cas q moi.

Alors voilà :
Je souhaiterais créer un fond qui soit fixe ET qui ne se répète pas ET qui soit de la taille d'un écran d'ordi (du moins en hauteur).

J'ai passé toute la soirée à faire un fond sur photoshop (... je suis très longue !), je pensais l'avoir mis à la bonne taille (de l'écran), mais maintenant q'il est sur la page myspace, il fait finalement à peine 1/3 de la page...

Merci d'avance...
A+

   
Répondre à etelfa

11

baba_cool, le 13 nov 2007 à 21:59:58

Perso, pour qu'une image s'adapte en permanence à la taille de l'ecran ( resolution ) tt en restant jolie et sans peser trop lourd, je la crée en flash, puis intergre ce flash à la page... mais bon, c'est surtout pratique quand on fait tt son site en flash, sinon, y a parfois des problemes de superposition...

l'astuce consiste a mettre le flash dans un tableau, puis de creer sa page dans ce tableau... mais pas toujours un resultat au top...

   
Répondre à baba_cool

12

baba_cool, le 13 nov 2007 à 22:30:46

Oups, désolé, ca marche pas... je fais ca seulement quand je cré un site 100% en flash... c'est encore le meilleur moyen pour pouvoir ajusté un site ( et pas seulement le fond) à une resolution d'ecran...

   
Répondre à baba_cool

13

Anthony, le 5 mar 2008 à 15:01:11

Bonjour,
je viens à vous car je viens de me lancer dans le développement web et que je m'arrache les cheveux sur un problème dont je suis sur vous pourrez m'aider
Voila je suis en train de créer un site, je viens d'y mettre un fond d'écran et j'aurai souhaité rajouté des textes dessus, pourriez vous m'indiquer quel balises utiliser, et quel terme éxact dois je mettre sachant que le nom de ma photo est Dock. merci d'avance
Anthony

   
Répondre à Anthony

14

Ululo, le 6 mar 2008 à 18:48:19

Beh tu vois Anthony, pas besoin de code :
Tu vas sur ton logiciel de traitement d'images, The Gimp ou Photophiltre par exemple, tu prends l'outil Texte et tu écris ton texte.
Mais de toute façon si ton image est en fond pquoi ne pas écrire ta page html tt simplement ça s'écrira par dessus.
Je te rappelle que le code pour mettre une image de fond en css (au cas où tu serais perdu) est : 

body{
background-image: url(lenomdetonimage);
}
Ululo

   
Répondre à Ululo

15

anthony, le 6 mar 2008 à 19:33:35

Merci beaucoup pour ta réponse mais en fait maintenant ce que je recherche c'est comment faire pour que mon fond d écran puissent remplir tout mon écran (1400*900, 19p) si jamais vous avez une solution me contacter via ce forum ou sur mon adresse e mail rozdidin@hotmail.com merci par avance
Anthony

   
Répondre à anthony

16

Ululo, le 7 mar 2008 à 15:04:52

Si tu lisais les messages de 1 à 12,
Tu aurais des réponses à tes questions,
Ululo

   
Répondre à Ululo

17

Anthon'78470, le 7 mar 2008 à 15:54:26

Et bien j'ai compris je te remercie Ululo ça fait plaisir de voir qu'il y a de l'entraide!!! j'ai utilisé également une feuille de style CSS (ce qui éffectivement est tres pratique pour utiliser une page web!!!) mais est-il possible de modifier tout ce qui touche au fichier mp3, jpg, gif, .. sur les feuilles de style CSS et quels en sont leurs codes?
Merci d'avance

   
Répondre à Anthon'78470

18

Ululo, le 8 mar 2008 à 17:07:36

Je ne comprends pas ta question.
Pourrais-tu être plus clair stp ?
Ululo

   
Répondre à Ululo

19

anthon, le 9 mar 2008 à 23:33:33

Eeeeee nan mais j'ai dis une bétise c'est pour ça je m'en suis rendu compte ensuite, y'a aucun soucis c'est cool.

   
Répondre à anthon

20

diana, le 23 mar 2008 à 23:37:08

Je suis entrain de crée un site et j'ia un pb avec le font car l'image se répète
comment faire?
voici mon code:
<body background=7.jpg">
merci

   
Répondre à diana

21

Griffon974, le 24 mar 2008 à 08:18:43

Salut ! Quelqu'un pourrais me dire comment mettre un fond sur mon site parce que vous m'aider pas vraiment comme sa ^^

   
Répondre à Griffon974

22

Ululo, le 13 avr 2008 à 11:41:55

Pour mettre un fond (image) sur son site , il y a le css: 

body{
background-image: url(tonimage);
}

Et pour la précédente personne, pour que l'image ne se répète pas, il faut utiliser le css:
{background-repeat: no-repeat}

   
Répondre à Ululo

23

Griffon974, le 16 avr 2008 à 11:13:11

Bonjour, je cherche quelqu'un qui peut m'aider pour créer mon site ?
Le site s'appellera Omega ! C'est un site pour les débutants en Informatique et Internet !
ça parle des jeux en lignes et pleins d'autres choses !!!

Alors qui veut m'aider ?

   
Répondre à Griffon974

24

Anthony, le 16 avr 2008 à 11:20:32

Bonjour griffon
Et bien je te laisse mon adresse de messagerie electronique ainsi que mes coordonées, tu peux me contacter si jamais tu recherches un developpeur pour créer ton site internet
rozdidin@hotmail.com
tu peux également me contacter au numéro suivant :
06-62-23-91-47

   
Répondre à Anthony

25

Lebocoeur, le 20 avr 2008 à 23:55:31

Bonjour à tous dans l'attente d'une réponse de votre part mon problème est le suivant : je viens de créer un second myspace mais pour ce qui est de mon fond j'ai un problème car cette fois si j'ai pris une image de google d'une taille de 1500x2250 que j'ai ensuite héberger sur le site casimages pour récupérer le code donc une fois le code récupérer je les copier en sautant une ligne a la suite de "Qui je suis?" le problème est que pour voir a droite te a gauche de ma photos il faut ce déplacer de droite a gauche vue sa grandeur et mon texte "Qui je suis?" et mes centres d'intérêt tous sa ce justifie de par et d'autre de la photos donc sur les côtés et donc moi j'aimerais avoir mon texte qui passe par dessus l'image en transparent .
Mon code et le suivant :

<a href="http://www.casimages.com"><img src="http://nsa01.casimages.com/img/2008/04/20/0804200352523012242.jpg" alt="Image hébergée par Casimages.com : votre hébergeur d images simple et gratuit" border="0"/></a>

Merci part avance de votre aide.

   
Répondre à Lebocoeur

26

Dalida, le 21 avr 2008 à 00:12:29

Salut,

ouvre un fil de discussion pour ton problème.
[ Mathieu ] 

Il y a surement des pandas pour ne dépendre de rien

   
Répondre à Dalida

32

pilier, le 26 oct 2008 à 17:53:09

Stp a ce que tu pe me éddé coman faire pour metre une image sur google . si tu ve bien voila mon adress. rm-94@hotmail.fr

   
Répondre à pilier

27

kika, le 10 jui 2008 à 00:29:19

Bjr, je voudrais savoir komen on doit faire pour mettre une foto sur la page google et ecrire kelke chose a la place de google??
SVP aider moi
mercii davance

   
Répondre à kika

28

Dalida, le 10 jui 2008 à 17:09:43

Salut,

commence par là.
[ Mathieu ] 

Il y a surement des pandas pour ne dépendre de rien

   
Répondre à Dalida
35 réponses 12 Suivant
Posez votre question Répondre
Ils ont besoin de votre aide