CSS bouts de trucs

Calcul dans les styles

<style>
  #monobjet[
    width:180px;
    width:100%;    // tout le div contenant
    margin-left:180px;  // monobjet va sortir de 180px vers la droite
      // solution
    width:calc(100% - 180px);  // tout le div contenant - 180px;  
      // calcul avec + - * /  des % px, em  ne pas oublier d’entourer les opérateurs par des espaces
  }
</style>

Pour afficher un truc du genre : Ctrl+Shift+M

<kbd class="kbd">Ctrl</kbd>+<kbd class="kbd">Shift</kbd>+<kbd class="kbd">M</kbd>
<style>
kbd {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    color: #333;
    font-size: 11px;
    line-height: 1.4;
    text-shadow: 0 1px 0 #fff;
    display: inline-block;
    padding: .1em .6em;
    margin: 0 .1em;
    white-space: nowrap;
    box-shadow: 0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;
    border-radius: 3px;
}
</style>
     

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

− one = two