会員サイトをリニューアルしました! 新サイトはこちら

olタグの表示不具合について < 不具合報告

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

olタグの表示不具合について
 
通知
すべてクリア

[解決済] olタグの表示不具合について

7 投稿
2 ユーザー
1 Likes
1,676 表示
344mariko
(@344mariko)
Active Member
Topic starter
 

先日了さんにお話させて頂いた件です。

CSSで番号を〇にしたり、〇の色を変更していると、olタグの番号が0表記になってしまいます。

 
投稿済 : 05/11/2019 3:52 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

すみません、対応が遅くなってしまいました!

1.3.2のアップデートにて、SWELLにおけるリストのCSSを再調整しておりまして、クラスの付与されていない純粋な ul / ol タグにはブラウザ標準のスタイル(list-style)を当てるようにし、スタイルパネルで何かしらのデザインを選択した状態では、SWELLで用意しているそのデザインが当たるようになっています。

1.3.1までは純粋な ul / ol タグにも現在でいうところの「目次風」のデザインがあたっていたのですが、これがなくなっているために発生している現象だと思われます。

お手数ですが、ご自身でクラスを追加していされていたリストでは「目次風」のデザインを当て直していただいた上で、CSSを調節していただければと思います...;;

This post was modified 5年前 by 了(開発者)
 
投稿済 : 06/11/2019 3:57 pm
344mariko
(@344mariko)
Active Member
Topic starter
 

了さん、ご回答ありがとうございます。

ですが、初心者過ぎて・・・チンプンカンプンでございます。

olのCSSも、CSS紹介・解説しているサイトからコピペして持ってきて色だけ変えるレベルなので・・・

 
投稿済 : 08/11/2019 2:58 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

@344mariko

では申し訳ないですが、CSSに関する基本的な勉強をしていただくしかないかなと...。

また、どのような状況になっているかを確認できるような情報(スクショやURL)をいただければ何か解決策を提示できるかもしれません。

 
投稿済 : 09/11/2019 1:07 am
344mariko
(@344mariko)
Active Member
Topic starter
 

もちろん、今後もブログを運営していくうえでCSSは勉強していかなければならないと思っています。

が、現状自力ではできず・・・

現状が分かるページのリンク貼らせて頂きます。

https://miyoshimariko.com/list-wish/

 
投稿済 : 11/11/2019 1:19 am
了(開発者)
(@ryo)
Illustrious Member Admin
 
ol li:before {
content: counter(number);
}

としているのにも関わらず、olタグで number を counter-reset できていないのが原因のようです。

一応、SWELLでは li というcounterを使っていますので、

ol li:before {
  content: counter(li);
}

のように書き換えていただければ解決するかと思います!

 
投稿済 : 11/11/2019 10:32 am
344mariko
(@344mariko)
Active Member
Topic starter
 

了さん、ありがとうございます。

お陰様で、直りました。

ご迷惑おかけしないように、精進します。

 
投稿済 : 12/11/2019 1:30 am
共有: