「 html 」 一覧

Eyecatch html css

【CSS】一番単純でスッキリしているtable装飾用のCSS

2015/06/06   -HTML,CSS
 , ,

タイトル通り、一番単純でスッキリしているテーブルのスタイル指定。
自分へのコピペ用としてポストします。

Eyecatch html css

【CSS】スクロールしても画像を固定表示させる方法。

画像を固定で配置し、スクロールしてもその場に表示させる方法2種類を備忘録としてポストします。

Bootstrapの表(テーブル)の使い方7選

2014/08/29   -Bootstrap
 , , , ,

Bootstrapでのテーブル作成する際のメモを忘備録としてポストします。

Bootstrapで画像をレスポンシブ対応した際にセンタリングさせる方法。

Bootstrap使用時、「img-responsive」プロパティで画像をレスポンシブ対応させた場合に左寄せとなりますが、それを中央寄せ(センタリング)させる方法を忘備録としてポストします。

Bootstrap使用時にplaceholder属性の文字色を変更する方法。

Bootstrap使用時、HTML5の placeholder 属性の文字色を変更したい場合の方法を忘備録としてポストします。

CSSのフレームワーク「Bootstrap」を使ってメールフォムを作成してみる。

2014/08/20   -Bootstrap, HTML,CSS
 , , ,

CSSのフレームワークである「Bootstrap」を使って既存のメールフォームをリニューアルしたので、その使い方などを忘備録としてポストします。

Eyecatch html css

スマホサイトのHTMLソースを確認する方法。

スマホサイトを作成中、参考にしているサイトのソースが気になることはないでしょうか?
toogieはしょっちゅうです(苦笑)

FireMobileSimulatorなどでソースを表示できるサイトは良いのですが、当然、効かないサイトも有ります。
そういう場合にソースを確認する方法は無いものかと調べましたら、なんとも簡単な方法で実現可能なことが判明したのでご紹介。

Eyecatch html css

【CSS】CSSのみでマウスオーバーしたテーブル行の背景色を変更してみる。

縦に十数行以上あるテーブルを組んだ時など、どこにカーソルがあるのかよく分からなくなることってあると思います。
その時に、マウスカーソルがある行の背景色を変更することにより、わかりやすくする小技。
今回はCSSのみで実現してみようと思います。

Eyecatch html css

HTML5のFile APIを使って、複数(の画像)ファイルをサーバにアップロードする方法。

HTML5のFile APIを使うと、複数ファイルのアップロードが簡単に出来るそうなので、試してみました。
対象のブラウザがモダンブラウザに限定されるようなのですが、妙に簡単に出来たのが印象的。

ちなみに、CakePHP2(2.3.6)でも動きました。

Eyecatch html css

HTML5+CSS3で構築する際のIE9以下への対策

2013/07/17   -HTML,CSS
 , , , ,

システムを作成する際の確認する人のポリシー(?)でIEのバージョンが8という困ったことになったので、これはいい機会だと捉え、HTML5+CSS3対策の実験台となってもらいましたw

Eyecatch html css

【CSS】CSSの「overflow:scroll」でボックス領域にスクロールバーを表示させる方法。

2013/05/29   -HTML,CSS
 , ,

決まったサイズのDIV領域に「overflow」を設定し、スクロールバーを表示させて狭い範囲でも有効に利用する方法です。

Eyecatch html css

【CSS】blockquoteタグのデザインを見栄えよくしてみる

2013/03/27   -HTML,CSS
 ,

ポスト内容に参照元のテキストを引用する場合に使う「blockquote」タグですが、デフォルトの見た目がイマイチだったので見やすさ、分かりやすさ、自己満足度を高めるためにデザインを編集してみました。

Eyecatch html css

tableタグのtd中でURLなどアルファベット文字列を改行させたい場合のCSS記述法

2013/01/02   -HTML,CSS
 , ,

tebleのtdタグの中でURLなど、アルファベットや記号が連続している場合に自動改行しないことがしばしばあります。このような場合に自動改行させるCSSがこちら。