Rechercher : dans
Par :

[ XHTML/CSS ] Faire une ombre

Dernière réponse le 31 jan 2008 à 18:26:42 Rublo, le 30 jan 2008 à 19:46:42 
 Signaler ce message aux modérateurs

Salut ! Je voudrais faire une sorte d'ombre comme sur ce site ( http://sd-1.archive-host.com/membres/up/727692485/image.jpg )
Donc j'ai utilisé comme fond cette image ( http://sd-1.archive-host.com/membres/up/727692485/3.png ), tout marche bien mais seulement en résolution 1280x960 ( image de mon site : http://sd-1.archive-host.com/membres/up/727692485/Sanstitre.­jpg ) mais quand c'est une résolution de moins de 1280x960 l'ombre n'est plu là... ( http://sd-1.archive-host.com/membres/up/727692485/Sanstitre2­.jpg )
Adresse de mon site : http://wakfaide.hostarea.org/
Si quelqu'un à une idée pour mettre une ombre qui fonctionne avec toutes les types de résolutions...
Merci d'avance !

Configuration: Windows XP
Firefox 2.0.0.11

1

Mixo, le 30 jan 2008 à 19:52:36

Normale car tu peut aussi choisir la couleur de fond du site , donc tu choisi noir/gris comme fond et avec ton "ombre" sa le fera ;)

Répondre à Mixo

2

Rublo, le 30 jan 2008 à 20:04:13
  • +1

Oo Le problème c'est pas la couleur de fond, c'est l'ombre qui n'apparrait pas ou qui est mal placée si c'est une résolution supérieur ou inférieur à 1280x960 !

Répondre à Rublo

3

gougougne, le 30 jan 2008 à 20:09:24

Salut,
j'ai regardé le code de ta page en ligne et celui de ta feuille de style, mais je ne trouve pas la référence à ton image 3.png ??

Répondre à gougougne

4

Rublo, le 30 jan 2008 à 20:39:57

Elle est dans la page HTML...

Répondre à Rublo

5

gougougne, le 30 jan 2008 à 20:48:26

Je la chercais pas là.
il vaudrait mieu la mettre en fond dans ton div corps car en ce moment elle doit etre derrire ce div corps

Répondre à gougougne

6

Rublo, le 30 jan 2008 à 20:51:04

Gougougne tu as une résolution d'écran inférieur à 1280x960 ? Si oui, "l'ombre" est caché derrière le corps ( le but c'est qu'il soit sur le côté :s )

Répondre à Rublo

7

gougougne, le 30 jan 2008 à 20:58:04

C'est ce que je dis.
1)en css le fond doit être décris dans la feuille de style.
2)ton fond dans le body démarre toujours du coin en haut a gauche et reste fixe.
3)donc si les éléments ne retent pas à la même place, il cacheront forcément ton image à un moment ou à un autre.
4)si tu place ton image dans un div qui suit ta page le problème est réglé

Répondre à gougougne

8

Rublo, le 30 jan 2008 à 21:05:32

Pourrais tu me dire comment faire exactement stp ?

Répondre à Rublo

9

Rublo, le 30 jan 2008 à 21:12:35

J'ai rajouté dans body : background-image:url(3.png);
C'est bon ?

Répondre à Rublo

10

Rublo, le 30 jan 2008 à 21:24:24

J'ai trouvée ! Il fallait rajouter dans body :
background-image:url(3.png);
background-position: center ;

Merci à tous ! ( surtout à toi Gougougne ;) )

Répondre à Rublo

11

gougougne, le 30 jan 2008 à 21:56:24

Désolé j'étais en train de diner!!!
c'est bien que tu ais trouvé tout seul !
et c'est pas encore en ligne ????
allez courage !!!

Répondre à gougougne

12

 Rublo, le 31 jan 2008 à 18:26:42

C'est fait ! ;)

Répondre à Rublo