0

私は以前にこのような同様の問題を抱えていて、最終的にそれを修正しようとしています。jsフィドルで気づいたら、アクションdivの上に太い境界線があるようです。私は、購入したテンプレートに存在する理由と存在しない理由を調べようとしています。

http://jsfiddle.net/pGFfa/

テンプレート:http://kansasoutlawwrestling.com/files/templates/admin/peachv1.2/Template/forms.html

編集:

私は自分のページを実際の意図したページで更新しましたが、アクション領域を見てください。それでも左右に境界線があります。理由はわかりません。

4

3 に答える 3

1

二重の境界線は、コンテンツdivの下の境界線が原因です。テンプレートのdivには、「border-bottom:0none;」というルール「.box.content.with-actions」が適用されています。フィドルのコンテンツdivにはそのルールがないため、下の境界線があり、アクションdivには上の境界線があるため、線が太くなります。

違いは、テンプレートのコンテンツdivにも「with-actions」クラスがありますが、フィドルのコンテンツdivにはありません。そのクラスを追加するだけで、問題は解消されます。

于 2012-04-18T22:03:04.497 に答える
1

更新されたフィドルhttp://jsfiddle.net/7jrEp/2/

注意として、cssが外部にリンクされている場合、実際のcssに加えた変更は、投稿するすべてのフィドルに変更されます。壊れないように、cssをフィドルに貼り付けることをお勧めします。

また、上記の問題は、二重の境界線に加えて、フォームコンテナの上部ではなく下部に適用される半径でした。

于 2012-04-18T22:00:49.833 に答える
0

content.cssで、次を変更してみてください。

.box .content-form { border: 1px solid #C8C8C8; }

に:

.box .content-form { border: 1px solid #C8C8C8; border-bottom: none; }
于 2012-04-18T21:58:33.213 に答える