勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

上部に固定されたヘッダーメニューの作成

      2014/05/20

■やりたい事

ページスクロールしても上部に固定されたヘッダメニューの作る

 
■方法

メニューの要素に、下記CSSを指定。

 

■サンプル

http://sample.taitan916.info/header/

 

■その他
ヘッダの下にある要素に関しては100px分余白とっとかないと表示が被ってしまうので注意する。

 - CSS

  関連記事

images
CSSでセンターリング

<center></center>でセンターリングが出来 ...

images
スマホサイトでviewportを指定しても横スクロールバーが表示される

スマホ用のサイトでviewportが指定されており、widthも100%になって ...

images
デザイン等のカラーの組み合わせを簡単に決める方法

サイト作成時にメインカラーとそれにマッチする組み合わせを考える必要があった。デザ ...

jquery_logo
jQueryとCSSの連携

$(function(){ $("#change_small").click(f ...

images
固定ヘッダーメニュー

やりたかった事は、 ・6つぐらい異なるドメインのページがある ・似たような用途な ...

other
firebugでCSSパスをコピー

要素を調査⇒右クリック⇒CSSパスをコピーできる。 jQueryでのセレクタ指定 ...

images
cssのcontent

テキストが書かれているけど、firebugで要素を見ても 書かれていない。かとい ...

javascript_logo_unofficial-300x300
CSSとJavaScriptでテキストのコピー防止

あるサイトで文言の意味が分からずGoogleで検索する為にコピペしようとするも、 ...

images
LINE風のふきだしデザイン

LINE風のふきだしデザインでページを作ってほしいと言われた。 CSSはあまり理 ...

flash_player_11_icon_rgb
Flash上にHTMLの文字やリンクを重ねる方法

FlashにHTMLで文字を書きたかった。そのまま書くのは無理だろうけどCSSか ...