WEBサイト制作で調べたことのメモ
投稿日：
行頭記号やリストマークなどの装飾を、画像なしで実現する方法を紹介しています。
リストアップの条件は、
以上の2点です。
デフォルトのリストマークや指定だと、ブラウザの解釈の違いから位置調整がうまくいかないことが多いので、一端リストマークの表示を消してから改めて指定し直す方法。
ol数字を「疑似要素」の「contentプロパティ」で使用する方法。
数字のfont-familyを変更したり、丸囲みに装飾したり、数字の表示位置も変更出来ます。
※印などの注意書きで、※印だけ飛び出させて2行目以降を1字下げし、文字の先頭だけ揃えるテクニック。
リストのインデントを挿入することができます。
ULタグやOLタグなどのリストに指定します。
リストマーク以降の文字だけを頭揃えにする方法を紹介しています。
.li { list-style-position: inside } /* リストの２行目以降を上げる */
.lo { list-style-position: outside } /* リストの２行目以降を揃える */
|
本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。
執筆者：kobato
関連記事
WordPress4.5.3 「短縮URLを取得」ボタンを表示させる方法
WordPressをアップロードしたら「短縮URLを取得」ボタンが消えてしまった。。。（汗） これがないとちょっと不便なので、ググってみたら解決法が載っていたので早速トライ！ 無事表示されました！！ …
WordPress★カスタムフィールドを使って関連リンクを手動で埋め込む方法
SEOの「内部対策」のひとつ、 内部リンクの調整で大切なこと SEOには「内部対策」と「外部対策」の二つがあります。 内部対策は、Googleからクロール＆インデックスされやすいようにHTMLソースを …
WEB制作ではhtml & css & phpを触ることが多いですが、コメントアウトの書き方がぞれぞれ違うので忘れないようにメモ。 ちなみに、コメントアウトとは、ソースコード側に書いて …
EC-cube3★受注管理・編集ページにメール通知へのリンクを追加
EC-cube3になってノンプログラマーにはカスタマイズの敷居がグンとあがってしまいました。。。（泣） 悪戦苦闘しながら少しずつカスタマイズしているところ。 どこを触ったのか自分用の備忘録メモ。 管理 …
今回はHTMLでサイトを作って欲しいとの要望。 ナビやヘッダー、フッター部分は全ページ共通なので、修正や後々のメンテナンスも考えて、それらを部品化して１箇所で管理したい。 ＨＴＭＬには、他のページを読 …
2021/09/12
2021/07/05
2021/06/19
WP★テーマ開発に便利！対応テンプレートファイルがすぐにわかるプラグイン
2021/06/01
Macでバックスラッシュ（逆向きのスラッシュ）を入力する方法
2021/05/31
WPで「永続的なオブジェクトキャッシュは有効化されていません」に対処したときのメモ
サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。