SmallStyle


2006-05-25

_ category_to_tag で表示されるタグ少し見やすく

カンマ区切りで表示

category_to_tag で表示されるタグは,スペース区切りで表示されるわけですが,なんとなーく見にくい感じがする.スタイルシートである程度スペースをとったりをとるってのも手ですが,content プロパティと :before 擬似要素を利用して,カンマ区切りになんかしてみた.残念ながら IE はこれに対応していないので表示されないのですが,Firefox や Safari なんかでは表示されます.

/* category_to_tag */
div.tags a+a:before {
  content: ", ";
  color: #000;
}

すべてのブラウザに対応させるのであれば,category_to_tag.rb を直接書き換えてしまえばいいだけなのですが,スタイルシートだけでもなんとかできるよということで.


最近の日記