- ベストアンサー
CSSのボックスの背景色を交互に変えたい
CSSを使ったデザインで、ボックスを縦に並べたレイアウトをきっています。 (わかりやすい例で言うと、ポータルサイトによくあるお店一覧) 参考サイト:http://www.frontstyle.com/shopsearch/areaindex.php?mode=0&area=8 上記のサイトのように背景色を交互に変えていきたいのですが、 交互にCSSを変えていくと、削除したり、間に追加したりした時に不都合が生じます。 うまく、奇数はこの色、偶数はこの色みたいにできるやり方はあるのでしょうか? お願い致します。
- みんなの回答 (6)
- 専門家の回答
関連するQ&A
- Tableの背景色を交互に変えたい
http://muumuu-domain.com/?mode=price このサイトの表のように、奇数行と偶数行で背景色が 変わるようにしたいのですが、 どうすればよいでしょうか。 参考になるサイトだけでも構いませんので教えてください。
- ベストアンサー
- PHP
- CSSレイアウトで背景印刷ができない。
CSSレイアウトで外注さんに制作していただいたのですが、画像のみのサイトな為、印刷したら白い紙しかプリントされません。 強制的に背景まで印刷するような、JavascriptもしくはCSSの記述はありませんでしょうか? 外注さんに「それならテーブルでくむしかない」といわれております。 誰か助けてください。。。
- 締切済み
- その他([技術者向] コンピューター)
- CSSを使用したページデザイン・背景色が変わらない
現在CSSを多用したページのレイアウトを作成しています。 ある程度のレイアウトが出来てきたので背景色を付け加えてみようと思ったのですが 何故か背景色が変更できません。 中身としてはフッターの固定のために<BODY>内に親要素としてコンテナを作成して その中にメインコンテンツを入れています。 BODYに対して背景色の指定をしてもコンテナの外の色の変化もないく コンテナの背景色を指定しても同じ状態です。 CSSの知識も乏しいので原因がわからずお手上げ状態となってしまいました。 下記にhtmlとCSSのリンクを掲載しますので 原因が分かる方がいれば教えてください。 素人なのでソースは汚いですがそこはそっとして置いてください… http://beatprovider.info/oshiete/index.html http://beatprovider.info/oshiete/style.css
- ベストアンサー
- ホームページ作成ソフト
- テーブルレイアウトしてしまっている後でCSSの背景を適用したいです。
私HPをつくっているのですが、 テーブルレイアウトをしているのですが、 最近CSSを勉強しだしまして、 テーブルレイアウトのうしろの背景色を設定しようと思っております。テーブルはすべて中央揃えにしておりまして、 そのテーブル以外の部分に背景色を設定したいと思っております。 どのようにしたいかというと 参考HPをあげておきます。 http://www.neutrals.jp/works.html http://www.kekkon-navi.org/ http://www.plusmoney.jp/ この用な感じにメニューや本文の部分は白くて、 それ以外のところの背景が色をついている状態にしたいです。 外部CSSで全ページに適用していこうと思っているのですが、 CSSにはどのように記述したらよろしいでしょうか? お詳しい方よろしくお願いいたします。
- ベストアンサー
- HTML
- CSSを使って、背景色をブラウザの縦100%につづかせたいです。
こんにちは。おせわになります。 CSSを使って、左側に同じ背景色がブラウザの縦いっぱいにつづき、 右側に、たくさんの文字や画像をのせるレイアウトをしたいと思ってます。 しかし、どうやっても左の背景が縦100%になりません。 右のテキストの量が少なければ、問題ないのですが、多いとむりです。 グーグルなどでも調べましたが、どうしてもわからないです。 とてもこまってます。よろしくお願いします。 (ソース例の「たくさんの文字」というところには、多くの文字と写真が入ります。) --------------------------- CSS↓ html{ height:100%; } body{ height:100%; width:100%; } .b1 { background-color: #333333; height: 100%; width: 100px; float: left; } .b2 { background-color: #99CC33; height: 100%; width: 200px; float: left; } BODY内↓ <div class="b1">文字</div> <div class="b2"> たくさんの文字</div>
- 締切済み
- ホームページ作成ソフト
- PHPで偶数と奇数を判断するには
宜しくお願いします。 一覧表示等をする時に見やすいように一行ずつテーブルの色を変えたりすると思うのですが、これをPHPのfor文で自動的に交互に色を変えるようなプログラムを作ろうと思っております。for文で繰り返し処理場合、例えば、 for($n = 0; $n < 100; $n++) { if($n = 偶数) { $bgcolor = "#ff0000"; } elseif($n = 奇数) { $bgcolor = "#0000ff"; } } といった形で交互に色を変るには、偶数/奇数の判断が出来ないと無理だと思うのですが、何か良い方法は無いでしょうか?
- ベストアンサー
- PHP
- liタグをCSSで指定して、レイアウトに用いています。背景色をつけたいのです。
CSSでレイアウトして、サイトを作成しています。 <CSS部分> ul.box { zoom: 100%; list-style: none; padding: 0; margin: 0; } ul.box:after { height: 0; visibility: hidden; content: ""; display: block; clear: left; } ul.box li { float: left; width: 240px; background-color: #ffffff; border: solid 1px; padding: 1px; margin: 5px; <HTML部分> <ul class="box"> <li>テーマA</li> <li>テーマB</li> <li>Aの説明</li> <li>Bの説明</li> <li>テーマC</li> <li>テーマD</li> <li>Cの説明</li> <li>Dの説明</li> </ul> 以上のような感じです。HTML部分はこのULをさらに囲っている親要素があるのですが、それの幅があるので、横並びに2つ並んでいて、縦には4つboxが並んでいるような状態です。 ですので、ちぐはぐのような感じになっています。 問題はこのテーマとかかれているところだけに背景色をつけたいのですが、どうしてもできません。 http://htmltag.1.tool.ms/153/ こちらのサイトを見て <li bgcolor="#ffdddd">をやってみても色はつきません。 どうやればよいのでしょうか。 CSS自体変更した方がよいのでしょうか。
- ベストアンサー
- HTML
- CSSでの枠線付きの丸角ボックスの作り方
テーブルタグを使わずに CSS で枠線付きの丸角ボックスを作成するには、どのようにしたらいいでしょうか。 ・背景色 #FFFFFF ・前景色 #FFFFFF ・枠線色 #CCCCCC ・枠線の太さ 1px ・丸角の半径 5px ・ボックスの横幅は固定ではなくパーセントで指定したい。 よろしくお願いします。
- ベストアンサー
- HTML
- cssでボックス内にテーブルのような要素を・・・
こんにちは。はじめまして。 CSS超初心者なのですが、バックグラウンド画像を使用して、例えば 外枠を影付き角丸ボックスを作り、さらにそのボックスの中に、 左側に写真、右側に小見出し&説明文の欄を作りたいのですが、 どうやればいいのか、困っています。(ボックスのサイズは幅500高さ 150くらいのと幅220高さ150くらいの2種類作りたいのです。 cssを1から作成する能力はないので、cssテンプレートサイトなどか ら、角丸ボックステンプレをダウンロードして使用させてもらって、そ のボックスの中に無理矢理(?)dl,dt,ddで左右横並びテーブルのよう なものを作ってみたのですが、ボックスの角丸枠とテーブルの間にもの すごい余白ができてしまったり、テキストが変に回り込んだりと、思う ようにレイアウトできません。 なにしろ、様々なcssタグの説明やhtmlタグの説明ホームページなどか ら、サンプルなどを引用させてもらっているので、当然なのかもしれま せんが(;_;)すみません・・・。 目標にしている数々のHPを閲覧していると、div要素ですべて配列して いるものもあって、、やはり自分のしているのは邪道なのかなぁと凹ん でいます。 外枠ボックスとテーブル(?)の間の余白が調整できないばかりでなく ボックス内のレイアウトがうまくできなくて困っています。 しかし、どれにしろcssの作成ができないので、途方に暮れています。。。 そんなこんなで、もう数週間パソコンにかじりついて、タグの勉強HPを 見ているんですが、なかなかわかりつらくて。 どうか助けてください。よろしくお願いします。 こんな感じのボックスが作りたい!というのは、あるんですが、他所様 のHPのURLを勝手に記載していいのやらで、わかりづらい文章ですみま せん。 (記載してもよろしければ、URL書かせていただきます)
- ベストアンサー
- CSS
お礼
ありがとうございます!! これは良さそうですね。 >>5番目のサンプルです。trをliやdiv、pなどに変えることぐらいはわかりますよね? trの中にpやdivを置くってことでしょうか? それとも別の事言ってます??すいません