• ベストアンサー

Tableの背景色を交互に変えたい

http://muumuu-domain.com/?mode=price このサイトの表のように、奇数行と偶数行で背景色が 変わるようにしたいのですが、 どうすればよいでしょうか。 参考になるサイトだけでも構いませんので教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • inu2
  • ベストアンサー率33% (1229/3720)
回答No.2

ループの回数を数えて奇数と偶数を判別する。 奇数ならばXX色 偶数ならば○○色 とすればよいだけ Smartyなどのテンプレートエンジンを使っているのであれば標準でこのような機能が付いている場合もあります

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.3

このような場合、trのclassで処理するのが便利。 <style> .red{ background-Color:red; } .blue{ background-Color:blue; } </style> <? $array=array(array("a","b","c"),array("d","e","f"),array("g","h","i"),array("j","k","l")); foreach($array as $row){ $line=""; foreach($row as $val){ $line.="<td>{$val}</td>"; } $class=$class=="red"?"blue":"red"; $tbody.="<tr class=\"{$class}\">{$line}</tr>"; } print "<table><tbody>{$tbody}</tbody></table>"; ?>

全文を見る
すると、全ての回答が全文表示されます。
回答No.1

php のことはまったくわからないですが、昔の asp みたいなものかな。 動的に行を描画していく際、行のカウントを使い、2 で割り切れるか、割り切れないかで奇数行と偶数行を判断してはどうでしょうか? asp での開発のときにそんなことをやった記憶があります。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • CSSのボックスの背景色を交互に変えたい

    CSSを使ったデザインで、ボックスを縦に並べたレイアウトをきっています。 (わかりやすい例で言うと、ポータルサイトによくあるお店一覧) 参考サイト:http://www.frontstyle.com/shopsearch/areaindex.php?mode=0&area=8 上記のサイトのように背景色を交互に変えていきたいのですが、 交互にCSSを変えていくと、削除したり、間に追加したりした時に不都合が生じます。 うまく、奇数はこの色、偶数はこの色みたいにできるやり方はあるのでしょうか? お願い致します。

    • ベストアンサー
    • HTML
  • エクセル2010のテーブルのシマシマ設定をデフォル

    エクセル2010を使っています。表にテーブルを設定して、偶数行は色つき、奇数行は無色にして、とても読み易くなっているのですが、行を挿入したりすると、色つき行が連続したり、色なし行が連続したりで、見栄えが良くありません。これをテーブルデフォルトのシマシマ設定に戻すのはどうすれば良いのでしょう?  また、印刷時、背景のこの色を印刷しないようにするのは、どうすれば良いのでしょう?

  • jqueryでチェックボックスを使いテーブルの表示非表示を行い、同時に行の背景を交互に違う色にする方法は?

    テーブルタグで作られた表の「tr」へ「class」を設定し、チェックボックスにより、行の表示、非表示を切り替える。 テーブルの行の背景色を交互に違うものにする。 この方法のそれぞれのやり方は分かったのですが、チェックボックスで表示を切り替えた後、行の背景色は、切り替え前の状態が維持されたままの状態になってしまいます。 チェックボックスを使用した後においても、交互に背景色を適用させるためにはどうしたら良いでしょうか? 初心者の為、見よう見まねで行っており、至らない部分が多々あり申し訳ございません。 どうぞ宜しくお願い致します。

  • ドメイン 取得や更新の料金について

    ドメイン取得や更新の料金はどうしてばらつきがあるのでしょうか?? http://muumuu-domain.comとhttp://お名前.comは料金が全然違います。 どうしてなんでしょうか??

  • ドメイン取得について

    ムームードメインが安そうなのでここで取得しようと思っているのですが、 https://muumuu-domain.com/ ムームードメインのTOPの下の部分に取得ドメインチェックができる検索欄がありますよね。 ここにはあらかじめwww.と書かれているのですがwwwなしで取得するのとwwwありで取得するのは別なのでしょうか?(wwwがあるとないとでは別のサイト扱い?) できればwwwなしのほうがいいのですが・・・。

  • 初心者です。ホームページが表示されません。

    http://muumuu-domain.com/ こちらで「.com」ドメインを取得し、ロリポップでファイルをアップロードしても、サーバーがみつかりませんでしたと表示されます。 取得したドメインにはwwwがという3文字が入っていないのですが、これが問題でしょうか?ロリポップでどうやったら取得できるのでしょうか?

  • 低価格ドメイン取得代行サービスのやり方

    ドメイン取得サービスを作りたいのですがどうすればいいか教えてください。 下記、サービスのようにユーザーに低価格で提供したいのです。 http://muumuu-domain.com/ http://www.value-domain.com/ できれば co.jp までの取得サービスをしたいのですが・・・少なくとも com net org jp などは汎用的なドメインの取得代行をしたいです。 ※代理店やセールスパートナーのような仕組みは価格が高くなってしまうので それ以外の上記のサイトがやってる方法があれば教えてください。

  • ネームサーバ自身の名前解決

    おそらくネームサーバを詳しく勉強する必要があると思いますが、 指標のためにざっくりと教えて頂けると助かります。 DNS設定でふと疑問に思ったのはネームサーバ自身の名前解決はどのようにしているのか?です。 例えば ・ muumuu ドメインで既にドメイン持ち ・ CPIでVPSサーバ取得 ・ ネームサーバはCPI(ns.hogehoge.com,・・・) このようなことは出来るのでしょうか? 出来るとしたら muumuu ドメインの設定でネームサーバを ns.hogehoge.com としたとしても、ns.hogehoge.comが CPIにあることをどのように知ることができるのか不思議になりました。 かなりお間抜けなことを聞いているかもしれませんが、よろしくお願いいたします。

  • テーブルの背景画像のみ透明化

    http://css-happylife.com/archives/2007/0106_1500.php 上記サイトのように、背景画像のみを透過させたいと考えています。 例えば、 body{ background-image : url(./background.png); } table{ filter:Alpha(opacity=70,finishOpacity=70,style=3); } とした場合は、テーブル内の全てのコンテンツが透過されてしまいます。 透過されているテーブルの上に透過されていないテーブルを重ねて表示させる方法もネット上に掲載されていましたが、その場合、上記サイトのように動的にテーブルサイズが変わる場合は、実装が難しいように感じます。 しかし上記サイトでは背景のみが透過されているようです。 スタイルシートを見てみましたが、自分の知識では解析できませんでした。 実現方法を教えていただけると大変助かります。

    • ベストアンサー
    • HTML
  • 空のリストビューで1行おきに背景色を変える

    リストビューで1行おきに背景色を変えたくて、 http://homepage3.nifty.com/mitui707/VisualC/VClistview_color.html/ を参考にさせて貰らい、データを次々に追加していくと、サンプル通りに5行目の背景色と文字色は変わりました。 が、起動時の何もデータが無い状態の空のリストビューで1行おきに背景色を変えたいのです。 色々と試してますが、まだ初心者のため間違っているのかうまくいきません。 どなたか助言をお願いします。 VC++6.0を使用しています。