Hack CSS propre

Pointé par un client, cet article montre comment une règle CSS ignorée par IE peut permettre de corriger simplement certaines différences d'affichage entre les navigateurs.

http://www.babylon-design.com/site/index.php/2004/12/13/51-le-hack-css-important

Be the first to rate this post

  • Currently 0/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Posted on June 12, 2007 11:02 by damien
Tags: ,
Categories: CSS
Actions: E-mail | Permalink | Comments (0) | Trackback

Astuce CCS (2)

Une autre astuce CCS pour les menus basés sur des liens dans des tables

Vous avez surement déjà bataillé avec les liens dans des cellules, par exemples pour faire des menus. On essaie souvent de faire en sorte que toute la cellule soit cliquable, pas seulement le lien; si en plus le hover marche aussi pour toute la cellule, ça serait parfait.

La solution est toute simple, il suffisait d'y penser :
<style><!--
#matable a {width: 100%; height:100%; display: block;}
--></style>

 

Liens1 Liens2

Be the first to rate this post

  • Currently 0/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Posted on November 23, 2006 22:59 by damien
Tags:
Categories: CSS
Actions: E-mail | Permalink | Comments (0) | Trackback

Astuce CSS

Nikhil Kothari présente sur son blog une technique intéressante pour gérer les différences entre navigateurs.

L'idée c'est d'ajouter une classe CSS liée au navigateur dans la balise html; par ex: <html IE IE6>

Ensuite, lorsqu'un élément doit être affiché différement selon la navigateur, il suffit d'exploiter la classe en question dans la feuille de style :

html.Mozilla div#menu {

  width: 345px;

}

html.IE div#menu {

  width: 340px;





}

Post complet (mais en anglais) sur http://www.nikhilk.net/BrowserSpecificCSS.aspx

 

Be the first to rate this post

  • Currently 0/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Posted on November 5, 2006 02:51 by damien
Tags:
Categories: CSS
Actions: E-mail | Permalink | Comments (0) | Trackback