HPの背景設定について

このQ&Aのポイント
  • HPの背景を画像にする方法について困っています。
  • 背景画像の表示方法が分からず困っています。
  • HTMLの背景設定を画像にする方法がわかりません。
回答を見る
  • ベストアンサー

HPの背景設定について

こんばんは。 HPの背景を画像にしたいのですが、 全くできないんです・・・ 画像を表示するタグが<img src="○○○">です。 (利用しているHPのサイトで決まっています。) <html> <body background="<img src="○○○">" >←※ここです! <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=30 WIDTH=650> <TR><TD ALIGN=center BGCOLOR=white><center> <font size="6"><font color="mazenda">~~~</font></body></html> ※のところの背景が表示されるには、どうしたらいいでしょうか? 大変困ってます(:_;)よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • sora1515
  • ベストアンサー率58% (54/92)
回答No.1

<body background="<img src="○○○">" > 背景の指定は以下です。 <body background="○○○" > <img src="○○○">は画像を表示する『タグ』です。場所(url)を指定してあげましょう。

make00006666
質問者

お礼

ありがとうございます! 早速教えて頂いた通りやってみたところ・・・ URLでもダメでした。 <img src="○○○">と入れない限り、 画像が表示されないような気がします。 (http://www.~では画像表示されませんでした。) HPで利用しているサイトは月額1000円~のコースがあり、 有料版にしないと背景はいじれないのかなぁ(^_^;)

関連するQ&A

  • 初めてHPを作成してるんですが

    素材の置いてあるサイトから、テーブルをダウンロードしました。 けどどうやって使えばいいのかわかりません。 コレ↓でやっても、画像がでません。 何が足りないのか教えていただけませんか?? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>テーブル設置例</TITLE> </HEAD> <BODY bgcolor="#FFFFCC"> <CENTER> <TABLE cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD colspan="5" background="画像のURL" height="27" bgcolor="#FFFFFF"></TD> </TR> <TR> <TD bgcolor="#FFFFFF"></TD> <TD rowspan="2" valign="bottom" bgcolor="#FFFFFF"><IMG src="画像のURL" width="100" height="171" border="0"></TD> <TD width="280" height="250" bgcolor="#FFFFFF" align="center"><FONT size="-1">文章BR> 文章<BR> <BR> 文章</FONT></TD> <TD rowspan="2" valign="bottom" bgcolor="#FFFFFF"><IMG src="画像のURL" width="100" height="171" border="0"></TD> <TD bgcolor="#FFFFFF"></TD> </TR> <TR> <TD valign="bottom"><IMG src="画像のURL" width="20" height="23" border="0"></TD> <TD background="画像のURL" height="23"></TD> <TD valign="bottom"><IMG src="画像のURL" width="20" height="23" border="0"></TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> windows98・IE6,0でメモ帳を使って作成しています。 超初心者のくせにかなり無謀なんでしょうかー さっぱりわかりません。。。 何か補足することがありましたら、お知らせください ご回答どうぞよろしくお願いいたします・・!

  • ヤフオクのテンプレートでバックグラウンドを使いたい

    今、オークション用のテンプレートを作ってるのですが、テーブルの背景に、 <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> と言った感じで画像を背景に配置したいと考えていますが、どうやってもうまくいきません。 プレビュー表示の段階で、ソースコードを見てみたのですが、ちゃんと設定されているにもかかわらず、背景画像だけが表示されません。 別の方法で、 <div style="background-image:url(http://www.000.com/000.png);"> でも試して見ましたが、同じ結果でした。 背景画像の上に「商品説明」などの画像を重ねて配置したいので、どうにか上手くできる方法がありましたら是非教えて下さい。 ※上に重ねる画像だけが表示されます。 参考までに今編集中のソースを貼っておきます。 <center> <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> <tr> <td align="center" valign="top"><br /> <center> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/001.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 商品説明 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/002.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 発送方法 </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/003.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> お支払い方法 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/004.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 注意事項 </p></font></td> </tr> </table></td> </tr> </table> </center>

  • お世話になります。htmlの質問です。

    ただいまテーブル設置のことで悩んでます 更新履歴とTOP絵のテーブルがつながってしまうのです 別々にわけたいのですがいじればいじるほどサイトがめちゃくちゃになります。 自分の今のタグです。 <table width="300" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="black"> <tr><td> <table border="0" cellspacing="0" cellpadding="6" bgcolor="#FFFFFF" width="300"> <tr><td COLSPAN="6"><FONT COLOR="black"> <IMG src="img/top絵.png" border="0" align="left"> <TABLE width="100" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="#FFFFFF"> <TR> <TD BGCOLOR="black"> <FONT COLOR="white"><SMALL><B>◆更新履歴。</B></FONT> </TD> </TR> <TD> <style><!--textarea,input{ background-color:#FFFFFF; filter:Alpha(opacity='70'); font-size:x-small; }--></style> どうすればいいようになるんでしょうか? <textarea rows="5" cols="85"> サイト開設しました。

  • 壁紙を設定するタグ

     HPを作成しているのですが、壁紙が表示出来ません。 <body background="IMG_32.JPG">とやっているのですが、どうしたら良いでしょうか? <center> <br> (中略) <br> <table cellspacing="2" bgcolor="#99ddee" cellpadding="4" style="font:13px;"> <tr bgcolor="#ffffff"><th colspan="6" height="5" bgcolor="#6688cc"></th></tr> <tr bgcolor="#ffffff"> <th width="84"><a href="リンク先">更新情報</a></th> <th width="84"><a href="リンク先">次回公演</a></th> (中略) </tr> <tr><th colspan="6" height= の背景として、<body background="IMG_32.JPG">を入れたいのですが。  FC2で作成しています。

  • 背景画像のX方向繰り返し表示を止めたい

    掲題の通り、X方向のみ背景画像が繰り返し表示されてしまいます。 テキストスペースも中央部のみの640ピクセルに収まるようにしていますが、背景画像の記述方法が解りません。 制御部分のソースは下記の通りです。 宜しくお願いします。 <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <STYLE type="text/css"> <!-- body { background-image: url(img/bg.jpg) background-repeat:no-repeart; } --> </STYLE> </HEAD> <BODY text=#333333 background="img/bg.jpg"> <TABLE cellspacing="0" width="630" align="center" border="0"> <TBODY> <TR> <TD align=middle> <TABLE width="100%" border="0"> <TBODY> <TR> <TD align=center bgColor=#228b22><STRONG><FONT color=#ffffff>『ご挨拶』</FONT></STRONG></TD></TR>

    • ベストアンサー
    • HTML
  • PHPファイルの画像背景について

    PHPファイルでお問い合わせフォームを作りました。 画像背景を入れたいのですが なかなかうまくいきません。 スタイルは共通で以下ファイルを作りました。 <?php //style2.phpで書換え可能とする //背景色 $bgcolor = "#FFFFFF"; //文字色 $textcolor = "#999999"; //リンク色 $linkcolor = "#BC8F8F"; //訪問済リンク色 $vlinkcolor = "#cccccc"; //選択時リンク色 $alinkcolor = "#a48b82"; //フッター文字 $footertext = "(C)○○○○"; //水平線の色 $hrcolor = "#cccccc"; //枠の色(主にPC向け) $bordercolor = "#cccccc"; $style = array( "BODY"=>"<BODY bgcolor=$bgcolor text=$textcolor link=$linkcolor vlink=$vlinkcolor alink=$alinkcolor>" ,"FOOT"=>"<center>$footertext</center>" ,"HR"=>"<HR size=1 color=$hrcolor>" ,"TABLE_S"=>"<table border=1 align=center cellpadding=4 bordercolor=$bordercolor width=240 cellspacing=0><tr><td>" ,"TABLE_E"=>"</TD></TR></TABLE>" ,"TABLE_S2"=>"<table border=1 align=center cellpadding=4 bordercolor=$bordercolor width=480 cellspacing=0><tr><td>" ,"TABLE_S3"=>"<table border=1 align=center cellpadding=4 bordercolor=$bordercolor width=750 cellspacing=0><tr><td>" ); ?> お気づきの点がありましたらよろしくお願いします。

    • 締切済み
    • PHP
  • safariで特定条件下でデーブル幅が効かなくなります

    safariでcolspanでセルを結合し、その中に大きい要素(下の例ですとwidth500pxの画像や、文字数60のテキスト領域)を入れると、他の行の幅が変わってしまいます。 スタイルシートでtd幅を指定してやったりしてみたのですが、どうしても幅が変わってしまいます。 何か解決方法等ございましたら、ご教授願います。 <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%" align="center" bgcolor="#99FFFF">20%</td> <td width="80%" align="center">80%</td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FFCCCC"><img src="http://cmm001.goo.ne.jp/img/sn/sn_50.gif" width="500" height="24"></td> </tr> </table> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%" align="center" bgcolor="#99FFFF">20%</td> <td width="80%" align="center">80%</td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FFCCCC"><form name="form1" method="post" action=""> <textarea name="textarea" cols="60"></textarea> </form> </td> </tr> </table> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%" align="center" bgcolor="#99FFFF">20%</td> <td width="80%" align="center">80%</td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FFCCCC">&nbsp;</td> </tr> </table>

    • ベストアンサー
    • HTML
  • 先日テーブルの質問をした者です。

    先日テーブルの中に画像を入れたいと相談した初心者です。 何とか形になりましたが、「画像の下のテキスト部分の選手名とポジションのすき間が上下のかけ線に近すぎた」ので自己流で離してみましたが、もっとちゃんとした正式な方法が知りたくて質問しました。 私のヘボソースを参考にご教授お願い致します。(汗) <html> <head> <title>○○メンバー紹介</title> </head> <br> <br> <th><center><i><font size="6px" color="white" face="IMPACT" >MEMBER</font></i></center></th> <center><i><font size="5px" color="white" face="IMPACT" >(2005年チーム)</font></i></center> <br> <br> <body bgcolor=navy> <center><table border="1" cellpadding="0" cellspacing="0"> <tr> <td><img src="1234.jpg" width="280" height="210" alt="選手の画像"></td> <td><img src="1235.jpg" width="280" height="210" alt="選手の画像"></td> <td><img src="1236.jpg" width="280" height="210" alt="選手の画像"></td> </tr> <TR BGCOLOR="#696969"> <Td Align="center" Valign="middle"><font color=white>&nbsp;<br>キャプテン○○○<br>○○○<br>ガード<br>&nbsp;</font></td> <Td Align="center" Valign="middle"><font color=white>副キャプテン×△○<br>×○△<br>ガード</font></td> <Td Align="center" Valign="middle"><font color=white>2年○××<br>○××<br>フォワード</font></td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • CSSを使った丸ナンバー付きテーブルの挿入

    HTMLで作成した丸ナンバー付きテーブルをスタイルシートを使って挿入しようと思っているのですが、肝心の数字の部分が真っ白になってしまいました。関係しそうなところだけ抜き出してみました。 (↓headの中に書いてある) body {background-color: white; background-image: url(dolp2.gif); color: #000000} table, td {width: 800px; border: 2px #C0C0C0 solid; border-collapse: collapse; background-color: #ffffff;} (↓body以下に書いてある) <div><Table border="0"><Tr><Td> <Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5" style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);"> <Tr><Td align="center" valign="middle"> 1 </Td></Tr></Table> </Td><Td width="350"> ===ここに文章を書いて下さい1=== </Td></Tr> <Tr><Td> <Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5" style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);"> <Tr><Td align="center" valign="middle"> 2 </Td></Tr></Table> </Td><Td width="350"> ===ここに文章を書いて下さい2=== </Td></Tr> <Tr><Td> <Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5" style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);"> <Tr><Td align="center" valign="middle"> 3 </Td></Tr></Table></div> </Td><Td width="350"> ===ここに文章を書いて下さい3=== </Td></Tr></Table> このようなタイプのものはheadやcssにあげたほうがいいのでしょうか? 最初はこのままbodyのなかに収めておこうかと思っていたのですが、上記のような事態になってしまったのでどうしたらいいのか困っています。 HTML初心者なので、なにとぞ宜しくお願いします。

    • ベストアンサー
    • HTML
  • HTMLについて教えて下さい。

    上のブルーのラインを削除したいのですが、どこを削除すれば良いか教えて下さい。 <center><table width=640 bgcolor=#ffffff cellspacing=1 cellpadding=5><tr><td bgcolor=#ACE6FF colspan=2 align=center><b></td></tr><tr><td bgcolor=#ffffff colspan=2 align=center><font size=2 color=#777777></font></td></tr></table><br><a href="http://myauc.jp/user/gakuensalon?t=%83o%83X%83%7D%83b%83g" target=_blank><img src=http://image.auctions.yahoo.co.jp/banner.gif border=0><br><font size=2><BR>この他にも出品しておりますので宜しければご覧ください。</font></a><br><br></center>