Bonjour,
j'ai un problème au niveau de l'image de fond de ma partie haute.
l'image (ombre d'une geisha) s'affiche entièrement sur explorer mais pas sur firefox.
Un peu d'aide me serai bien utile.
Voici le code de la page:
et le code CSS:
Problème sur le site: japan-world
j'ai un problème au niveau de l'image de fond de ma partie haute.
l'image (ombre d'une geisha) s'affiche entièrement sur explorer mais pas sur firefox.
Un peu d'aide me serai bien utile.
Voici le code de la page:
<div id="top_info">
<p><span id="loginbutton"><a href="http://www.japan-world.net/ne3/" title="Log In" target="_blank" rel="nofollow"> </a></span><br />
</p>
</div>
<div id="logo">
<h1><font color="#FFFFFF">.</font></h1>
<p id="slogan"><strong><em><font color="#FFFFFF">.</font></em></strong></p>
</div>
<ul id="tablist">
<li><a class="current" href="http://www.japan-world.net/" accesskey="n"><span class="key">N</span>ews</a></li><li><a href="http://www.japan-world.net/phpBB3/" accesskey="b"><span class="key">F</span>orum</a></li>
<li><a href="http://www.japan-world.net/japon/video-japon.php" accesskey="p"><span class="key">J</span>apon</a></li>
<li><a href="http://www.japan-world.net/jpop/jpop.php" accesskey="r">J-<span class="key">P</span>op</a></li><li><a href="http://www.japan-world.net/animation/animation.php" accesskey="f"><span class="key">A</span>nimation</a></li><li><a href="divers/divers.php" accesskey="o">D<span class="key">i</span>vers</a></li>
</ul>
<div id="topics">
<div class="thirds">
<p><br />Sous menu</p>
</div>
<div class="thirds">
<ul>
<li><a href="http://www.japan-world.net/news_japon.php">News Japon</a></li>
<li><a href="http://www.japan-world.net/news_jpop.php">News Jpop</a></li>
<li><a href="http://www.japan-world.net/news_anime.php">News Animation</a></li>
</ul>
</div>
<div class="thirds">
<ul>
<li><a href="http://www.japan-world.net/news_france.php">News France</a></li>
<li><a href="plan-du-site.php" target="_self">Plan du site</a></li>
</ul>
</div>
<div class="thirds">
</div>
</div>
<div id="search">
<form method="post" action="?">
<p><input type="text" name="search" class="search" /> <input type="submit" value="envoi" class="button" /></p>
</form>
</div>et le code CSS:
/* default styles */
body { padding: 0 0 0 0; margin: auto; width: 960px; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background: #fff url(images/kanji.gif) repeat-x; color: #454545; }
a { color: #2F637A; background: inherit; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 5px 0; }
h1 { font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }
/* layout */
#content { margin: 10px auto; width: 960px; background: #fff url(images/Banniere_Japon.jpg) no-repeat; background-position: top center; }
#logo { margin: 0 0 20px 0; }
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #D44F48; }
#top_info { line-height: 27px; float: right; color: #808080; margin: 12px 5px 7px 0; text-align: right; height: 74px; }
/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: url(images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: url(images/lbhover2.gif) no-repeat; color: #000;}
/* main horizontal menu */
#tablist{ padding: 3px 0; margin: 0; float: left; }
#tablist li{ list-style: none; display: inline; margin: 0; }
#tablist li a{
text-decoration: none;
padding: 4px 22px;
margin-right: 2px;
background: #808080;
font-weight: bold;
color: #fff;
}
#tablist li a:hover{
background: #6495AB;
color: #fff;
}
#tablist li a.current{
background: #9FC7D8;
color: #2F637A;
padding: 6px 22px;
}
#tablist .key { text-decoration: underline; }
/* main menu topics */
#topics {
clear: left;
float: left;
width: 640px;
background: #F3EC90 url(images/topicsbg.gif) repeat-x left bottom;
padding: 8px 5px;
margin: 0 0 5px 0;
color: #fff;
height: 59px;
}
#topics li a { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left; padding: 0 0 0 12px; }
/* main menu search */
#search {
float: right;
text-align: right;
color: #000;
padding: 30px 20px 12px 20px;
min-height: 32px; /* FF height */
height: 25px; /* IE height */
width: 270px;
}
/* search form styling */
form, form p { margin: 0; padding: 0; line-height: 25px; }
.search { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em; }
.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }
Problème sur le site: japan-world
,
