0

【切実】背景画像上にテーブルを使い画像、文字を配置したい divの背景画像の上に文字を配置し、
背景左部分に画像を五個配置しそれぞれにリンクをつけさせたいが、
テーブルタグを使いテーブルを作成し画像を配置するやり方を使ったがうまくいかず
文字が消えてしまいます。

原因が全くわからず5日ほど悩んでおります。
何か良い方法はないでしょうか。

画像を全て背景画像にいれてクイッカブルマップをつけるやり方もためしましたが
やはり文字が消えてしまいます。
原因不明です、

原因が全くわからず5日ほど悩んでおります。
何か良い方法はないでしょうか。


<div id="wrapper">
<div class="head1">
</div>
<h2 class="head">
<p>
</p>
</h2>
<div id="maincont">
<div class="rb">
<div id="shima">
<p>
<span style="font-size : 12px""font-weight : bold">題名</span></br>
説明文150字
</p>
</div>
<div id="B">
<p>
<span style="font-size : 12px""font-weight : bold">題名</span></br>
説明文150字
</p>
</div>
<div id="C">
<p>
<span style="font-size : 12px""font-weight : bold">題名</span></br>
説明文150字
</p>
</div>
・
・
・以下id DEF・・と続く
・
</div>
</div>
</div>



#wrapper{
width:960px;
height:auto;
margin:auto;
}

.head1{
width: 960px;
height: 40px;
}

h2.head {
background:url("../img/dabce/model/prof.jpg") no-repeat ;
width:960px;
height:246px;
margin:0 auto;
/* padding-top:15px;*/
}

h2.head p {
width:455px;
font-size:12px;
line-height:1.5em;
padding: 130px 0 0 400px;
}

#maincont {
width:960px;/*960*/
}

#rb {
margin-bottom:30px;
}

#shima {
background:url("../img/dance/model/shima.jpg") no-repeat ;
width:960px;
height:532px;
float:left;
/* margin:0px 0px 30px 28px;*/
}

質問者が選んだベストソリューション

Yahoo!知恵袋 3671日前