勉強したことのメモ

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

ページング用CSS

      2014/07/03

div.pageNav { //これなくてもいいかも。
clear: both;
float: right;
margin-top: 15px;
}
div.pageNav a {
background: -moz-linear-gradient(center top , #FFFFFF 25%, #E8E8E8) repeat scroll 0 0 transparent;
border: 1px solid #A7A7A7;
border-radius: 4px 4px 4px 4px;
color: #333333;
display: inline-block;
font-size: 14px;
line-height: 26px;
margin: 0 1px;
padding: 0 9px;
}
div.pageNav a.select, div.pageNav a.select:hover {
background: -moz-linear-gradient(center top , #15141A, #424147) repeat scroll 0 0 transparent;
color: #FFFFFF;
font-weight: bold;
}
div.pageNav a:hover {
background: -moz-linear-gradient(center top , #E6E6E6, #D3D3D3) repeat scroll 0 0 transparent;
text-decoration: none;
}
div.pageNav span {
margin-right: 8px;
}
#timeshiftPage table td.zero {
display: block;
font-size: 14px;
text-align: center;
}

 - CSS

  関連記事

images
CSSのdisplayについて

よく使うdisplayだけれども、noneとblock以外で 初めて使うことがあ ...

images
スマホ用の有料デザインテンプレが9月内は無料でもらえた

envatomarketでスマホ用の有料デザインテンプレートが2014年9月内に ...

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

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

images
cssのcontent

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

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

ヘッダーに固定メニューを設置しており、コンテンツ部分でアンカーリンクを使うと固定 ...

images
Bootstrapを使用したデザインテンプレート

Bootstrapを使用してもデザインのセンス無いし、 と思っていいものはないか ...

images
要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...

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

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

images
CSSのopacity

opacityというプロパティを業務中に見かけたのでメモ。 透明度を指定するもの ...

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

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