rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Image en fond de page

kanorado, le vendredi 23 novembre 2007 à 20:09:22
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!!
Configuration: Windows XP
Internet Explorer 7.0
Répondre à kanorado  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kanorado, le vendredi 23 novembre 2007 à 20:42:52
il n'y a personne qui peut m'aider? s'il vous plaît......
Répondre à kanorado

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
RAD ZONE, le vendredi 23 novembre 2007 à 20:50:16
SALUT

les { } sont utiliser ( en autre ) par les CSS

http://css.alsacreations.com/...
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
Répondre à RAD ZONE

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kanorado, le vendredi 23 novembre 2007 à 20:51:43
bon a savoir sa , merci!
j'ai trouvé c'était parce que les images étaient pas au bon format....
Répondre à kanorado

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dora The Explorer, le vendredi 23 novembre 2007 à 21:03:51
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 ;) "Vous avez beaucoup d'avenir derrière vous..."
Comment qu'ça marche là dis-donc.
--
"Vous avez beaucoup d'avenir derrière vous..."
Comment qu'ça marche là dis-donc.
Répondre à Dora The Explorer

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kanorado, le samedi 24 novembre 2007 à 11:13:16
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?
Répondre à kanorado

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dora The Explorer, le samedi 24 novembre 2007 à 11:31:44
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? "Vous avez beaucoup d'avenir derrière vous..."
Comment qu'ça marche là dis-donc.
Répondre à Dora The Explorer

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kanorado, le samedi 24 novembre 2007 à 11:38:09
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...
Répondre à kanorado

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dora The Explorer, le samedi 24 novembre 2007 à 11:51:08
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 "Vous avez beaucoup d'avenir derrière vous..."
Comment qu'ça marche là dis-donc.
Répondre à Dora The Explorer

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kanorado, le samedi 24 novembre 2007 à 12:00:36
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!!!)
Répondre à kanorado

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
kanorado, le samedi 24 novembre 2007 à 12:35:18
ou meme mieux , selection , par couleur , le blanc se selectionne seul , et la on fait suppr !
Répondre à kanorado

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dora The Explorer, le samedi 24 novembre 2007 à 12:40:50
=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+ "Vous avez beaucoup d'avenir derrière vous..."
Comment qu'ça marche là dis-donc.
Répondre à Dora The Explorer

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 kanorado, le dimanche 25 novembre 2007 à 15:05:42
merci beaucoup à tous!!!!!!!!!!!!
Répondre à kanorado
Logiciels pertinents trouvés dans les téléchargements
Télécharger PDFLab 2.0.3r2PDFLab - PDFLab vous permet de diviser et assembler des documents PDF ainsi que d'y insérer des images, des pages blanches. Vous...Catégorie: PDF
Licence: Freeware/gratuit
Télécharger PagePlus SEPagePlus - PagePlus SE est un logiciel gratuit de PAO (publication assistée par ordinateur) permettant de concevoir et de créer des...Catégorie: Présentation
Licence: Freeware/gratuit
Télécharger Image Resizer 1Image Resizer - Petit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de...Catégorie: Graphisme
Licence: Freeware/gratuit
Télécharger VSO Image Resizer 2.0.1.9VSO Image Resizer - Le logiciel VSO Image Resizer organise vos photos en réduisant leur résolution et en les déplaçant facilement au sein de...Catégorie: Graphisme
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « image en fond de page »