人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スタイルシートの質問です。
会計の帳票のように、10行のデータの中の偶数の行のみ色をつける、もしくは奇数の行のみ色をつけるにはどのような処理をしたら良いでしょうか?

●質問者: izunagonago
●カテゴリ:コンピュータ
✍キーワード:スタイルシート データ 会計 偶数 奇数
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● snowland
●20ポイント

http://www.hatena.ne.jp/

はてな

機械的に偶数行につけるのは無理だと思われるので、色を付けたい行の背景色だけ変更するしかないと思います。

ただ、trに背景色を指定するとブラウザによっては正しく表示できないのでtdにつけたほうが安全だと思います。

<table>

<tr>

<td>1</td></tr>

<tr>

<td class=”black”>2</td></tr>

<tr>

<td>3</td></tr>

<tr>

<td class=”black”>4</td></tr>

</table>


スタイルシート

.black{

background-color:#999999}


2 ● ito-yu
●20ポイント

http://www.hajimeteno.ne.jp/stylesheet/actually/bgcolor.html

CSSの実際のところ - background-color

HTMLもスタイルシートも、そのデータが何行目だよ、などと言うことを知りませんので、明示的に指定しなければなりません。

帳票ということで、tableを使っているという前提でいくと、奇数行のtrを<tr class=”odd”>、偶数行のtrを<tr class=”even”>などとして、CSSを以下の様に記述するのはどうでしょうか。当然、その内側のtdやthには背景色を指定しない前提です。

tr.odd{ background-color: #ffffff; }

tr.even{ background-color: #cccccc; }


3 ● yo0049
●20ポイント

http://www.02.246.ne.jp/~yingming/macclinic/tips/excel_html.html

Excel-HTML Conversion

私も以前同じことをやろうとして、同じ処理をしている証券会社のサイトのHTMLソースを見たのですが、HTMLのtableタグで色分けしてあったため、スタイルシートでの色分けはあきらめました。

私の場合は上記のサイトのように、EXCELでHTMLのソースを作るようにし、色分け部分はIF関数や文字列処理で作りました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ