Bonjour,
Je ne parviens pas à decaler verticalement un background vers la bas alors que ça fonctionne trés bien horizontalement! ça ne fonctionne ni sur IE ni sur Firefox!
la partie ciblée de la css
ET le html
Je ne parviens pas à decaler verticalement un background vers la bas alors que ça fonctionne trés bien horizontalement! ça ne fonctionne ni sur IE ni sur Firefox!
la partie ciblée de la css
body {
background: #BCCCCD;
color: #002C2E;
font: 62.5% "Trebuchet MS", Verdana, Lucida, Tahoma, sans-serif;
}
#conteneur {
position: relative;
width: 1000px;
border-bottom: 1px solid #589194;
border-right: 1px solid #589194;
background: #fff url(../images/leftmenu_bg.gif) repeat-y 0 120px;
}
ET le html
<div id="conteneur" style="height: 400px">
<div id="header">
<h1><a href="/" title="Retourner à l'accueil"><img id="logo" src="images/logo.png" alt="ASP Solutions & Consulting - Retourner a l'accueil" width="320" height="54" /></a></h1>
<div class="menus" id="leftmenu">
<div>
<h2 onmouseover="montre('smenu7');" onfocus="montre('smenu7');"><a href="/expertises.php">Expertises</a></h2>
<ul id="smenu7">
<li><a href="#">Expertises n2-1</a></li>
<li><a href="#">Expertises n2-2</a></li>
<li><a href="#">Expertises n2-3</a></li>
</ul>
</div>
<div>
<h2 onmouseover="montre('smenu8');"><a href="/technologies.php">Technologies</a></h2>
<ul id="smenu8">
<li><a href="#">Sous-menu 2.1</a></li>
<li><a href="#">Sous-menu 2.2</a></li>
</ul>
</div>
<div>
<h2 onmouseover="montre('smenu9');"><a href="/references.php">Références</a></h2>
<ul id="smenu9">
<li><a href="#">Sous-menu 3.1</a></li>
<li><a href="#">Sous-menu 3.2</a></li>
<li><a href="#">Sous-menu 3.3</a></li>
</ul>
</div>
</div>
<div class="menus" id="topmenu">
<div>
<h2 onmouseover="montre('smenu1');" onfocus="montre('smenu1');"><a href="/expertises.php">Expertises</a></h2>
<ul id="smenu1">
<li><a href="#">Expertises n2-1</a></li>
<li><a href="#">Expertises n2-2</a></li>
<li><a href="#">Expertises n2-3</a></li>
</ul>
</div>
<div>
<h2 onmouseover="montre('smenu2');"><a href="/technologies.php">Technologies</a></h2>
<ul id="smenu2">
<li><a href="#">Sous-menu 2.1</a></li>
<li><a href="#">Sous-menu 2.2</a></li>
</ul>
</div>
<div>
<h2 onmouseover="montre('smenu3');"><a href="/references.php">Références</a></h2>
<ul id="smenu3">
<li><a href="#">Sous-menu 3.1</a></li>
<li><a href="#">Sous-menu 3.2</a></li>
<li><a href="#">Sous-menu 3.3</a></li>
</ul>
</div>
<div>
<h2 onmouseover="montre('smenu4');"><a href="/investisseurs.php">Investisseurs</a></h2>
<ul id="smenu4">
<li><a href="#">Sous-menu 4.1</a></li>
<li><a href="#">Sous-menu 4.2</a></li>
</ul>
</div>
<div>
<h2 onmouseover="montre('smenu5');"><a href="/recrutements.php">Recrutements</a></h2>
<ul id="smenu5">
<li><a href="#">Sous-menu 5.1</a></li>
<li><a href="#">Sous-menu 5.2</a></li>
</ul>
</div>
<div>
<h2 onmouseover="montre('smenu6');"><a href="/entre-vous-et-nous.php">Entre vous et nous</a></h2>
<ul id="smenu6">
<li><a href="#">Sous-menu 6.1</a></li>
<li><a href="#">Sous-menu 6.2</a></li>
</ul>
</div>
</div>
</div>
</div>