- ベストアンサー
backgroundで文字がうまくおさまらない
お世話になります、CSS初心者ですので、 質問内容に不明瞭な点がございましたら、ご容赦くださいませ。 上記のように、テキストで文字を書いてバックグラウンドさせたいのですが、 文字が画像から外れた位置に配置されたりしてしまいます。 尚、作った画像は4段重ねるように配置したいです。 解決策をご教授下さいませ。 （HTMLコード） <BODY> <div id="container"> <div id="header"> </div> <DIV id="main"> </div> <div id="left"> <p>軽量鉄骨プレハブ</p> <div class="left_keitetu"> <p class="left_keitetu"><a href="/seihin/top.htm">製品詳細</a><br> <a href="/sekou/01-keitetu/top.htm">施工一覧</a></p> </div></div> <div id="footer"> </div> </BODY> （CSSコード） div#container { width : 725px; margin : auto;} div#header { width : 725px; margin : auto;} div#main { width : 725px; margin : auto;clear : both; padding : 0 10px; } div#footer { width : 725px; margin : auto;clear : both; margin-bottom : 5px; background : url(img/footer_bg.gif) repeat-x; height : 55px; padding-top : 17px; } div#left { float : left; } div.left_keitetu { height : 80px; width : 170px; } p.left_keitetu { background : url(img/menu_keitetu.gif) no-repeat; padding-top : 30px; padding-left : 15px; }
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- rub_oil
- ベストアンサー率14% (3/21)
TABLEのBACKGROUNDに画像を貼り付けて、 文章を乗せるというのはいかがでしょう？ <table width="**" height="**" background="**"> <tr> <td> 軽量鉄骨プレハブ<br> <a href="***">商品詳細</a><br> <a href="***">施工一覧</a><br> </td> </tr> </table> とんちんかんな答えをしてたらすいません。
お礼
早速のお返事ありがとうございます。 説明が足りなくて申し訳ありませんが、 テーブルでレイアウト出来ることは承知しておりました。 今回はCSSで考えております。 また何か良い方法がありましたら、宜しくお願い致します。
お礼
早速のお返事を頂きまして、ありがとうございます。 お蔭様で理想の形にまとまりました。 また何かの折には宜しくご指導下さいませ。