フォーラム掲示板について

以下の目的、注意点などご確認いただき、ご使用ください。

目的
Connect-CMSのユーザやConnect-CMSに興味のある方同士で自由に意見交換できる場を提供する目的で、コミュニティ掲示板として提供しています。
投稿方法
このサイトにユーザー登録することで、投稿することができます。
投稿内容
投稿内容は公開されます。
Connect-CMSに無関係な内容が記載されたと判断した場合、削除することがあります。
バグ情報
バグ(不具合)はGithub のIssues(https://github.com/opensource-workshop/connect-cms/issues)に記載していただくと、開発者に伝わりやすくなります。
また、セキュリティなど重大な事象の場合は、お問い合わせページよりお知らせください。優先的に調査いたします。
また、貢献ガイド(https://connect-cms.jp/abount/contributions)も参照をお願いします。
ユーザ登録
当サイトへのユーザ登録は以下のお問い合わせフォームよりお願いいたします。
https://connect-cms.jp/contact

フォーラムでのサポート範囲

当フォーラムでは、Connect-CMSのトラブルなどの相談も記載いただけますが、作業を肩代わりするものではありません。
作業の依頼は、株式会社オープンソース・ワークショップの調査メニューなどをご検討ください。
https://opensource-workshop.jp/service/rescue

フォーラム掲示板

Re2: 固定記事の表示について

2021年2月3日 15時35分 [永原 篤]

永原です。

iPhone8、iPad Air(モデル番号:A1474)で見ると、罫線が見えますね。
なんとなく、Excel から出力されているCSS が悪さしているのかな?なんて思ったりもしますが。
以下はiPhone8 の画面です。

(更新:2021年2月3日 15時36分)
スレッドの記事一覧

固定記事について、webページを貼り付けるページを作っています。

NC2ではPC版サイトを見るにスマホを設定すると、全体が見え罫線もかかっていますが、同じことをConnect-CMSでしようとすると、タブレット表示までは罫線が見えるのですが、スマホから見ると罫線が表示されなくなっています。

これはフレキシブル対応のための仕様になっているのでしょうか。スマホで表示すると、webのコンテンツがフレームを飛び出しているようになってしまっています。

対応方法がありましたら、教えてください。よろしくお願いします。

なおテストページでこちらに表示しています。

http://www.takase-hs.ed.jp/test01/schedule_month#frame-4

2021-01-30 [永原 篤]

こんにちは。
永原です。

罫線の件から。

私のスマホ(Android)で見ると、罫線は表示されています。
なんでしょうね。

次にテーブルのレスポンシブ対応の件

WYSYWYG のテーブルアイコンの横の▼から、「票の詳細設定」で「クラス」に「table」を指定してみてください。
もしくは、以下のようにソース表示「<>アイコン」でtableタグのclass属性にtableを追加してください。

画面からはみ出ることはなくなるはずです。
表が細くなって、見やすいかどうかは微妙ですが。

以上、参考になりましたら。

横槍ですみません。

iPhone11Proで見させていただいて、safari、Firefox、Lunascapeの3つで試しましたが、

罫線は見えませんね。

ブラウザの仕様なのでしょうか?

2021-02-01 [永原 篤]

jsuzukiさん

こんにちは。永原です。

なんでしょうね。
iPhone とかでも確認してみますね。
今日は月初で怒涛の書類作業に埋もれていますので、明日以降で見てみます。

以上

永原さん、jsuzukiさん
ありがとうございます。

忙殺されておりまして、見るのが遅くなりました。

コードの部分については、これから試してみます。

スマホでの罫線の見え方については、おっしゃる通り私はiPhone11promaxで見ておりまして、表示されておりませんでした。iPadAir(4世代)では罫線は問題なく表示されています。

また、変化があればご報告します。

Re2: 固定記事の表示について
2021-02-03 [永原 篤]

永原です。

iPhone8、iPad Air(モデル番号:A1474)で見ると、罫線が見えますね。
なんとなく、Excel から出力されているCSS が悪さしているのかな?なんて思ったりもしますが。
以下はiPhone8 の画面です。

横槍です。ソースを見させていただきました。

それで、Tableタグの

<table width="621" class="xl663311" style="table-layout: fixed;" border="0" cellspacing="0" cellpadding="0">
<tbody>

のborder="0"が悪さしてるんじゃないかと思いました。

テストしたないので、当たっているかわからないですが、この"0"を"1"にすると罫線が出るのではないかと推測しています。

時間ができたら、試してみます。

追記
CSSはあまり得意ではないので、はっきりとしたことではないのですが、CSSでもborder-*で設定していそうです。
このへんを追えば見えるようになりそうです。

jsuzukiさんの読み通りでした。

Excelはコードの手前に長いCSSがつくのですが、そこの各Classにボーダー設定がありまして見てみると0.5でした。これがある端末では表示されて、ある端末では表示されないということにつながっているのかと思います。

抜本的に、この方法でない方法を考えないといけないかなぁと感じています。

以上ご報告まで。