2011-12-10 8 views
0

私はこの(非常に)簡単に解決できる問題で自分自身を殺してきました。私はそれが私の目の前にあるので、私はそれをよく見ることができないと確信しています。 画面の両側に2つの画像、2つのタブがあり、前の投稿と次の投稿に移動します。そのうちの1つは美しく動作しますが、私の権利(次の記事)のものは私に大きな頭痛を与えています。それだけで私はそれに割り当てているidを取得しません。ここでは、コードは次のようになります。cssがimg idを取得しない

<img id="tab_prior_topic" src="/images/files/tab_prior.png" alt="prior" /> 
<img id="tab_next_topic" src="/images/files/tab_next.png" alt="next" /> 

、ここでCSS:

#tab_next_topic { 
    position:absolute; 
    right: 0; 
    top:350px; 
    width:18px; 
    height:112px; 
    z-index:9999; 
    padding: 0; 
} 

#tab_prior_topic { 
    position:absolute; 
    left: 0; 
    top:350px; 
    width:18px; 
    height:112px; 
    z-index:9999; 
    padding: 0; 
} 

私は 'tab_next.png' 画像に 'tab_prior_topic' を割り当てた場合は、それが正常に動作します: -/ は何ですかイメージがうまく動作するのを妨げますか? テストページは次のとおりです。http://pasionesargentas.webatu.com/topic.php?id=124

THANKS !!!

+0

Plzは、あなたのmodal.cssを確認してください。 tab_prior_topicが見つかりましたが、tab_next_topicが見つかりませんでした。 – felipecrp

+0

それを確認してくれてありがとう、しかし、彼らはもう一方の上に1つです。基本的に上記のコードは、cssのコピーと貼り付けです。私は実際にクロムを介してファイルをチェックしていると私はそこにそれを参照してください。 – cbarg

答えて

2

あなたの問題は、あなたがここに投稿したコードとは関係ありませんが、このコードの上の行はmodal.cssファイルにあります。あなたは//でcssで無効なセクションをコメントしようとしました。コメントはmodal.cssから上記の行を削除/* */

// --------------------------

で区切る必要がありますそれが動作する可能性があります

+0

私はそれについてのコメントを書いていました。それを見つけていただきありがとうございます。私はそれにもっと注意する必要があります。私は通常、CSSにコメントするために//使用します。私はもう使用しないでください。 -/THANKS Ben and everyone! – cbarg

4

は自分#tab_next_topicのあなたの宣言の前

// -------------------------- 

があります。これを削除できますか? CSSコメントは/* ... */で囲まれています。

+0

「css/modal.css」にあります。あなたはそれをチェックしてもらえますか? – cbarg

+0

私は私の答えを編集しました。 – Alex

関連する問題