Macsim's mind: $tail -f macsim

Aller au contenu | Aller au menu | Aller à la recherche

Mot clé - css

vendredi, juin 27 2008

Listes xhtml en colonne avec du CSS

Une technique pour mettre en colonne des listes xhtml.
Très utile pour la mise en page de formulaire ou pour afficher proprement une information sur la largeur de la page.

Code XHTML.

<ul>
   <li>Valeur01</li>
   <li>Valeur02</li>
   <li>Valeur03</li>
   <li>Valeur04</li>
   <li>Valeur05</li>
   <li>Valeur06</li>
   <li>Valeur07</li>
   <li>Valeur08</li>
   <li>Valeur09</li>
   <li>Valeur10</li>
</ul>

Code CSS

ul
{
       width               :     500px;
       list-style-type  :     none;
}
li
{
       width               :    180px;
       margin            :    15px 0 0 0;
       padding           :    0 10px 0 0;
       line-height       :    15px;
       float                :    left;
}

Exemple en ligne

mercredi, mai 28 2008

Gérer la couleur d'un surlignement en CSS

Il est possible en CSS de gérer la couleur du texte et du fond lorsqu'il est sélectionné.


Pour les navigateurs mozilla-like.

ELEMENT::-moz-selection
{
      background:yellow;
      color:red;
}

Pour tous les autres navigateurs sauf IE6 évidament.

ELEMENT::selection
{
      background:yellow;
      color:red;
}

Exemple en ligne.