Flux rss
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut :

Image de fond sur page web

fcouest, le vendredi 4 mai 2007 à 17:20:42
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
Répondre à fcouest  Signaler ce message aux modérateurs Aller au dernier message

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le vendredi 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

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
fcouest, le lundi 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

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
M@xwell, le lundi 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

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
fcouest, le lundi 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

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le lundi 7 mai 2007 à 17:53:51
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

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
fcouest, le vendredi 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

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le samedi 12 mai 2007 à 00:14:54
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

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Tilk*SG1, le jeudi 7 juin 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

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le jeudi 7 juin 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

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
etelfa, le samedi 4 août 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

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
baba_cool, le mardi 13 novembre 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

13


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
baba_cool, le mardi 13 novembre 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

14


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Anthony, le mercredi 5 mars 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

15


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ululo, le jeudi 6 mars 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

16


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
anthony, le jeudi 6 mars 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

17


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ululo, le vendredi 7 mars 2008 à 15:04:52
Si tu lisais les messages de 1 à 12,
Tu aurais des réponses à tes questions,
Ululo
Répondre à Ululo

18


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Anthon'78470, le vendredi 7 mars 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

19


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ululo, le samedi 8 mars 2008 à 17:07:36
Je ne comprends pas ta question.
Pourrais-tu être plus clair stp ?
Ululo
Répondre à Ululo


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
anthon, le dimanche 9 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
diana, le dimanche 23 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Griffon974, le lundi 24 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Ululo, le dimanche 13 avril 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Griffon974, le mercredi 16 avril 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Anthony, le mercredi 16 avril 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Lebocoeur, le dimanche 20 avril 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le lundi 21 avril 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 pilier, le dimanche 26 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kika, le jeudi 10 juillet 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le jeudi 10 juillet 2008 à 17:09:43
salut,

commence par .
[ Mathieu ]
Il y a surement des pandas pour ne dépendre de rien
Répondre à Dalida

Résultats pour image de fond sur page web

Plus d'images sur les pages web (Résolu) bonjour alors mon probleme est le suivant: toute les images de pages webs ne s'affiches plus ce qui as la place c'est un petit carré avec un croix rouge a l'interieure est-ce normal? renseigné moi svp!!!! est-ce le web qui foire ou le... www.commentcamarche.net/forum/affich-2162494-plus-d-images-sur-les-pages-web
Poids images sur page web (Résolu) Bonjour, je voudrais savoir comment faire pour réduire le poids de mes images sur ma page web sans reduire la taille. Le temps d'affichage etant trop long. merci. www.commentcamarche.net/forum/affich-2530509-poids-images-sur-page-web
Incorporer image dans page web (Résolu) Bonjour, je cherche à insérer un logo (jpg, gif ou png) sous word dans une page web que je travaille. Pas de souci pour l'insertion jusqu'à la sauvegarde. Mais lorsque je regarde le site, seul le titre apparait mais pas l'image, alors... www.commentcamarche.net/forum/affich-4674471-incorporer-image-dans-page-web

Résultats pour image de fond sur page web

Problème de fond blanc dans les pages webProblème de fond blanc dans les pages Web Vos pages Web ne s'affichent plus correctement : il n'y a plus de couleur de fond, tout est blanc : (comme sur cette image ) Pour résoudre ce problème suivre les étapes suivantes : 1. Allez dans... www.commentcamarche.net/faq/sujet-9348-probleme-de-fond-blanc-dans-les-pages-web
[mythes] On peut protéger une page web/une image contre la copieMythe On peut empêcher la copie d'une page web ou d'une image. On peut empêcher de voir le source d'une page HTML. On peut empêcher la copie d'une vidéo, d'une musique. Réalité FAUX Explications Quelle que soit la nature d'un document (page... www.commentcamarche.net/faq/sujet-3134-mythes-on-peut-proteger-une-page-web-une-image-contre-la-copie
Arrêter les images animées dans les pages WebLes images animées vous agacent et ralentissent l'affichage des pages Web que vous visitez ? Pas de panique, vous pouvez les arrêter. Internet Explorer Sous Internet Explorer, il vous suffit d'appuyer sur la touche Esc pour que toutes les animations... www.commentcamarche.net/faq/sujet-10011-arreter-les-images-animees-dans-les-pages-web

Résultats pour image de fond sur page web

Ie7 - fond des pages web blanc (Résolu)Bonjour, je ne sais pas ce qui s'est passé, mes le fond de mes pages web est blanc. Je n'ai plus de couleur de fond par exemple sur ccm , tout est blanc, pas de couleur de fond, parfois sur les pages, pour séparer les colonnes il y a des... www.commentcamarche.net/forum/affich-2464318-ie7-fond-des-pages-web-blanc
Zone visible fond d'image / fond de page (Résolu)Bonjour, Je bataille depuis hier. Ma page web (écrite en xhtml) a un fond. J'ai mis un titre fantaisie fait avec wordart d'excel, puis converti en jpg. Ce titre a la même couleur de fond que ma page. Il n'y a evidemment pas de bordure... www.commentcamarche.net/forum/affich-4215619-zone-visible-fond-d-image-fond-de-page
Photo n'apparaît pas dans ma page Web (Résolu)Bonjour, J’ai créé une page Web avec Word et j’y ai mis une photo, mais seul un rectangle avec un X rouge apparaît à sa place. J’ai lu plusieurs topics qui parlent du problème. Je pense que l’image ne se trouve pas à la bonne place, mais j’ignore tout... www.commentcamarche.net/forum/affich-4667747-photo-n-apparait-pas-dans-ma-page-web