× Aidez la recherche contre le COVID-19 avec votre ordi ! Rejoignez l'équipe PC Astuces Folding@home
 > Tous les forums > Forum des Webmasters
 Code HTML pour positionner un fond de page webSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
bryce2nyce64
  Posté le 20/09/2006 @ 21:17 
Aller en bas de la page 
Petit astucien
Bonjour ! Je cherche un code HTML/Javascript qui permet de positionner le fond de page web. Par exemple l'image [img]http://bryce2nyce64.free.fr/stargate_fichiers/image003.gif[/img] en bas à droite de ma page tout en suivant la descente. Merci beaucoup.

Modifié par bryce2nyce64 le 20/09/2006 21:18
Publicité
elle
 Posté le 20/09/2006 à 21:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Salut bryce2nyce64, Avec un style : body { background-image: url(image.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: bottom right }

Modifié par elle le 20/09/2006 21:31
elle
 Posté le 20/09/2006 à 21:29 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu peux aussi positionner le background ainsi : background-position: 0% 0% Ou en valeurs absolues : background-position: x-pos y-pos (par exemple, 300px 240px) Ou encore en mélangeant les deux...
ti_ouf
 Posté le 20/09/2006 à 22:17 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Message original par bryce2nyce64
Bonjour ! Je cherche un code HTML/Javascript qui permet de positionner le fond de page web. Par exemple l'image [img]http://bryce2nyce64.free.fr/stargate_fichiers/image003.gif[/img] en bas à droite de ma page tout en suivant la descente. Merci beaucoup.
je dirais en bas à gauche non ? [happy]
bryce2nyce64
 Posté le 21/09/2006 à 18:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
Non non en bas à droite. Merci beaucoup, je vais tester ça desuite, et j'édite mon post pour vous tenir au courant. EDIT : non le code ne marche pas. je voudrais mettre http://bryce2nyce64.free.fr/PNG_785.png Pouvez vous m(indiquer ou doit-je mettre l'url, peut-être je me suis trompé :s

Modifié par bryce2nyce64 le 21/09/2006 19:01
denis d
 Posté le 21/09/2006 à 20:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
Salut voilà <BODY BACKGROUND="http://bryce2nyce64.free.fr/PNG_785.png">
elle
 Posté le 21/09/2006 à 20:16 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

body { background-image: url(http://bryce2nyce64.free.fr/PNG_785.png); background-attachment: fixed; background-repeat: no-repeat; background-position: bottom right } Maintenant, c'est un style. Comment l'insères-tu dans ta page? En passant, évite les majuscules (ainsi que les espaces, accents, etc.) dans les noms de fichiers...

Modifié par elle le 21/09/2006 20:16
bryce2nyce64
 Posté le 21/09/2006 à 20:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
Biensûr oui. Et bah euh j'insère le code avec publisher (et oui je sais -_-) Le code ne marche pas. Sur publisher ou sur le notepad, en .htm ou .php l image en .png ou .gif... Je sais pas trop quoi faire là... PS : L'image s'appelle png_785.gif maintenant sur mon FTP

Modifié par bryce2nyce64 le 21/09/2006 20:52
elle
 Posté le 21/09/2006 à 20:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu peux me montrer le bout de code que tu mets?
Publicité
bryce2nyce64
 Posté le 21/09/2006 à 21:03 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
Je copie colle ton code
body [...] }
elle
 Posté le 21/09/2006 à 21:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

bryce2nyce64 a écrit :
Je copie colle ton code
body [...] }
Oui, mais où?
bryce2nyce64
 Posté le 21/09/2006 à 21:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
Bah avec publisher c'est n'importe où dans la page. avec le note pad bah je l'ai ajouté tout simplement comme ça sans rien d'autres.
elle
 Posté le 21/09/2006 à 21:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Essaie plutôt comme ça, dans la balise <body> : [code]<body style="background-image:url(http://bryce2nyce64.free.fr/png_785.png);background-attachment:fixed;background-repeat:no-repeat;background-position:bottom right">[/code] Assure-toi que le chemin de l'image est bon...

Modifié par elle le 22/09/2006 04:45
bryce2nyce64
 Posté le 22/09/2006 à 17:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
Le chemin est bon mais cela ne marche toujours pas. [code]<body style="background-image:url(http://bryce2nyce64.free.fr/png_785.gif);background-attachment:fixed;background-repeat:no-repeat;background-position:bottom right">[/code]
elle
 Posté le 22/09/2006 à 19:36 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Mets le code de ta page au complet, avec le code pour l'image de fond inséré. Ce sera plus facile de voir ce qui ne va pas...
denis d
 Posté le 22/09/2006 à 20:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
Salut. Il faut que tu l'insères en éditant ton fichier avec le bloc-note. De plus, il faut insérer le code juste derrière la balise <head>.
bryce2nyce64
 Posté le 23/09/2006 à 09:44 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
Haha ça marche ! J'ai pris la source HTML de ma page et j'ai rajouté tout en haut avec le notepad le code avec les balises <head> et ça marche ! Merci mille fois, ma [url="http://bryce2nyce64.free.fr/hd2.htm"]page[/url] est niquel maintenant :D

Modifié par bryce2nyce64 le 23/09/2006 18:52
Publicité
elle
 Posté le 23/09/2006 à 15:36 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

bryce2nyce64 a écrit :
Haha ça marche ! J'ai prix la sources HTML de ma page et j'ai rajouter tout en haut avec le notepad le code avec les balise <head> et ça marche super ! Merci mille fois, ma [url="http://bryce2nyce64.free.fr/hd2.htm"]page[/url] est niquel maintenant :D
Je t'avais pourtant demandé si tu savais comment insérer un style... [clindoeil]

Modifié par elle le 23/09/2006 15:38
elle
 Posté le 23/09/2006 à 15:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

N'oublie pas de marquer ton sujet comme résolu en cliquant sur l'étoile verte... [clindoeil]
bryce2nyce64
 Posté le 23/09/2006 à 18:43 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
D'accord, encore merci, je vais mettre résolu et corriger mes fautes aussi [img]http://bryce2nyce64.free.fr/informatique/msn_smiley/D.gif[/img]

Modifié par bryce2nyce64 le 23/09/2006 18:53
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour poster des messages. Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !


Les bons plans du moment PC Astuces

Tous les Bons Plans
7,99 €Souris sans fil Logitech M171 à 7,99 €
Valable jusqu'au 11 Août

Amazon fait une promotion sur la souris sans fil Logitech M171 qui passe à 7,99 € au lieu de 13,90 € ailleurs. Branchez simplement le récepteur 2,4 GHz fourni sur un port USB de votre ordinateur et profitez d'une portée jusqu'à 10 mètres. Cette souris peut fonctionner 12 mois sur une seule pile AA. Plutôt robuste, vous pourrez l'emmener partout avec vous !


> Voir l'offre
21,85 €Clé USB 3.1 SanDisk Extreme Go 64 Go (200 Mo/s) à 21,85 €
Valable jusqu'au 12 Août

Amazon fait une promotion sur la clé USB 3.1 Sandisk Extreme Go 64 Go qui passe à 21,85 €.  On la trouve ailleurs à partir de 35 €. Cette clé USB 3.1 (compatible usb 3.0) est rapide puisqu'elle offre des débits jusqu'à 200 Mo/s en lecture et 150 Mo/s en écriture. Pratique, son connecteur rétractable vous évitera d'avoir à manipuler (et perdre ?) un bouchon.


> Voir l'offre
549,90 €Portable Honor Magicbook 14 (FullHD IPS, Ryzen 5, 8Go, 256Go SSD) + sac à dos + souris à 549,90 €
Valable jusqu'au 13 Août

Amazon fait une promotion sur l'ordinateur portable Honor Magicbook 14 accompagnée d'une souris sans fil Honor Mouse (valeur 29,90 €) et d'un sac à dos Honor Backpack (valeur 39,90 €) qui passe à 549,90 € livré gratuitement. Une bonne affaire pour ce portable bien équipé : écran 14 pouces FullHD IPS, Ryzen 5 3500U, 8 Go de RAM, SSD PCI-E 256 Go, WiFi, Bluetooth, Webcam et Windows 10. Le portable pèse 1,4 kg et offre jusqu'à 9h30 d'autonomie. Notez que la version 15 pouces passe également à ce prix (écran plus grand/1,53 kg)


> Voir l'offre

Sujets relatifs
code html pour info-bulle
mot de passe pour accéder une page html
Créer un code pour page fan Facebook
myspace: code html pour ajouter une webcam
convertir word.doc pour insertion dans page html
Bouton dans une page HTML pour copier un texte
Inclure un bouton pour fermer une page Html ,
script eml dans page html sur mon site pour outloo
Cherche script pour page html
besoin d'aide pour code html
Plus de sujets relatifs à Code HTML pour positionner un fond de page web
 > Tous les forums > Forum Forum des Webmasters