- このトピックには9件の返信、4人の参加者があり、最後に
により3年、 2ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】 12.0.1
【お使いの Snow Monkey Blocks のバージョン】10.0.0
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】Chorme
【当該サイトのURL】お世話になります。
ブロックの追加⇒テーブルを挿入し、そのテーブルを下線のみ（こちらの会社概要のようなテーブルhttps://www.ohyama-inc.jp/company）
にしたのですが、CSSに入力してもうまく適応されません。
やり方を教えていただけないでしょうか？
よろしくお願いします。
いいねをした人: 居ません実現されたい参考サイト、拝見しました。
現状、どのようなCSSを書かれてうまく実現できない状況ですか？そちらを共有いただけますと幸いです。
— 追記
@キタジマタカシ 氏すんませんかぶったw
いいねをした人: 居ませんありがとうございます。
以下になります。
table, td, th { border: none; border-bottom: 1px solid black; }コードはカスタムhtmlで以下のようにしております。
<table> <tbody><tr> <th>会社名</th> <td>●●</td> </tr> <tr> <th>所在地 </th> <td>●● </td> </tr> <tr> <th>電話番号</th> <td>●●</td> </tr> <tr> <th>FAX番号</th> <td>●●</td> </tr> <tr> <th>代表者</th> <td>●●</td></tr> <tr> <th>設立年月日</th> <td>●●</td> </tr> <tr> <th>資本金</th> <td>●●</td></tr> <tr> <th>業務内容</th> <td>●●</td></tr> <tr> <th>対応エリア</th> <td>●● </td></tr> </tbody></table>いいねをした人: 居ませんありがとうございます。
最終的に参考サイトのようにしたので、カスタムHTMLでもコアブロックの表でもどちらでも構いません。
ただ、現在はカスタムHTMLで作っております。
簡単なほうでできればうれしいです。
いいねをした人: 居ません詳細度の問題のようなので全プロパティに
!importantするのが一番手っ取り早いと思います。table, td, th { background-color: transparent !important; border: none !importan; border-bottom: 1px solid black !importan; }ただ、このセレクタだとこのサイト内の全ての table, th, td にこの CSS が適用されてしまうので、例えばカレンダーウィジェットとか、他のプラグインで追加されたコンテンツ内で table, th, td が使われているとそこにも影響が出てしまいます。適当な class をつけてそれをセレクタで指定するか、コンテンツエリア内・あるいはそのページ内に限定するセレクタを書くのが本来であれば良いかと思います。
いいねをした人: 居ません
- トピック「下線のみのテーブルを作りたい」には新しい返信をつけることはできません。