image en fond de pageRésolu/Fermé

Question

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!!

kanorado · Answer

il n'y a personne qui peut m'aider? s'il vous plaît......

RAD ZONE · Answer

SALUT

les  { } sont utiliser  ( en autre ) par les CSS 

http://css.alsacreations.com/Bases-et-indispensables/Comprendre-le-positionnement-des-balises-en-CSS

kanorado · Answer

bon a savoir sa , merci!
j'ai trouvé c'était parce que les images étaient pas au bon format....

Dora The Explorer · Answer

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 ;)

kanorado · Answer

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?

Dora The Explorer · Answer

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?

kanorado · Answer

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...

Dora The Explorer · Answer

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

kanorado · Answer

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!!!)

kanorado · Answer

ou meme mieux , selection , par couleur , le blanc se selectionne seul  , et la on fait suppr !

Dora The Explorer · Answer

=DD

Oui y'avait pas besoin de se casser la tête avec le détourage par chemin alors!
Mais bon ça dépendait de ton logo, ça peut-être plus ou moins compliqué.

Bonne chance pour ton site et je te conseille une fois encore le tuto du site du zéro.
A+

kanorado · Answer

merci beaucoup à tous!!!!!!!!!!!!

Image en fond de page

12 réponses

Discussions similaires

Newsletters