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ブログのトップページの記事...
-
ブログ、順位が低くても、順位...
-
Fc.2動画って有料ですか、無料...
-
質問です 個人サイトのゲーム情...
-
fc2ブログで文字の大きさが変わる
-
ブログ記事はブログ記事の作者...
-
ブログでランキング、順位が上...
-
テキスト版からURLも表示できる...
-
いつもお世話になっております...
-
fc2運営を装ったなり済ましメー...
-
一般人の目立たないブログでも...
-
アベマブログでこちらの設定が...
-
FC2の掲示板を利用しています。
-
洗濯タグの画像
-
FC2ブログで文字を小さくしたい...
-
FC2ブログでプロフィールが2つ...
-
「教えてgoo」と、中古車販売の...
-
比較のしようがありませんが、...
-
mbti教えてください
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログにおいて記事...
-
FC2のテンプレ
-
FC2ブログ タイトルの文字を...
-
cssのことでわからないことがあ...
-
ブログ記事内に文章を左右2列に...
-
Jugem カスタマイズ(背景)
-
IEでテンプレートの表示が変です
-
gooブログの画像を背景に文字を...
-
IE6のみレイアウトがずれる。
-
タイトルの背景に自作の写真
-
FCブログの文字の大きさについて
-
ライブドアブログのまとめブロ...
-
FC2ブログ facebook⇔ツイッター...
-
ワードプレス、cocoonでタイト...
-
wordpress カスタムフィールド...
-
HEAD・HTMLの行間改行が上手く...
-
右に2つあるサイドバーを両側...
-
ブログに背景壁紙画像を設定し...
-
中央寄せの解除
-
FC2ブログでテンプレートを変え...
おすすめ情報

