Salut a tous je me demandais comment je pourrais mettre mon div en position fixed verticale uniquement et que le scrollbare horizontale fasse bouger le div.
Voici les codes
Voila voila MERCI
Voici les codes
<ul id="liens">
<li><a href="#" class="elements" id="PHB">PHB</a></li>
<li><a href="#" class="elements">Accueil</a></li>
<li><a href="#" class="elements">Album</a></li>
<li><a href="#" class="elements">Organigramme</a></li>
<li><a href="#" class="elements">Calendrier</a></li>
<li><a href="#" class="elements">Resultats</a></li>
<li><a href="#" class="elements">Pratique</a></li>
<li><a href="#" class="elements">Signez</a></li>
<li><a href="#" class="elements">Forum</a></li>
<li><a href="#" class="elements">Liens</a></li>
</ul>
html
{
background: url(images/noise.png);
overflow: auto;
}
body {overflow: auto; min-width: 1000px;}
@font-face
{
font-family : "Bebas Neue";
/* pour IE */
src : url('BebasNeue.eot');
/* pour les autres */
src : url('BebasNeue.woff') format('woff'),
url('BebasNeue.svg#abcd') format('svg'),
url('BebasNeue.ttf') format('truetype');
}
#PHB
{
font-size: 60px;
}
/* Je sélectionne les <li> du menu horizontal */
ul#liens li {
display : inline;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
margin-top: 10px;
font-family: Bebas Neue, Arial, Helvetica, sans-serif;
font-size: x-large;
height: 60px;
line-height: 60px;
}
ul#liens {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
height: 60px;
width: 100%;
background: #177624;
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
border-bottom: #009900 10px;
-moz-box-shadow: 0px 10px 20px 0px #9b9b9b;
-webkit-box-shadow: 0px 10px 20px 0px #9b9b9b;
-o-box-shadow: 0px 10px 20px 0px #9b9b9b;
box-shadow: 0px 10px 20px 0px #9b9b9b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=20);
border-bottom:solid #17b024;
text-decoration: none;
min-width: 1000px;
}
.elements {text-decoration:none; color: #FFF;}
Voila voila MERCI