Image en fond de page
Résolu
kanorado
Messages postés
107
Date d'inscription
Statut
Membre
Dernière intervention
-
kanorado Messages postés 107 Date d'inscription Statut Membre Dernière intervention -
kanorado Messages postés 107 Date d'inscription Statut Membre Dernière intervention -
salut!!
voici mon prob:
je suis en train d'apprendre le html , et j'ai mis une image en fond, en suite j'ai codé pour qu'il y ait un logo en haut et centré , l'image est bien la mais le fond a disparu !
savez vous pourquoi?
PS: j'ai vu que certains parlaient de script avec des { } sauf que les body et head etc.... sont entre < > non?
merci d'avance!!
voici mon prob:
je suis en train d'apprendre le html , et j'ai mis une image en fond, en suite j'ai codé pour qu'il y ait un logo en haut et centré , l'image est bien la mais le fond a disparu !
savez vous pourquoi?
PS: j'ai vu que certains parlaient de script avec des { } sauf que les body et head etc.... sont entre < > non?
merci d'avance!!
A voir également:
- Image en fond de page
- Impossible de supprimer une page word - Guide
- Fond de page word - Guide
- Mettre une image en fond sur word sur une seule page - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Image iso - Guide
12 réponses
SALUT
les { } sont utiliser ( en autre ) par les CSS
http://css.alsacreations.com/Bases-et-indispensables/Comprendre-le-positionnement-des-balises-en-CSS
les { } sont utiliser ( en autre ) par les CSS
http://css.alsacreations.com/Bases-et-indispensables/Comprendre-le-positionnement-des-balises-en-CSS
Salut!
Je viens de voir que j'étais grilled par RAD mais tant pis...
Difficile de te répondre sans ton code... tu aurais un lien?
Les "scripts" en {...} c'est du CSS que tu parles?. Généralement utilisé dans un fichier à part de la page html mais appelé par celle-ci.
Ici ça donnerait un truc du genre (à trois quatre vaches et erreurs près;)):
fond de la page:
body{
background-image:url(image.jpg);
background-repeat: no-repeat;
}
logo centré
#logo{
background-image:url(logo.jpg);
margin-left:auto;
margin-right:auto;
}
Si tu ne fais que débuter et que tu n'es pas habitué à ton tutorial actuel, je te conseille ce tuto du site du zéro qui te fera coder plus "proprement" je pense. Vraiment très accessible.
Bonne chance ;)
Je viens de voir que j'étais grilled par RAD mais tant pis...
Difficile de te répondre sans ton code... tu aurais un lien?
Les "scripts" en {...} c'est du CSS que tu parles?. Généralement utilisé dans un fichier à part de la page html mais appelé par celle-ci.
Ici ça donnerait un truc du genre (à trois quatre vaches et erreurs près;)):
fond de la page:
body{
background-image:url(image.jpg);
background-repeat: no-repeat;
}
logo centré
#logo{
background-image:url(logo.jpg);
margin-left:auto;
margin-right:auto;
}
Si tu ne fais que débuter et que tu n'es pas habitué à ton tutorial actuel, je te conseille ce tuto du site du zéro qui te fera coder plus "proprement" je pense. Vraiment très accessible.
Bonne chance ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
merci!
mais y a encore un prob (lol)
les images apparaissent, mais le blanc n'est pas transparent alors y a un gros rectangle blanc autour de l'image , pas terrible...
vous savez comment rendre le blanc transparent?
mais y a encore un prob (lol)
les images apparaissent, mais le blanc n'est pas transparent alors y a un gros rectangle blanc autour de l'image , pas terrible...
vous savez comment rendre le blanc transparent?
Salut!
Deux problèmes potentiels ici:
-Soit tes images sont en .png avec un fond transparent mais ton navigateur ne peut pas les afficher correctement (Internet Explorer 6 par exemple) et donc rajoute un fond blanc.
-Soit tes images ont à la base un fond blanc derrière elles et sont sûrement en jpg.
Dans le cas 1):
Sachant que beaucoup de gens encore ont un mauvais affichage des images .png, tu devrais ouvrir tes images avec un logiciel de graphisme (The Gimp? parce que avec paint ça a pas marché chez moi :/) et les réenregistrer en .gif (qui permet aussi la transparence). Ne pas oublier de modifier ton code source en renommant les appels d'image en conséquence.
Dans le cas 2):
Et bien je ne sais pas s'il existe vraiment une méthode simple et rapide pour enlever le fond blanc d'une photo, mais tu seras obligé de paser par des logiciels de graphisme (The Gimp par exemple) et de détourer ces images. Ce qui est plus ou moins faisaible selon le type d'image que tu as.
Dans tous les cas, tu peux placer ton image... sur un fond déjà blanc, du coup le fond blanc de l'image ne jurera pas avec le fond blanc de la page. Mais c'est tout ton design qui est à revoir.
A toi de voir encore une fois le type d'image ( .png, .jpg?) et qu'est-ce qu'elles représentent?
Deux problèmes potentiels ici:
-Soit tes images sont en .png avec un fond transparent mais ton navigateur ne peut pas les afficher correctement (Internet Explorer 6 par exemple) et donc rajoute un fond blanc.
-Soit tes images ont à la base un fond blanc derrière elles et sont sûrement en jpg.
Dans le cas 1):
Sachant que beaucoup de gens encore ont un mauvais affichage des images .png, tu devrais ouvrir tes images avec un logiciel de graphisme (The Gimp? parce que avec paint ça a pas marché chez moi :/) et les réenregistrer en .gif (qui permet aussi la transparence). Ne pas oublier de modifier ton code source en renommant les appels d'image en conséquence.
Dans le cas 2):
Et bien je ne sais pas s'il existe vraiment une méthode simple et rapide pour enlever le fond blanc d'une photo, mais tu seras obligé de paser par des logiciels de graphisme (The Gimp par exemple) et de détourer ces images. Ce qui est plus ou moins faisaible selon le type d'image que tu as.
Dans tous les cas, tu peux placer ton image... sur un fond déjà blanc, du coup le fond blanc de l'image ne jurera pas avec le fond blanc de la page. Mais c'est tout ton design qui est à revoir.
A toi de voir encore une fois le type d'image ( .png, .jpg?) et qu'est-ce qu'elles représentent?
pour explorer je crois que j'ai le 7 , ensuite pour les images , ce sont, ou plutot c'est un logo , que j'ai dessiné , sauf que le probleme en GIF (et oui encore un lol) c'est que sa perd des couleurs et sa le change pas mal , là il est en jpeg , mais dsl je ne souhaite pas mettre un fond blanc , en fait le fond sert (pour moi) à remplir ma page je vais essayer avec the gimp...
Salut!
Pour un logo ça devrait aller:
détourage méthode chemin que j'utilise même si longue.
Essaye de zoomer et d'être précis. Et finaliser avec la gomme si il reste des imperfections.
deux méthodes
Pour un logo ça devrait aller:
détourage méthode chemin que j'utilise même si longue.
Essaye de zoomer et d'être précis. Et finaliser avec la gomme si il reste des imperfections.
deux méthodes
merci beaucoup pour les liens! mais j'ai reussi avec the gimp (trop cool ce truc) mdr au 1er essai une petite teinte de rose est apparue mais apres c'est allé lol merci beaucoup à vous tous!
pour infos j'ai fais (avec the gimp ) couleur , couleur vers alpha et ça a marché !!!!! (yeepie!!!)
pour infos j'ai fais (avec the gimp ) couleur , couleur vers alpha et ça a marché !!!!! (yeepie!!!)
