質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

300閲覧

list-style-imageが適応されないのはなぜ?

humuhimi

総合スコア49

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2017/12/30 02:30

編集2017/12/30 03:48

css

1 2@import url(http://fonts.googleapis.com/css?family=Antic+Didone); 3 4body { color: #333333; } 5 6/*ページ* 7#page { 8 width: 980px; 9 margin: 0 auto; 10} 11/*リンク*/ 12a{color: #12ed00;} 13a:hover{color: #1122ff;} 14 15 16 17 18 19 20/* ページヘッダー */ 21#pageHead #siteTitle { 22 font-size: 30px; 23 line-height: 1.2; 24 margin-bottom: 0; 25 font-family: 'Antic Didone', serif; 26} 27#pageHead #catchcopy { 28 font-size: 12px; 29 line-height: 1.5; 30 margin-top: 5px; 31} 32 33/*ページフッター*/ 34#pageFoot { 35 border-top: solid 1px #CCCCCC; 36 margin-top: 15px; 37} 38 39#pageFoot #copyright small { 40 font-size: 12px; 41 line-height: 1.5; 42} 43 44/* ページボディ */ 45#pageBody { 46 margin-top: 30px; 47} 48#pageBody:after { 49 content: ""; 50 clear: both; 51 display: block; 52} 53 54#pageBodyMain { 55 width: 720px; 56 float: left; 57} 58 59#pageBodySub { 60 width: 220px; 61 float: right; 62} 63------ 64#pageBodySub .localnavi ul li{ 65 66 font-size: 14px; 67 line-height: 1.429; 68 margin-bottom: 12px; 69 list-style-image: url("../images/ico_arrow.png"); 70} 71------ 72 73/* ----- サブカラム内の装飾 ----- */ 74 75/* 見出し */ 76#pageBodySub h2 { 77 font-size: 16px; 78 line-height: 1.375; 79 padding: 5px; 80 margin-top: 0; 81 border-bottom: 1px solid #CCCCCC; 82} 83 84/* おしらせ */ 85#pageBodySub .newsList ul { 86 list-style: none; 87 padding: 0; 88} 89#pageBodySub .newsList ul li { 90 font-size: 12px; 91 line-height: 1.5; 92 margin: 10px 5px; 93} 94#pageBodySub .newsList ul li time { 95 font-weight: bold; 96 display: block;} 97 98 99/* ----- メインカラム内の装飾 ----- */ 100 101#pageBodyMain p { 102 font-size: 14px; 103 line-height: 1.429; 104} 105 106/* リスト */ 107#pageBodyMain ul li { 108 font-size: 14px; 109 list-style-type: square; 110 line-height: 1.429; 111} 112 113/* 表 */ 114#pageBodyMain table { 115 font-size: 14px; 116 line-height: 1.429; 117 border: 1px solid #CCCCCC; 118 border-collapse: collapse; 119 width: 100%; 120} 121#pageBodyMain table th, 122#pageBodyMain table td { 123 border: 1px solid #CCCCCC; 124 padding: 5px 10px; 125} 126#pageBodyMain table th { 127 background-color: #EEEEEE; 128 text-align: left; 129} 130#pageBodyMain table caption { 131 text-align: left; 132 font-weight: bold; 133} 134 135/* 図版 */ 136#pageBodyMain figure { 137 margin: 0; 138} 139/* 画像キャプション */ 140#pageBodyMain figcaption { 141 font-size: 12px; 142} 143 144/* 見出し */ 145#pageBodyMain .pageTitle { 146 font-size: 26px; 147 background-color: #F2F2E5; 148 padding: 5px 15px; 149 line-height: 1.231; 150 margin-top: 0; 151} 152 153#pageBodyMain .heading-typeA { 154 font-size: 18px; 155 color: #349FA6; 156 border-bottom: solid 1px #349FA6; 157 padding: 5px; 158 line-height: 1.333; 159} 160 161#pageBodyMain .heading-typeB { 162 font-size: 16px; 163 border-left: 5px solid #E3E4D9; 164 padding-left: 10px; 165 line-height: 1.375; 166} 167 168#pageBodyMain .heading-typeC { 169 font-size: 14px; 170 line-height: 1.429; 171} 172 173/* 区切り線・余白 */ 174#pageBodyMain .articleDetailHead { 175 border-bottom: solid 1px #CCCCCC; 176 margin-bottom: 30px; 177 padding-bottom: 15px; 178} 179#pageBodyMain.articleDetailFoot { 180 border-top: solid 1px #f5d571; 181 margin-top: 30px; 182 padding-top: 15px; 183} 184#pageBodyMain .articleDetailBody section { 185 margin: 30px 0; 186} 187 188/* 撮影情報 */ 189#pageBodyMain .creditUnit { 190 padding: 10px; 191 border: solid 1px #CCCCCC; 192} 193#pageBodyMain .creditUnit p { 194 font-size: 12px; 195 line-height: 1.5; 196} 197 198```以下の部分の質問なのですが 199#pageBodySub .localnavi ul li{ 200 201 font-size: 14px; 202 line-height: 1.429; 203 margin-bottom: 12px; 204 この部分→list-style-image: url("../images/ico_arrow.png"); 205}** 206、list-style-imageが適応されず空白のリストになってしまいます。 207対処法をどなたかご教授お願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

defghi1977

2017/12/30 03:33

CSSコードの位置を指し示している「★」や「---★---」はなるべくコメントとして記述して下さい. さもないと答える側が「★が含まれていることでエラーとなっている」と思い込む原因となります.
humuhimi

2017/12/30 03:46

了解です。気をつけます
guest

回答1

0

自己解決

原因わかりました。
めっちゃ愚かなミスでした。
cssファイルの近くに画像ファイルを置いたらばっちし作動しました。
変にcssファイルから離した位置においてたのがミスの原因でした。

投稿2017/12/30 08:20

humuhimi

総合スコア49

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問