質問 > フロント機能 > chromeで枠線が出ない |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
ゲスト |
投稿日時: 2014/1/15 17:59
対応状況: −−−
|
chromeで枠線が出ない 2.12.6 を利用しています。
テンプレートはダウンロードした物そのままを利用しています。 左のメニューのデザインを変えようと思っています。 背景をなくしたり、罫線を引いたりです。 IEでは、希望道理に表示されるのですが、Chromeで罫線が表示されません。 上左右に1ピクセルの罫線・下に1ピクセルの点線です。 以下のような結果になってしまいます。 http://s1.gazo.cc/up/73778.jpg CSSは以下の通りです。 bloc.css /* タイトルの背景 白 */ #login_area h2, #search_area h2, #calender_area h2, #cart_area h2, #cart h2 { padding: 5px 0 8px 10px; border-style: solid solid dashed; border-color: #ccc; border-width: 1px; font-size: 14px; } /* カテゴリはなぜか左右の線がいらない */ #category_area h2 { border-style: solid solid dashed; border-color: #ccc; border-width: 1px 0 1px; padding: 5px 0 8px 10px; font-size: 14px; } どのように修正すれば、Chromeで表示出来ますか? よろしくお願いします。 |
|
kanagettyo |
投稿日時: 2014/1/15 19:12
対応状況: −−−
|
半人前 登録日: 2012/12/13 居住地: 投稿: 26 |
Re: chromeで枠線が出ない maveya様
「#category_area h2」の「border-width」の2番目にある数字が「0」となっておりますので、 こちらを、「1px」等に修正すれば左右の枠線が表示されるかと思います。 以上です。ご参考になれば幸いです。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |