2012-02-11 9 views
0

私のウェブサイトでは、その境界を越えて何か変なことをしているスタイル(クラス= "その他")があります。私はこの問題を解決する方法を知っているCSSの教祖では不十分です。見てみてください:CSSからの迷路のスタイルが画像の断片の複製を引き起こす

http://www.zerogravpro.com/

今すぐ問題を説明する私のスクリーンショットを見て:

https://www.chainedpayments.com/temp/zgp.png

がどのように私はこの問題を解決することができますか?さらに、イメージとCSSの小さな「より多くの」スニペットが本当に好きで、もっと多くの場所で使うことができるのが大好きです。しかし、CSSは本当に扱いにくいですし、他の場所でclass = "more"を使用しようとすると、正しく表示されません。実際に私のホームページの1ヵ所でそれを使用しているだけで、スクリーンショットに示されている問題が発生しています。

本当に助けていただければ幸いです。

答えて

1

すべて<p>#bodyPanelのタグにその画像が背景になるように設定します。

それを行うための正しい方法:

HTMLあなたは背景がのIDを含むものの中に、すべてのpタグに適用するように設定することを持っている

<p class="man_bg">Blah Blah blah</p> 

CSS

#bodyPanel p { 
    margin: 0 0 0 54px; 
    padding: 0 42px 35px 150px; 
    color: #0F0F0F; 
} 
#bodyPanel p.man_bg { 
    background: url(images/papersandsky.png) 0 0 no-repeat white; 
} 
+0

ありがとうございました。しかし、私はまだ言葉の下に大きなぎこちないギャップがあります。 IE Developer Toolbarが公開されているスクリーンショットをご覧ください:http://www.chainedpayments.com/temp/zgp2.jpg - 「もっと」のクラスがまだ問題を引き起こしているようです。どうすればそのギャップを埋めることができますし、 "more"リンクを持っている私の証言の中で "more"イメージ/ cssを使用することもできます。私はそのクラスを適用しようとしたが動作しません。再度、感謝します。 – HerrimanCoder

1
#bodyPanel p{background:url(images/papersandsky.png) 0 0 no-repeat #fff; margin:0 0 0 54px; padding:0 42px 35px 150px; color:#0F0F0F;} 

#bodyPanel

おそらく、セレクタでより具体的になり、バックグラウンドが必要なpタグにクラスを追加する必要があります。

+0

私は上記のコメントを参照してください...あなたのアイデアもよく聞きたいです。 – HerrimanCoder

関連する問題