High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

HTML : fond de page

Dernière réponse le 5 avr 2008 à 17:24:26 noussibeau eric, le 18 fév 2008 à 16:17:04 
 Signaler ce message aux modérateurs

Bonjour,
quasi débutant en HTML, je cherche à créer un site pour ma chorale et j'aimerais que tous les documents de ce site aient un fond de page commun (pas une entête et:ou un pied de page) un fond de plan visible sur toutes les pages en transparence. Est-ce possible ? et comment ?
Merci d'avance

Configuration: Windows XP
Firefox 2.0.0.12

Meilleures réponses pour « HTML : fond de page » dans :
Structure d'un document HTML VoirNotion de document HTML Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Webmastering - Introduction à la création de pages web VoirNotion de site web Un site web (aussi appelé site internet par abus de langage) est un ensemble de fichiers HTML, liés par des liens hypertextes, stockés sur un serveur web, c'est-à-dire un ordinateur connecté en permanence à internet, hébergeant...
Posez votre question Répondre

1

flo74700, le 18 fév 2008 à 16:19:09
  • +1

Voui c'est possible mais tu veux une image ou une couleur.
sinon essaye bgcolor

   
Répondre à flo74700

2

NotReal, le 18 fév 2008 à 16:23:28

Ou si c'est une image que tu souhaite :
background-image:url(CheminDeTonImage);

   
Répondre à NotReal

3

BartWadela, le 18 fév 2008 à 16:31:03

Bonjour,

y'a deux possibilites :
tu peux soit mettre <body background="url_de_ton_image.extension"> <--- fais gaffe au majuscules sur les extensions

ou alors

tu fais un fichier .css qui sera en lien avec toutes tes pages html

dans ton fichier.html =

entre les balises "<head> et </head>"

tu insere : <link rel="stylesheet" media="screen" type="text/css" title="resolution" href="index.css" />

rel="stylesheet" <-- ne pas modifier
media="screen" <-- ne pas modifier
type="text/css" <-- ne pas modifier "cela indique a tage html que c'est du text a interpreter en .css"
title="ce_que_tu_veux" <-- mets le titre que tu veux
href="destination_de_ton fichier.css" <--- url ou destination dans tes dossiers


dans ton fichier.css =

body
{
width: 100%
background-image: url("fond_bas.jpg");
background-repeat: repeat-x;
}


repeat-x = c'est parce que mon image est tres fine mais tres haute ; sinon tu mets "repeat" tout court


pour plus d'infos sur le CSS va sur le site du zéors

voila

   
Répondre à BartWadela

4

noussibeau eric, le 19 fév 2008 à 16:30:59

Voici ce que j'ai mis :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test eric</title>
<body background="V:\Nouveau Serveur IIS\Melusine\a3re0tmhmbhznshkq3dq.jpg">
</head>

les deux premieres lignes sont générées par Dreamweaver que j'utilise
Résultat : une superbe page blanche avec juste le "Test eric" qui est le title!

Ou es l'erreur ??
Merci de vos aides

   
Répondre à noussibeau eric

5

NotReal, le 19 fév 2008 à 16:34:58

As-tu essayé avec des slash au lieu des anti-slash ???
Le body doit être à l'extérieur aussi de ta balise head .. ;) 

...
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test eric</title>
</head> 
<body background="V:\Nouveau Serveur IIS\Melusine\a3re0tmhmbhznshkq3dq.jpg">
....
</body>
</html>

   
Répondre à NotReal

6

noussibeau eric, le 19 fév 2008 à 16:40:42

ça marche!! Merci.
Autre question .. si t'as le temps!
Mon fond de plan est une image qui est répétée plusieurs fois : comment faire pour quelle ne soit pas répétée et "couvre" tout arrière plan ?

   
Répondre à noussibeau eric

7

NotReal, le 19 fév 2008 à 16:48:50

Pour que ton image ne soit pas répétée tu marque dans ta balise 

background-repeat:no-repeat;


Et pour qu'elle recouvre tout le fond, il faut que:
- soit tu agrandi ton image manuellement avant.. ('limage sera plus net)
- sinon dans ta balise body tu met 
 height=Hauteur en pixel et width=largeur

ou un seul des 2 ...
voili voilou

   
Répondre à NotReal

8

noussibeau eric, le 19 fév 2008 à 16:57:04

Merci ... mais les questions continuent!
Je pensais, peut être naîvement, que le fond de plan était vu en transparence sous les autres éléments ..
Ce n'est pas le cas .. je vois le fond dans les "trou" de la page ..
Est-il possible de faire mieux. Il doit falloir rendre "transparents" tous les autres éléments ??

   
Répondre à noussibeau eric

12

BartWadela, le 5 avr 2008 à 15:17:21

Fais voir ton code entre body et /body

   
Répondre à BartWadela

9

BartWadela, le 28 fév 2008 à 14:41:33

FAIS UN FICHIER .CSS !!!


dans ton fichier html tu mets : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

   <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="resolution" href="index.css" /> 

      <title>Test eric</title>

   </head>


<body>
........
</body>


dans le meme dossier que ton index.html tu creer un fichier index.css

dans ton fichier .css tu mets : 

body
{
width: 100%;
height: 100%;
background-image: url("image.jpg");
background-repeat: no-repeat;
}

   
Répondre à BartWadela

10

noussibeau eric, le 10 mar 2008 à 09:16:04

Merci de ces réponses ..
après un temps d'absence, je vais me reùmrettre au probleme et essayer cela!
Merci encore
Eric

   
Répondre à noussibeau eric

11

samomoi, le 10 mar 2008 à 15:50:57
   
Répondre à samomoi

13

 noussibeau eric, le 5 avr 2008 à 17:24:26

Merci à tous.
Je n'ai pu pour diverses raisons finir mon projet, je le reprendrais plus tard!
Et je reviendrais vous interroger!
Bye

   
Répondre à noussibeau eric
Posez votre question Répondre
Ils ont besoin de votre aide