グレヌデサ La graine du dessin: Codingアーカイブ

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にも反映できる小技を紹介します。

続きを読む: Dreamweaverのライブラリタグを一括削除
New Entries
1  2  3

Webトレンド情報局とは

クリエイティブグループスタッフがお送りする、Webデザイナーのための知識とTIPS。 PhotoShopの便利な豆知識や、CSSのお困り解決、デザイン概論などなど。
【隔週木曜日更新】

運営会社:株式会社ジーピーオンライン

RSSを購読する

Monthly Archive