« LightsOut HTML版復活 | メイン | embedタグを別窓で開く »

webinspectorでスタイルを補正する

※WebInspectorを使用するにはSafariの設定が必要でした。m..m(2008.1.6追記 )

js同様スタイルシートが氾濫しています。
猫も杓子もCSSです。
サイト管理者でありながら自分のサイトのスタイルシートがよくわかっていません。。。

scriptの記事を書いていて、ソースの表示スタイルがおかしいことの気がつきました。
妙に上に間があいていたり、行間が詰まっていたりします。
そこで、おかしいなと思うソースの上で右クリックします。
(※現在のMacは右クリックも可能です。副ボタンという呼び方ですが。。)
要素の詳細を表示をえらぶとWebInspectorが立ち上がります。

するとWebInspectorが開いて様々な情報が確認できます。


この場合style-site.cssの.codeにあるmarginとpaddindで調整できました。
(自分が書き込んだcssなのになかなか探せないものですね)

そうそう、WebInspectorはsafariの付属ユーティリティです(多分)。
javascriptでバックの強い味方です。

ひとつ前の投稿は「LightsOut HTML版復活」です。
次の投稿は「embedタグを別窓で開く」です。

トラックバック

このエントリーのトラックバックURL:
http://www.xillion.net/mova/mt-tb.cgi/214

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

About

2008年01月01日 19:46に投稿されたエントリーのページです。

メインページアーカイブページも見てください。

Powered by
Movable Type 3.34