KENT-WEB サポートコーナー 過去ログ [ 0260 ]


記事No: 14643
投稿日: 2016/02/02(Tue) 21:27:55
タイトルWebSchedulerの罫線について
ID情報: Toshio
投稿者: トス
URLhttp://tos.la.coocan.jp/schedule/schedule.cgi?y=2016&m=02

WebSchedulerを使わさせていただいていますが、罫線の表示が気になっています。

「内容」のところに太い罫線、「日」、「曜日」、「時間」のところは、太い罫線は無し。
最下行だけが、縦に太い罫線が入っていて、少し違和感があります。

‖世し喟で全体を格子にするパターン
◆崙」、「曜日」、「時間」の様に太い罫線にしないパターン(最下行は縦の罫線無し)

上記な2つのパターンのどちらかで使ってみたいと思うのですが、その様にするにはどうしたらいいのか教えて下さい。
宜しくお願い致します。


記事No: 14644
投稿日: 2016/02/02(Tue) 21:44:25
タイトルRe: WebSchedulerの罫線について
ID情報: hamel
投稿者: Hamel
URLhttp://drc3.news-site.net/script1/

> WebSchedulerを使わさせていただいていますが、罫線の表示が気になっています。
>
> 「内容」のところに太い罫線、「日」、「曜日」、「時間」のところは、太い罫線は無し。
> 最下行だけが、立てに太い罫線が入っていて、少し違和感があります。
>
> ‖世し喟で全体を格子にするパターン
> ◆崙」、「曜日」、「時間」の様に太い罫線にしないパターン(最下行は立ての罫線無し)
>
> 上記な2つのパターンのどちらかで使ってみたいと思うのですが、その様にするにはどうしたらいいのか教えて下さい。
> 宜しくお願い致します。
>

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
投稿者: トス
URLhttp://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
URLhttp://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
投稿者: トス
URLhttp://tos.la.coocan.jp/schedule/schedule.cgi?y=2016&m=02

Hamelさん WebSchedulerの体裁の件で、ご回答ありがとうございました。

style.cssの84行目〜87行目を教えていただいた様に変更しましたら、私好みなスタイルになりました。
この体裁の整ったWebSchedulerを、これからも便利に使わさせていただきます。
本当にありがとうございます。感謝!


[検索ページ] [掲示板]