以下のサイトのpaddingの設定方法

質問

サイトの右サイドバーのホームページ制作事業のカテゴリー下の広告バナーのpaddingの設定がききません。

marginは設定すれば反映するのですがpaddingの設定がききません。

広告バナーの前にbackground　imageとして三角の矢印を挿入したいため

paddingで広告バナーを右に15px動かしたいです

どのようにしたら移動できるか分かりません

お分かりの方いましたらよろしくお願いします

回答No.2

ORUKA1951

common.css 415行目
#sub li a {
background: url("../images/bg_arrow.gif") 0 50% no-repeat;
display: block;
padding: 5px 5px 5px 30px;
}
#sub li a:hover {
background:#EFEBEF;
color: #333333;
}
しかしこれは邪道です。
#sub li{list-style-image:url();}
でしょう。

　そもそも、継承されるプロパティを何度も書くのは止めたほうが良いです。これだけでCSSの行数は1/3以下になるでしょう。この状態では作成した自身でもメンテナンス不能になっちゃいます。

お礼

ありがとうございました
大変助かりました

回答No.1

noname#209843

ソース拝見致しました。

id名「sub」配下のliタグ全般に一律で5pxのpaddingがかかっているのが原因じゃないでしょうか？

ネット事業の方のバナーが上手くいってるのは、liタグではなくaタグのクラス内にpaddingを指定してるおかげです。
iframeタグの外側にdivタグなどを挟んで、そちらにクラス指定をするのが一番早いかと思います。

お礼

ありがとうございました
困っていたので大変助かりました