Publié le 7 Août 2014

Après avoir vu comment supprimer les puces d'une liste HTML voici comment afficher une liste horizontalement avec CSS. En combinant cette technique avec quelques styles bien choisis (border, padding, etc) il devient facile de réaliser des menus et onglets.

Donc partons d'une liste toute simple comme la dernière fois:

<ul>
  <li>Pêche</li>
  <li>Pomme</li>
  <li>Poire</li>
</ul>

ce qui donne:

  • Pêche
  • Pomme
  • Poire

Maintenant appliquons le style suivant sur les éléments <li>:

display: inline;

et on obtient:

  • Pêche
  • Pomme
  • Poire

Voir les commentaires

Rédigé par Bliz

Publié dans #CSS

Repost 0

Publié le 4 Août 2014

Mac OS X est basé sur BSD et donc logiquement la commande sed aussi.

Cela peut poser problème lorsqu'on essaie de lancer des scripts linux qui utilise la version GNU de sed.

Par exemple l'option -r n'existe pas mais heureusement il y a un équivalent: -E.

Il suffit donc de remplacer l' option -r par -E et le tour est joué.

Voir les commentaires

Rédigé par Bliz

Publié dans #mac

Repost 0

Publié le 3 Août 2014

Par défaut une list HTML utilise des puces pour chaque élément de la liste.

Par exemple:

<ul>
 <li>pêche</li>
 <li>pomme</li>
 <li>poire</li>
</ul>

s'affiche de la manière suivante:

  • pêche
  • pomme
  • poire

Si on veut supprimer les puces il faut applique le style CSS suivant sur les éléments <li>

list-style: none;

Ce qui donne:

  • pêche
  • pomme
  • poire

Voir les commentaires

Rédigé par Bliz

Publié dans #CSS

Repost 0