| 記事No | ： 14643 |
| 投稿日 | ： 2016/02/02(Tue) 21:27:55 |
| タイトル | ： WebSchedulerの罫線について |
| ID情報 | ： Toshio |
| 投稿者 | ： トス |
| URL | ： http://tos.la.coocan.jp/schedule/schedule.cgi?y=2016&m=02 |
WebSchedulerを使わさせていただいていますが、罫線の表示が気になっています。
「内容」のところに太い罫線、「日」、「曜日」、「時間」のところは、太い罫線は無し。
最下行だけが、縦に太い罫線が入っていて、少し違和感があります。
�‖世し喟�で全体を格子にするパターン
�◆崙�」、「曜日」、「時間」の様に太い罫線にしないパターン(最下行は縦の罫線無し)
上記な２つのパターンのどちらかで使ってみたいと思うのですが、その様にするにはどうしたらいいのか教えて下さい。
宜しくお願い致します。
| 記事No | ： 14644 |
| 投稿日 | ： 2016/02/02(Tue) 21:44:25 |
| タイトル | ： Re: WebSchedulerの罫線について |
| ID情報 | ： hamel |
| 投稿者 | ： Hamel |
| URL | ： http://drc3.news-site.net/script1/ |
> WebSchedulerを使わさせていただいていますが、罫線の表示が気になっています。
>
> 「内容」のところに太い罫線、「日」、「曜日」、「時間」のところは、太い罫線は無し。
> 最下行だけが、立てに太い罫線が入っていて、少し違和感があります。
>
> �‖世し喟�で全体を格子にするパターン
> �◆崙�」、「曜日」、「時間」の様に太い罫線にしないパターン(最下行は立ての罫線無し)
>
> 上記な２つのパターンのどちらかで使ってみたいと思うのですが、その様にするにはどうしたらいいのか教えて下さい。
> 宜しくお願い致します。
>
cmn/css/style.css内 91行目
table#calen tr td:last-child {
border-right: 1px solid #aaa;
box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
↑を↓のように変更
table#calen tr td:last-child {
border-right: 1px solid #aaa;
/*box-shadow: 2px 2px 1px rgba(0,0,0,0.1);*/
}
101行目
table#calen tr:last-child td {
border-bottom: 1px solid #aaa;
box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
↑を↓のように変更
table#calen tr:last-child td {
border-bottom: 1px solid #aaa;
/*box-shadow: 2px 2px 1px rgba(0,0,0,0.1);*/
}
以上です。
| 記事No | ： 14646 |
| 投稿日 | ： 2016/02/02(Tue) 22:18:24 |
| タイトル | ： Re^2: WebSchedulerの罫線について |
| ID情報 | ： Toshio |
| 投稿者 | ： トス |
| URL | ： http://tos.la.coocan.jp/schedule/schedule.cgi?y=2016&m=02 |
Hamelさん 早速の回答どうもありがとうございます。
style.cssの教えていただいた部分を変更しましたら、うまくいきました。ありがとうございました。(^^)v
「内容のところだけが太い罫線」、「最下行だけが縦の罫線がある」がなくなって、違和感がなくなりました。
もし、可能であれば、全体を格子したらどんな感じになるか確認してみたいのですが、教えてもらえないでしょうか？
(横は色で分かれているので、縦に線を入れたい。)
好みな方で使ってみたいと思います。宜しくお願い致します。
| 記事No | ： 14648 |
| 投稿日 | ： 2016/02/03(Wed) 10:28:15 |
| タイトル | ： Re^3: WebSchedulerの罫線について |
| ID情報 | ： hamel |
| 投稿者 | ： Hamel |
| URL | ： http://drc3.news-site.net/script1/ |
> Hamelさん 早速の回答どうもありがとうございます。
>
> style.cssの教えていただいた部分を変更しましたら、うまくいきました。ありがとうございました。(^^)v
> 「内容のところだけが太い罫線」、「最下行だけが縦の罫線がある」がなくなって、違和感がなくなりました。
>
> もし、可能であれば、全体を格子したらどんな感じになるか確認してみたいのですが、教えてもらえないでしょうか？
> (横は色で分かれているので、縦に線を入れたい。)
> 好みな方で使ってみたいと思います。宜しくお願い致します。
>
table#calen tr td {
padding: 8px 15px;
text-align: center;
}
↑を↓のように変更
table#calen tr td {
padding: 8px 15px;
text-align: center;
border-left: 1px solid #d3d3d8;
}
| 記事No | ： 14649 |
| 投稿日 | ： 2016/02/03(Wed) 20:05:17 |
| タイトル | ： Re^4: WebSchedulerの罫線について |
| ID情報 | ： Toshio |
| 投稿者 | ： トス |
| URL | ： http://tos.la.coocan.jp/schedule/schedule.cgi?y=2016&m=02 |
Hamelさん WebSchedulerの体裁の件で、ご回答ありがとうございました。
style.cssの84行目〜87行目を教えていただいた様に変更しましたら、私好みなスタイルになりました。
この体裁の整ったWebSchedulerを、これからも便利に使わさせていただきます。
本当にありがとうございます。感謝!