Fond de page
@moumous@
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
@moumous@ -
@moumous@ -
Bonjour.
Je suis en html.
j'ai fait une image cliquable.(sa marche bien)
je voudrais avoir un fond couleur sur la page ou la grande image va apparaitre étant donné que l'image ne prend pas toute la page.Merci.
Je suis en html.
j'ai fait une image cliquable.(sa marche bien)
je voudrais avoir un fond couleur sur la page ou la grande image va apparaitre étant donné que l'image ne prend pas toute la page.Merci.
A voir également:
- Fond de page
- Impossible de supprimer une page word - Guide
- Fond de page word - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Numéro de page word - Guide
- Trame de fond word - Guide
4 réponses
Bonjour
pour cela il faut utiliser les balises
sinon la solution la plus esthétique (celle que j'utilise) c'est de créer un fichier css et y ajouté :
cela necessitera d'ajouté une ligne dans la parti head de ton code :
le fichier css devra être hébergé et nommé "style" (pour l'exemple) dans le même répertoire que la page html
cdt
pour cela il faut utiliser les balises
<style>
body{
background : "couleur souhaité" (nom en anglais ou code hexadecimal #ffffff;}
</style>
sinon la solution la plus esthétique (celle que j'utilise) c'est de créer un fichier css et y ajouté :
body{
background : "couleur souhaité" (nom en anglais ou code hexadecimal #ffffff;}
cela necessitera d'ajouté une ligne dans la parti head de ton code :
<link rel="stylesheet" href="style.css" />
le fichier css devra être hébergé et nommé "style" (pour l'exemple) dans le même répertoire que la page html
cdt
| EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :ICI Merci d'y penser dans tes prochains messages. |
Voila ce que j'ai fait je suis en HTML
je place a quelle endroit votre formule
<p> <a href="fleur.png"alt"fleur" </a> <img src="fleur.png"alt="fleur"widht="100"height="50" </a> </p>
je place a quelle endroit votre formule
<style> background : "couleur souhaité" #ffffff; </style>
| EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :ICI Merci d'y penser dans tes prochains messages. |
Je me suis permis de corrigé une petite erreur il faut indique au navigateur sur quel élément agir en l'occurence sur body qui est le corp de page.
ne pas oublié "{" en début d'instrucion et "}" en fin
une commande par ligne terminé par ";"
ex :
pour résumé ma page ex aura un fond noir et l'écriture rouge.
Attention #ffffff correspond au blanc.
pour avoir le code Hexdecimal d'une couleur j'utilise ce site :
https://www.toutimages.com/generateur_nr_2.htm
les balise <style></style> se mettent dans la section "body" avant les autres balises
cdt
ne pas oublié "{" en début d'instrucion et "}" en fin
une commande par ligne terminé par ";"
ex :
body {
background : #000000 ;
color : red ;
}
pour résumé ma page ex aura un fond noir et l'écriture rouge.
Attention #ffffff correspond au blanc.
pour avoir le code Hexdecimal d'une couleur j'utilise ce site :
https://www.toutimages.com/generateur_nr_2.htm
<p>
<a href="fleur.png"alt"fleur" </a>
<img src="fleur.png"alt="fleur"widht="100"height="50" </a>
</p>
<style>
body {
background : "couleur souhaité" #ffffff;
}
</style>
les balise <style></style> se mettent dans la section "body" avant les autres balises
cdt
le code devrait ressembler a ça
pour voir le visu il faut l'enregistrer dans un fichier html et l'ouvrir avec un navigateur
Je n'avais pas vu tout a l'heure mais les ancres "<a></a>" fonctionnent par paire je les ai ajoutés.
Pour les couleurs en CSS il y a 3 façons de désigner une couleur
par son nom anglais (red, green, blue...) ce choix est limité a une vingtaine de
nuances
par son code hexadecimal (#ffffff, #000000, #CC0000) ce code se trouve avec
les sites comme celui indiquer dans ma reponse précédente.
par le systeme rgb (Rouge, Vert, Bleu) ex (0,255,255) donne la couleur rouge
cdt
<! DOCTYPE html>
<html>
<head>
<title>Titre du site</title>
<link rel="stylesheet" href="style.css" type="texte/css" />
<link rel="shortcut icon" href="images/favicon.png">
<meta charset="utf-8"/> <!-- Mode alphabetique Latin -->
</head>
<body>
<!-- Partie css -->
<style>
body {
background : #000000; <!-- C'est un exemple pour une autre couleur il faux remplacer #000000 par le code correspondant ex #CC0000 pour le rouge -->
color : red;}
</style>
<!-- Page html -->
<a href="fleur.png">
<img src="fleur.png"alt="fleur"widht="100"height="50" />
</a>
<p>Texte</p>
</body>
</html>
pour voir le visu il faut l'enregistrer dans un fichier html et l'ouvrir avec un navigateur
Je n'avais pas vu tout a l'heure mais les ancres "<a></a>" fonctionnent par paire je les ai ajoutés.
Pour les couleurs en CSS il y a 3 façons de désigner une couleur
par son nom anglais (red, green, blue...) ce choix est limité a une vingtaine de
nuances
par son code hexadecimal (#ffffff, #000000, #CC0000) ce code se trouve avec
les sites comme celui indiquer dans ma reponse précédente.
par le systeme rgb (Rouge, Vert, Bleu) ex (0,255,255) donne la couleur rouge
cdt
j'ai bien ma page en jaune avec le petit format image .(clic dessus)
l'affichage image grand format le fond de page est toujours noir.
<! DOCTYPE html>
<html>
<head>
<title>Club Dauphinois de Minéralogie et de Paléontologie</title>
<link rel="stylesheet" href="style.css" type="texte/css" />
<link rel="shortcut icon" href="images/favicon.png">
<meta charset="utf-8"/> <!-- Mode alphabetique Latin -->
</head>
<body>
<style>
body {
background : #ffff00; (la premiére page est bien en jaune)pour la page suivante
color : red;} le fond de page est toujours noir.j'ai fait essaie )
</style>
<p>
<a href="fleur.png"alt"fleur" </a>
<img src="fleur.png"alt="fleur"widht="100"height="50" </a>
</p>
</body>
</html>
l'affichage image grand format le fond de page est toujours noir.
<! DOCTYPE html>
<html>
<head>
<title>Club Dauphinois de Minéralogie et de Paléontologie</title>
<link rel="stylesheet" href="style.css" type="texte/css" />
<link rel="shortcut icon" href="images/favicon.png">
<meta charset="utf-8"/> <!-- Mode alphabetique Latin -->
</head>
<body>
<style>
body {
background : #ffff00; (la premiére page est bien en jaune)pour la page suivante
color : red;} le fond de page est toujours noir.j'ai fait essaie )
</style>
<p>
<a href="fleur.png"alt"fleur" </a>
<img src="fleur.png"alt="fleur"widht="100"height="50" </a>
</p>
</body>
</html>
en css la couleur du fond est designé par "background"
"color" designe la couleur du texte
si vous avez plusieurs pages je vous conseil de faire un fichier css dans lequel vous mettez ceci:
l’avantage de cette méthode c'est que l'on peut changer le style de toutes les pages liées.
dans le fichier html il ne devrais avoir plus que :
Ne pas oublier d'ajouter dans la section <head> de toutes les pages la ligne :
<link rel="stylesheet" href="style.css" type="texte/css" />
vos pages html et le fichier style.css devront être dans le même repertoire
cdt
"color" designe la couleur du texte
si vous avez plusieurs pages je vous conseil de faire un fichier css dans lequel vous mettez ceci:
body {
background : #ffff00;}
l’avantage de cette méthode c'est que l'on peut changer le style de toutes les pages liées.
dans le fichier html il ne devrais avoir plus que :
<! DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="style.css" type="texte/css" /><!-- cette ligne est a copié sur toute les pages du site--> <link rel="shortcut icon" href="images/favicon.png"> <meta charset="utf-8"/> <!-- Mode alphabetique Latin --> </head> <body> <!-- Partie css --> <!-- Remplacé par le fichier style.css--> <!-- Page html --> <a href="fleur.png"> <img src="fleur.png"alt="fleur"widht="100"height="50" /> </a> <p>Texte</p> </body> </html>
Ne pas oublier d'ajouter dans la section <head> de toutes les pages la ligne :
<link rel="stylesheet" href="style.css" type="texte/css" />
vos pages html et le fichier style.css devront être dans le même repertoire
cdt
Salut,
Le lien <a href="fleur.png">...</a> va ouvrir le fichier fleur.png (un fichier image) dans le navigateur.
La présentation d'un fichier image dépend entièrement du navigateur et n'est pas modifiable. Par exemple sur Firefox tu as bien un fond noir et l'image est centrée, sur Chrome tu as un fond blanc est l'image est en haut à gauche, etc..
Puisque cette présentation n'est pas modifiable, si tu veux afficher ton image différemment, il faut simplement créer une autre page html :
- Dans la page 1 :
- Dans la page fleur.html
Bonne journée
Le lien <a href="fleur.png">...</a> va ouvrir le fichier fleur.png (un fichier image) dans le navigateur.
La présentation d'un fichier image dépend entièrement du navigateur et n'est pas modifiable. Par exemple sur Firefox tu as bien un fond noir et l'image est centrée, sur Chrome tu as un fond blanc est l'image est en haut à gauche, etc..
Puisque cette présentation n'est pas modifiable, si tu veux afficher ton image différemment, il faut simplement créer une autre page html :
- Dans la page 1 :
<a href="fleur.html"> <img src="fleur.png" alt="fleur" widht="100" height="50" /> </a>
- Dans la page fleur.html
<style> background : #ffff00; </style> <img src="fleur.png" alt="fleur" />
Bonne journée
