[Résolu] J'arrive pas à virer un espacement en haut

xHTML

<div id="SiteLigne2">
<div class="SiteLigne2Ombre2">
<img src="images/ombrebasgauche.gif" class="ImgOmbreBas" alt="" />
</div>
<div id="SiteLigne2Ombre3">
<img src="images/spacer.gif" id="ImgSpacerOmbre3" alt="" />
</div>
<div class="SiteLigne2Ombre2">
<img src="images/ombrebasdroite.gif" class="ImgOmbreBas" alt="" />
</div>
</div>

CSS

#SiteLigne2 {height:7px;}
.SiteLigne2Ombre2 {width:7px;float:left;}
#SiteLigne2Ombre3 {width:770px;background:url('images/ombrebas.gif') repeat-x;float:left;}

Le site est visible ici : www.tropfort.net/new/index.xhtml

Sous IE pas de problème mais par contre sous Mozilla j'ai un décallage ??
J'ai essayé de mettre des padding:0;margin:0; mais rien n'y fait ...?!
Merci de votre aide.
Modifié le 04 Dec 2004 - 09:05

Il est ou le décallage, tu l'indiques pas !

Tu n'indiques pas le positionnement de ton background.

background-position: top left;

Essayes cela

Le décallage est visible sur le site www.Tropfort.net/new/index.xhtml sous Mozilla

Bah j'ai bien vu mais tu aurais pu le préciser ! Tu parles bien de l'ombre porté, c'est cela ?

Oui ...
j'ai essayé de rajouter le positionnement du background mais rien n'y fait

Pourquoi une extension ".xhtml" pour ta page?

parce que par défaut mon editeur de code m'a mis l'extension en xhtml mais je vais splitter en PHP par la suite c pas tres important

en faite si vous avez remarqué ... j'ai le meme probleme pour l'ombre porté de droite ...
j'ai l'impression que c un soucis avec l'idée d'avoir un div avec un fond repeté et une image egalement ... mais je trouve pas de soluce pour le momeent

Tu procèdes mal avec tes coins et tout le toutim.

Suit cela : A list apart - effet d'ombre

ok je vais essayer d'y comprendre qq chose ... il existe pas une page en francais expliquant cette technique ? ...

Johnwinshark a écrit :
parce que par défaut mon editeur de code m'a mis l'extension en xhtml mais je vais splitter en PHP par la suite c pas tres important

Ce n'est pas grave, il est normal qu'un fichier XHTML ait une extension .xhtml.
D'ailleurs c'est l'extension .html qui n'est pas normale : http://fr.selfhtml.org/html/xhtml/differences.htm

Raphael a écrit :

Ce n'est pas grave, il est normal qu'un fichier XHTML ait une extension .xhtml.
D'ailleurs c'est l'extension .html qui n'est pas normale : http://fr.selfhtml.org/html/xhtml/differences.htm

Super je viens d'apprendre quelque chose
Les explications de selfhtml sont par ailleurs très claires. Hop dans mes signets.

Johnwinshark a écrit :
xHTML

<div id="SiteLigne2">
<div class="SiteLigne2Ombre2">
<img src="images/ombrebasgauche.gif" class="ImgOmbreBas" alt="" />
</div>
<div id="SiteLigne2Ombre3">
<img src="images/spacer.gif" id="ImgSpacerOmbre3" alt="" />
</div>
<div class="SiteLigne2Ombre2">
<img src="images/ombrebasdroite.gif" class="ImgOmbreBas" alt="" />
</div>
</div>

CSS

#SiteLigne2 {height:7px;}
.SiteLigne2Ombre2 {width:7px;float:left;}
#SiteLigne2Ombre3 {width:770px;background:url('images/ombrebas.gif') repeat-x;float:left;}

Le site est visible ici : www.tropfort.net/new/index.xhtml

Sous IE pas de problème mais par contre sous Mozilla j'ai un décallage ??
J'ai essayé de mettre des padding:0;margin:0; mais rien n'y fait ...?!
Merci de votre aide.

Bonjour à toi aussi !

Ok j'ai utilsé un truc tout simple que j'avais pas remarquer plus tôt ...

XHTML

<div id="shadow">
     <div id="site">...</div>
</div>

CSS

#shadow {background:url(ombre.gif) no-repeat;width:784px;height:447px;margin...}
#site {width:777px;height:440px;}

Avec ombre.gif l'image de l'ombre de mon site