devweb:css (lu 33303 fois)

Ceci est une ancienne révision du document !

Table des matières

CSS

CSS

Modifier un élément sur action d'un autre élément

A:hover B (si B est descendant de A)
A:hover > B (si B est fils de A)
A:hover + B (si B est frère directement suivant de A)
A:hover ~ B (si B est un frère suivant de A)

Aligner / centrer verticalement

Exemple pour centrer une image verticalement dans une div

<style>
div{
  height:150px;
  line-height: 150px;
}
img{
  vertical-align: middle;
}
</style>
<div>
  <img src...>
</div>

Aligner / centrer horizontalement

Soit tout simplement avec text-align:center;

Sinon il faut ruser

div{
  width: 500px;
  margin-left: -250px;
  left: 50%;
}

Styliser les checkbox et boutons radio

http://www.screwdefaultbuttons.com/

http://www.jquery4u.com/plugins/15-jquery-radio-button-checkbox-style-plugins/

http://damirfoy.com/iCheck

devweb/css.1402519374.txt.gz · Dernière modification: 11-06-2014 22:42 de edmc73