28173 sujets

CSS et mise en forme, CSS3

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


<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 Smiley smile