Bonjour.
Est-il possible d'obtenir des coins arrondis avec roundies.js si les éléments figurent dans une liste ? Je cherche en effet à arrondir les coins de "gallery" :
Sous IE 9, c'est bon. J'ai donc intégré le script roundies.js avec ce commentaire conditionnel pour avoir des coins arrondis dans les versions précédentes :
En suivant le tutoriel, j'ai ensuite inséré ceci dans le JS :
Ou ceci dans le head :
Mais les coins restent carrés...
Modifié par Nerva (29 Apr 2011 - 13:26)
Est-il possible d'obtenir des coins arrondis avec roundies.js si les éléments figurent dans une liste ? Je cherche en effet à arrondir les coins de "gallery" :
<ul class="gallery">
<li><span class="thumb"><a href="photo.jpg"><img src="photo_th.jpg" alt="Afficher la photo" /></a></span></li>
</ul>
.gallery .thumb {
display: block;
height: 150px;
width: 150px;
line-height: 150px;
text-align: center;
background-color: #FFFFFF;
background: linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #E5E5E5));
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: 1px 1px 2px #555555;
-moz-box-shadow: 1px 1px 2px #555555;
-webkit-box-shadow: 1px 1px 2px #555555;
}
Sous IE 9, c'est bon. J'ai donc intégré le script roundies.js avec ce commentaire conditionnel pour avoir des coins arrondis dans les versions précédentes :
<!--[if lte IE 8]><script type="text/javascript" src="js/roundies.js"></script><![endif]-->
En suivant le tutoriel, j'ai ensuite inséré ceci dans le JS :
DD_roundies.addRule('class.thumb', '7px');
Ou ceci dans le head :
<script>
DD_roundies.addRule('class.thumb', '7px');
</script>
Mais les coins restent carrés...
Modifié par Nerva (29 Apr 2011 - 13:26)