CSS Image de fond
Fermé
Anonymouss
-
17 août 2011 à 04:34
Thordendall Messages postés 2453 Date d'inscription mardi 9 novembre 2010 Statut Membre Dernière intervention 3 mars 2024 - 17 août 2011 à 12:19
Thordendall Messages postés 2453 Date d'inscription mardi 9 novembre 2010 Statut Membre Dernière intervention 3 mars 2024 - 17 août 2011 à 12:19
A voir également:
- CSS Image de fond
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image de profil - Guide
- Image libre de droit gratuite google - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
2 réponses
Thordendall
Messages postés
2453
Date d'inscription
mardi 9 novembre 2010
Statut
Membre
Dernière intervention
3 mars 2024
753
17 août 2011 à 11:59
17 août 2011 à 11:59
Bonjour,
Ce n'est pas très compliqué!
Dans ton code HTML du créé une div de la taille de ton image, et dans le CSS de la div tu appliques ton image de profil en image de fond.
Sinon tu fais comme dans ce blog, tu crée une div et tu code l'image directement en HTML en utilisant le CSS juste pour les propriété de dimension de ta div.
Ca te donne à peu près ça:
<div id="image"></div>
avec comme CSS
#image
{
height: 100px;
width: 100px;
margin-left: 400px;
margin-right:400px;
background-image: "...blablabla";
}
Les valeurs que j'ai mises sont un exemple, mais c'est à toi de les adapter!
Sinon
<div id="image">
<img src="ton-image">
</div>
avec le même CSS, sauf que tu vire l'image de fond.
Veilles à bien indiquer le chemin complet de ton image, et aussi à lui donner la bonne taille à la racine.
Voilà, j'espère que je n'ai pas fait d'erreur et que j'ai bien répondu à ton problème!
Cordialement
Ce n'est pas très compliqué!
Dans ton code HTML du créé une div de la taille de ton image, et dans le CSS de la div tu appliques ton image de profil en image de fond.
Sinon tu fais comme dans ce blog, tu crée une div et tu code l'image directement en HTML en utilisant le CSS juste pour les propriété de dimension de ta div.
Ca te donne à peu près ça:
<div id="image"></div>
avec comme CSS
#image
{
height: 100px;
width: 100px;
margin-left: 400px;
margin-right:400px;
background-image: "...blablabla";
}
Les valeurs que j'ai mises sont un exemple, mais c'est à toi de les adapter!
Sinon
<div id="image">
<img src="ton-image">
</div>
avec le même CSS, sauf que tu vire l'image de fond.
Veilles à bien indiquer le chemin complet de ton image, et aussi à lui donner la bonne taille à la racine.
Voilà, j'espère que je n'ai pas fait d'erreur et que j'ai bien répondu à ton problème!
Cordialement
personnellement je ne vois pas d'image de fond mais le code css pour avoir une image de fond :
<style>
body {background: url("ADRESSE_DE_L_IMAGE") top left no-repeat black}
</style>
top pour la mettre en haut de l'ecran, left a gauche
no-reapeat pour pas qu'elle se répete
black pour la couleur de fond si l'image ne prend pas toute la page
<style>
body {background: url("ADRESSE_DE_L_IMAGE") top left no-repeat black}
</style>
top pour la mettre en haut de l'ecran, left a gauche
no-reapeat pour pas qu'elle se répete
black pour la couleur de fond si l'image ne prend pas toute la page
Thordendall
Messages postés
2453
Date d'inscription
mardi 9 novembre 2010
Statut
Membre
Dernière intervention
3 mars 2024
753
17 août 2011 à 12:19
17 août 2011 à 12:19
Oui mais il demande une image de profil, pas une image de fond! Je lui ai donné un moyen simple d'afficher une image à un endroit précis. Avec la div, il peut plus tard; choisir de la déplacer! Le problème de ta solution c'est qu'il faut ajuster les propriété d'affichage de <body> dans le navigateur, et cela va pas s'afficher pareil selon les navigateurs...
