1. TOP
  2. HTML / CSS

PHPでチェックボックスやセレクトボックス値を効率よく受け取る

カテゴリ:
HTML / CSS
Perl / PHP
Web
| トラックバック(0)
投稿者:yo yo

フォーム内、チェックボックスやセレクトボックスのデータを効率よくPHPへ送り、受け取るには

name属性にarray[]の様に、配列要素?を指定します。手動で連番をつけるよりも簡単ですし、PHP側で配列側で簡単に操作できます。

[CSSによる回り込みfloat解除] clearfix メモ

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:yo yo

cssでfloat属性を利用し、回り込みをしている時のfloat解除用のクラス clearfixをメモしておきます。

制作しているサイト毎にclearfixの細かい部分が全て異なっているので、この際に統一しようかと思いました。サイトのソースを短くするためにも、clearfixのクラス名は短くした方が良いと思われます。

横スクロールすると背景が切れるときの対処法

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:めか めか

背景をbodyに指定していた時、ブラウザをちょっと縮めて横スクロールバーが出るようにして横スクロールしてみた時に背景が消えて真っ白!ということがありとても焦りました。(このブログでも遭遇......)

そんなときの対処法を紹介します。いじるのはCSS1行のみ!

追加するソース

body{ min-width:950px; }

これだけです。950pxという数値は「メインカラム」の数値と一緒にしてください。

min-widthはIE6では効きませんが、IE6ではこの切れる現象は起こらないので無問題かと。

参考サイト

以下の記事を参考にしました。背景が切れる理由が知りたい方はこちらに載ってますのでご参照ください~。

横スクロール時の背景見切れをCSSで修正する へ">横スクロール時の背景見切れをCSSで修正する

CSSとhtmlと画像1枚で簡単なプログレスバーを作る

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:めか めか
CSSとhtmlで簡単なプログレスバーを作る

CSSとhtml(と画像1枚)でお手軽にできるプログレスバーです。

今日もIE6のバグで干からびそうになった

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:めか めか

相変わらず仕事ではコーディング的な意味でIE6に頭を悩ませているわけですが...。
今回は以下のバグで危うく干からびそうになりました。

個人的にハックは極力使わないようにしていますが、極限状態になるともうハックをして楽になりたい!と思ってしまいます。まだまだ未熟な分大変マゾいです。
IE6は早くシェアがなくなれば良いと心の底から願いつつ、IE8はまだ来なくて良いよと思う日々でした。

ページの先頭に戻る