Codingの最近のブログ記事
IEの絶対配置(position:absolute)で要素が消えるバグ
position:absolute を指定した要素が Win版IE6 でのみ表示されない条件があり、
以下の指定を解除すると要素が表示されるようになるみたいです。
- position:absolute が float と hasLayout をもつ clear の直前に存在する場合。
- position:absolute が float と hasLayout をもつ clear との間に存在する場合。
- position:absolute が width:100% の float の直前に存在する場合。(IE6以下のみ)
- position:absolute が width:100% の float の直後に存在する場合。(IE6以下のみ)
記事元
http://jmblog.jp/archives/180
Flashの上にプルダウンメニューを表示する
Flashの上にプルダウンメニューを表示する | Topics | DB - KAYAC Designer's Blog
http://design.cuppy.co.jp/topics/2008/10/flash.php
Flashのエリアより上にCSS等で組んだプルダウンメニューを表示させるには
z-indexを指定するだけではダメなようです。objectタグの中にパラメーターを追加し
Flashのエリアよりプルダウンメニューのz-indexの値を多く
設定してやることにより実装が可能でした。追加するパラメーターは以下の通り
の中に以下のパラメーターを追加
<param name="wmode" value="transparent" />
SWFObject を使用している場合は以下の通り
so.addParam("wmode", "transparent");
と上記のパラメーターを追加します。
[CSS]印刷用スタイルシートの3つのポイント
印刷時のテキストをデザインする
見出しやパラグラフ、リンクなどのテキスト箇所を印刷用にデザインします。
下記の例では、見出しを中央寄せにし、斜体にしています。
また、リンクのカラーをパラグラフと同じにし、下線を削除する。
#header h1{ text-align: center; font-size: 42pt; font-style: italic; margin: 0; } #header h2{ text-align: center; font-size: 10pt; } a{ color: #000; text-decoration: none; }
印刷時にリンク先を表示する
印刷されたページではリンクをクリックすることはできず、リンク先がどこか分かりません。
そこで、リンク箇所のURLを表示するようにします。
#main p a:after{ content: " ("attr(href)") "; font-size: 10pt; }
※IEは非対応です。
印刷時の改ページ箇所を指定する
ページに印刷時の改ページ箇所を指定します。
これはユーザーがページの全てを印刷するか、最後の数ページを除外するかを選択できることを意味します。
分ける箇所はブログの場合、記事とコメントなどがあります。
#comments{ page-break-before: always; }
Dreamweaverのライブラリタグを一括削除
ライブラリタグやテンプレートタグを削除したい時、
できるフリーソフト「baku」を普段使っていますが、
phpには適用できませんでしたので、phpにも反映できる小技を紹介します。