![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.2ベストアンサー
- 回答日時:
あっ…質問の内容をちゃんと把握してませんでした;
ボーっとしてたのかな、申し訳ないです;
>上の写真の「最新記事」の横についてしまいました。。。
そのつもりで回答したので、
合っていたといえば合っていたわけですが。
前の回答は忘れて元に戻してください^^;
リストの文頭にアイコンを入れるんであれば、
.side_txt li{
list-style-type : none;
list-style-position : outside;
vertical-align : middle;
font-size : 11px;
line-height : 1.3;
padding : 1px 0px;
}
ここを変えないといけないんでした。
.side_txt li{
list-style-type : none;
list-style-position : outside;
vertical-align : middle;
font-size : 11px;
line-height : 1.3;
/* 以下が変更内容です */
padding : 1px 0 1px **px; /* 左余白を取る */
background:url(アイコン画像url) no-repeat left top;
}
これでどうでしょうか?
複数行になっても、
画像のように文頭にアイコンが来るはずです。
この回答への補足
できました!
「サイドバーの箇条書き」ではなく「リストの文頭」って表現をすればよかったんですね ^^;
ご丁寧にどうもありがとうございました m( )m
No.1
- 回答日時:
スタイルシートの
.side_title{
margin : 0px;
padding : 9px 12px 0;
color : #181230;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 12px;
font-weight : bold;
}
に
background:url(アイコン画像URL) no-repeat 左からの位置px 9px;
を追加してください。
ただ、このままだとアイコンが文字に少しかぶっていると思うので、
paddingの12px(左右の余白)の所を
padding:9px 12px 0px **px;
といった具合に上右下左の指定に変更して
**pxで左余白を増やしてください。
左からの位置pxは15px*15px程度のアイコンだと8pxというところです。
9pxは上からの位置で、paddingと同じにして合わせています。
※変更例
.side_title{
background:url(アイコン画像URL) no-repeat 8px 9px;
margin : 0px;
padding : 9px 12px 0 24px;
color : #181230;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 12px;
font-weight : bold;
}
この回答への補足
ご回答ありがとうございます。
おっしゃるようにやってみたところ、記事タイトルのところではなく、上の写真の「最新記事」の横についてしまいました。。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(OS) Windows11でアイコンが変更できない 1 2022/12/15 16:38
- 子供 家庭子供がいる女性の皆様へ。 3 2022/04/30 19:48
- Windows 10 フォルダアイコンをパワーポイントなどで自作するには? 2 2022/06/21 18:54
- Photoshop(フォトショップ) (Scratch Jr)「黄色いアイコン」の名前 1 2022/12/06 07:44
- その他(ブログ) 公式ロゴ・アイコンのアイキャッチ使用について 1 2023/08/01 11:51
- Instagram Instagramユーザーになってるけど、写真と投稿数だけはそのままって、ブロックって事ですか? I 2 2022/09/07 18:23
- Chrome(クローム) パソコンのブラウザについて 2 2023/08/08 23:59
- 恋愛・人間関係トーク 半年付き合ってる彼氏がいます 彼は私に自分で言うのも変ですがベタ惚れというかすごく好きですかね?(自 1 2022/09/10 22:06
- フリーソフト アイコンとして保存アプリが不調 2 2022/04/16 06:39
- 知的財産権 著作権はどこまで? 2 2023/01/22 12:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FC2は信用度は大丈夫ですか?
-
FC2ブログってログインせず放置...
-
FC2ブログ、管理画面への不正ア...
-
fc2動画で共有した動画をスマホ...
-
FC2ブログに登録をしていない人...
-
Fc.2動画って有料ですか、無料...
-
アベマブログでこちらの設定が...
-
FC2の掲示板を利用しています。
-
洗濯タグの画像
-
ブログでランキング、順位が上...
-
FC2ブログで文字を小さくしたい...
-
FC2ブログでプロフィールが2つ...
-
「教えてgoo」と、中古車販売の...
-
比較のしようがありませんが、...
-
mbti教えてください
-
元カレが自分の写真を
-
ブログは記事が更新されたら読...
-
テキスト版からURLも表示できる...
-
フロッグフォビアとはなんですか?
-
ブログの記事を勝手に消された...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordpress カスタムフィールド...
-
ブログのデザインがずれる原因
-
ライブドアブログにおいて記事...
-
WordPressのヘッダー上部の余白
-
タグ
-
ブログの背景色について
-
CSS疑似フレーム内の文字色の指...
-
FC2ブログで横幅を広げタイトル...
-
アメーバのブログ 画像の貼り付け
-
FC2ブログ タイトルの文字を...
-
記事の見出しタイトル
-
FC2ブログ プロフィールイラス...
-
アンドロイドで文字が左に偏る。
-
fc2ブログで記事とサイドバーに...
-
ブログ記事内に文章を左右2列に...
-
FC2ブログの右サイドバーが落ちた
-
ロリポブログのcss:センターに...
-
ブログのメイン記事の幅を広げ...
-
MovableTypeのサブカテゴリ字下...
-
MovableTypeでCSSにコメントを...
おすすめ情報