勉強したことのメモ

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

ページ内リンク(アンカーリンク)がずれる場合の対処法

   

ヘッダーに固定メニューを設置しており、コンテンツ部分でアンカーリンクを使うと固定メニューの高さ分ずれ込んでしまう。

どうにかならないか調べたところCSSで対応できる模様。

 

#anchor {
	margin-top:-100px;
	padding-top:100px;
}

 

これでいけた。

 - CSS

  関連記事

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

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

レスポンシブ対応で右カラムのコンテンツを上に表示させたい

レスポンシブ対応サイトの簡易なコーディングをする経験があった。何も考えずにHTM ...

CSSとJavaScriptでテキストのコピー防止

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

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

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

特定のブラウザのみCSS指定

FireFoxだけどうにもデザインが崩れる、 ただ他のブラウザでは希望通りのデザ ...

jQueryのCSS変更

jQueryでCSSを触る際、 $("#aaa").css('height',' ...

CSSで1つの要素に複数classを設定して画像を入れ替える

メニューリンクで通常時の画像、マウスオーバー時の画像、アクティブ時の画像をそれぞ ...

フォームCSS

body { font-family : 'メイリオ',Meiryo,'MS P ...

可変要素内の文字を丸める

可変の要素内の文字を丸めたかった。いつもであればPHPのmb_strimwidt ...

ページング用CSS

div.pageNav { //これなくてもいいかも。 clear: both; ...