css:text-shadow (IEではfilter:dropshadow)で文字を縁取り

html css

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> * { zoom: 1 } /* IE で dropshadow()使用時に必要みたい*/ .text_outline { color:#fff; /* for modern browser (firefox , chrome , safari )*/ text-shadow: 0px -1px 0px #000, 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #0…</meta></head></html>

2012-03-24

はみ出した文字を…(三点リーダ)等で省略するなら cssの text-overflow: ellipsis;

html css

これまでサーバ側のperlで「...」な省略を行なってましたこの手のviewの処理は、client側のjavascriptで行うべきかもしれませんが、良い方法が思い浮かばなかったので、表示領域を文字数超える場合、「...」等で溢れた部分を省略する場合、次のようなperl s…

2011-12-29

今更、cssの display:inline-block を理解する

html css

display:inline-blockとはinlineでありながらwidthやheightを指定可 - block inline inline-block width,height ○ ☓ ○ 例 div,table span,a img,input,textarea,select 通常(というかfirefoxでは)、display:inline 要素に対して、widthやheightを指定しても…

2009-08-15

Simple Tree Menuで表示するツリーデータ(ul,li)を作成

perl html css javascript

ツリー形式の表示には Simple Tree Menu(※1) を使用していますが、いただいたデータ(※2)をSimple Tree Menuで表示可能なul,liに変換する必要があったので、使用したperl scriptを書き留めておきます。※1 http://www.dynamicdrive.com/dynamicindex1/navigate…

2009-02-07

DOCTYPEを指定して、ulとliによるタブメニューを作成

html css

http://d.hatena.ne.jp/end0tknr/20081102/1225611996これまでは、DOCTYPEを理解していないため、タブメニューをtablタグで作成していましたが、DOCTYPEがなんとなく分かってきたので、ulとliによるタブメニューを作ってみました。http://d.hatena.ne.jp/end…

2009-02-03

htmlのDOCTYPEによる標準準拠モード設定

html css

http://www.geocities.jp/multi_column/float/02.htmlieのcssにおけるボックスモデル問題に対して、次のように記述しておけば、ブラウザによらず標準準拠モードでレンダリングするものと考えていました。次のurlにはDOCTYPEスイッチ一覧表が分かりやすくま…