28172 sujets

CSS et mise en forme, CSS3

[Résolu] Faire scroller des images...

Hello,
Je souhaite faire scroller des images avec l'attribut 'overflow' sur mon div. L'affichage des images est correct mais pas de scroll. Je joint le code pour avis.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
    <style>
        .ligne-pictogrammes {
    width: 1026px;
    height: 240px;
    float: left;
 overflow-y: hidden; 
  overflow-x: scroll;
}

.bloc-picto {
    width: 252px;
    height: 225px;
    float: left;
}

        .main {
    width: 1026px;
    margin-left: auto;
    margin-right: auto;
}
    </style>
</head>

<body>
    <div class="main">
      <div class="ligne-pictogrammes">
            <div class="bloc-picto"><img src="abricot-picto-3e.svg" alt="" width="252" height="225"/></div>
          <div class="bloc-picto"><img src="accordeon-picto-2e.svg" alt="" width="252" height="225"/></div>
          <div class="bloc-picto"><img src="aeroport-picto-3e.svg" alt="" width="252" height="225"/></div>
        <div class="bloc-picto"><img src="alphabet-picto-5e.svg" alt="" width="252" height="225"/></div>
        <div class="bloc-picto"><img src="ambulance-picto-5e.svg" alt="" width="252" height="225"/></div>
          <div class="bloc-picto"><img src="ananas-picto-4e.svg" alt="" width="252" height="225"/></div>
        <div class="bloc-picto"><img src="anniversaire-picto-6e.svg" alt="" width="252" height="225"/></div>
             <div class="bloc-picto"><img src="anse-picto-1e.svg" alt="" width="252" height="225"/></div>
        </div><!--ligne-pictogrammes-->   
        </div><!--main-->
</body>
</html>
Sujet clos
Aller à