リンクや段落、タイトル、またはaltタグから特定のテキストを抽出して同じページであるが別の場所に再度表示する

Question

テキストを複製または表示しようとしていますJava Bean他の部分同じページ（どのように動作するかはhttp://www.miracleflooring.ca/cork.htmlをご覧ください）。今すぐ私は情報タイトル&あなたがサムネイルの上にマウスを置いたとき、マウスが出て、情報を隠すときにショーを持っています。

私のクライアントは、各画像（各部門のクラス項目を含む）の下に価格&の価格を表示するように頼んだので、各項目を手作業でやり直さなくてもその方法を見つけたいと思っています。 これを行う方法はcss/javascript/phpを使用していますか（私は私が何をする必要があるかについてはっきりしていることを望みます）。私が知っている

<div class="item"> 
    <a href="#"><img src="imgs/products/cork/java-bean.jpg" alt="Java Bean" width="132" height="132" /></a> 
    <div class="caption"> 
      <a href="imgs/products/cork/java-bean.jpg" rel="prettyPhoto[cork]" title="Java Bean">Java Bean</a> 
      <p class="price">$4.99 sq-ft</p> 
    </div> 
</div> 

コードの一部は行き過ぎのように思えるが、それはそのように行われていたし、それを変更するために多くの作業がかかります。

私はこれを行う方法については考えていませんが、私はまだそれを行うための最善の方法は何であるかまだ分かりませんが、どんな助けも大歓迎です！

EDIT：私はそれは私が必要なものですかどうかわから助けないかもしれませんが、何か（もそれを実装する方法）extract text from tag

Answer 1

あなたのCSSでこれを試してみてください答えるkarim79見ました：

.item {position: relative; margin-bottom: 30px;} 
.item .caption {position: absolute; bottom: -20px;} 

ことをあなた自身でそれをさらに微調整するのに十分に近づくべきです。 「マージンボトム」は各アイテムの下にあるスペースを拡大し、より大きな「ボトム」はキャプションテキストを下に移動します。