0

Web サイトの CSS フォーマットについて少し助けが必要です。http://www.zerogravpro.com/に関連するスクリーンショットをご覧ください。



css の問題 http://zerogravpro.com/temp/zgp_formatting.jpg

問題 #1: 証言セクションのオレンジ色の背景ボックスが、希望よりもかなり低くなります。「証言」という単語のすぐ下に強制的に移動するにはどうすればよいですか?

問題 2: 緑色のボールと矢印が付いた [その他] ボタンが表示されますか? まったく同じスタイルを自分の Testimonials ボックスで使用しようとすると、退屈なリンクとして表示されます。ボタンと同じに見えるようにしたい。スタイルは適切な階層がある場合にのみ呼び出されると推測していますが、他のスタイルを台無しにすることなくこれを修正するにはどうすればよいでしょうか?

私のウェブサイトへのリンクを提供したので、Firebug で表示して、スタイルなどを正確に確認できます。ありがとう!!

4

3 に答える 3

2

この行の下に 2 つの<br>-Tagがあるため、Testimonials の下のボックスは非常に低くなっています。

<p class="dotline"></p>

それらを削除すると、収まります。

さらにボタンについては、クラスmoreをこの<p>-Tagに追加する必要があります(未テスト):

<div id="testimonial6" style="">
    <p></p>
</div>
于 2012-07-04T18:07:34.040 に答える
0

証言ボックスのすぐ上に、「more」クラスの空の p 要素があります。それを取り除くと、証言ボックスが引き上げられます。それに適切な余白を与えると、見栄えが良くなります。

ボタンに関しては、ここに私の試みがあります-> http://jsfiddle.net/joplomacedo/c3vqh/

于 2012-07-04T18:23:36.643 に答える
0

ボタンのような more 要素を記述するスタイルは、class="more" で段落に適用されます。ただし、段落にはボタン以外にも多くのルールが含まれているため、再利用可能にするために、ボタンに関する CSS を抽出するようにしてください。

下部リンクの配置に関しては、ヘッダーの近くに配置する場合は、DOM のヘッダーの近くに移動する必要があります。

于 2012-07-04T18:10:44.803 に答える