勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

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

  CSS

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

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

 

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

 

これでいけた。

 - CSS

  関連記事

formのsubmitをボタンを無くしたり画像をつけたりCSSで装飾

aタグになっていたところをsubmitボタンに変えてほしいという修正依頼があった ...

HTML / CSSで作成したコンテンツをPDFファイルで出力する方法(TCPDF)

HTML / CSSで作成したコンテンツをPDFファイルで出力させたい。以前mp ...

ガラケー(特にdocomo)でのCSS

PCサイトだとIEでつまずくことが多いけど、 ガラケーはdocomoが難儀やよ、 ...

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

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

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

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