HTML&CSS

CSSの優先順位

CSS優先順位 CSSの優先順位は以下で決まります。 セレクタの種類・書き方 指定の順番 スタイルシートの種類(ブラウザ側・ユーザー側・制作者側) !important指定 セレクタの種類・書き方について セレクタの種類には、 IDセレクタ classセレクタ 疑似classセレクタ、classセレ  >>続きを読む

ネガティブマージンでボックス間マージンを簡単設定

ネガティブマージンとは ネガティブマージンとは、マイナス値が与えられたmarginプロパティのことを言います。 通常フローの場合、topまたはleftにネガティブマージンを指定した際は、その指定した方向に上、または左に引っ張られたように動きます。 サンプル1 ところが、bottomまたはrightに  >>続きを読む

YouTubeやFlashを挿入したHTMLでのz-indexについて

YouTubeの重なり順を変えたい YouTubeを挿入したHTMLではIEなどで position:fixedとしたブロック要素の上を通過してしまいます。z-indexを用いても重ね順は変わりません。 こんな風になります。(ブラウザの種類で表示はかわります) z-indexとは z-indexプロ  >>続きを読む

フォームの中の2種類のlabel要素の指定方法

label要素とは label要素はフォームの入力部品とラベルを関連付ける要素です。 この要素で部品とラベルの関連付けを行なうと、ブラウザ上でラベルをクリックした場合に、その部品をクリックしたのと同じ動作をさせることができるようになります。 関連付ける方法は以下の2つの方式があります。 2通りのラベ  >>続きを読む

フォームのmethod属性でpostとgetの違い

form要素のmethod属性で、getとpostの参考例です。 簡単なPHPでフォームに入力した内容をgetメソッドとpostメソッドでPHPにデータを渡して表示するサンプルです。 それぞれ表示されたページのURLを確認してください。 get方式ではアドレス欄にデータがそのまま表示されているのがわ  >>続きを読む

テーブル幅を固定したい

テーブルを固定したい場合の例です。 まだ完璧ではありませんが・・・ aaaa bb cccc dddd eeeee vvvvvvvvvvv ww xxxx yyyy zzzzzzzzzzzzzzzzzzzz <table> <tr> <th>aaaa</th  >>続きを読む

Dreamweaver効率入力について

Dreamweaverでのタグ付けの効率化ですが、タイピングが早い方はDWの補助機能を合わせるとタイピングで十分なのですが、あるいはZen コーディングを使う方法もあると思うのですが、アマチュアから少し抜け出したくらいのレベルでは便利かも。 p要素はCtrl+Shift+p h1要素はCtrl+1   >>続きを読む

DW CS4でプレビューができなくなるエラー

Dreamweaverのブラウザプレビューが突然使用できなくなった場合は「WinFileCache-D06F2AB8.dat」ファイルに問題がある場合があります。これを削除すると回復します。いきなりの削除が心配な場合はデスクトップなどに待避させるといいでしょう。 「WinFileCache-D06F  >>続きを読む