ホームページの背景画像が表示されない理由とは？
- ホームページを作ろうと思い、HTML語を勉強していたのですが、持ち帰った背景画像が表示されない問題に遭遇しました。
- タグを作成しているのですが、どうやら間違いがあるようです。どこが間違っているのか、教えてください。
- 背景画像を表示するためのHTMLタグを使用していますが、正しく表示されないため、解決方法を教えていただきたいです。
- ベストアンサー
ホームページの背景画像について
ホームページを作ろうと思い、HTML語を勉強していたのですが・・・どうしても素材で持ち帰らせていただいた背景画像が表示されないんです。 <HTML> <HEAD> <TITLE>XXXXXXXX</TITLE> </HEAD> <BODY> <CENTER> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <A HREF="top.htm" target="contents">Home</A> <BR><BR> <A HREF="about.htm" target="contents">about</A><BR><BR> <A HREF="main.htm" target="contents">main</A><BR><BR> <A HREF="link.htm" target="contents">link</A><BR><BR> <A HREF="http://blog.livedoor.jp/san8rain8clow/" target="contents">diary</A><BR><BR> </CENTER> </BODY> </HTML> こんな感じでタグを作っていたのですが、あと背景画像だけ表示したいんです・・・。 このタグが間違っているのでしょうか？ 教えてください！
- lionpikatyu
- お礼率66% (4/6)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<HTML>しか書いてないから、どうでもよいけど、<body background="～"> より <body style="backgroundImage:url(～));"> とか、CSSで、 <style type="text/css"> body {background-image:url(～);} </style> の方が、よいかも．．．． <CENTER>とかも、．．． <BR>の改行羅列も何とかしよう。 それに<body>の中にむき出しの<a>はどのHTMLでもだめよ。 （インライン要素、とかブロック要素とかの意味も調べてね） なるべく新しい本とか見たほうがよいよ。
その他の回答 (1)
- fine_day
- ベストアンサー率70% (6285/8867)
bodyタグに「background=""」を入れて、背景画像のある場所を指定してやれば表示できると思います。 http://www.dspt.net/html_tag/001_data/007.html http://www.tagindex.com/html_tag/page/body_back.html なにかしたいことがあるときは、上記のようなHTMLについてまとめられたサイトで調べると楽ですよ。 がんばってください。
お礼
HTMLについてとスタイルシート・・・難しいけど頑張って勉強しています。 サイトを提示してくださってありがとうございます！ 頑張ります！
関連するQ&A
- HTMLのフレームについて
左側にメニューを置き、右側をメインにしようとしているのですが、左側のメニューをクリックしても、左側にしか表示されません。 どうすれば良いか教えてください 全体のHTMLが <html> <Html Lang="ja"> <Head> <Title>○</Title> </Head> <Frameset cols="155,*" Frameborder="yes" Scrolling="auto" Bordercolor="#ffcc99"> <Frame src="メニュー～"> <Frame src="メイン～" name="main"> <Noframes> <body> <Center> <p> ○ </p> </Center> </body> </Noframes> </Html> 左（メニュー）のフレームは <html> <Html Lang="ja"> <Head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>○</Title> </Head> <Body> <BaseFont Size="2"> <Font Size="2"> <A Href="～" target="main"></A><Img Src="ー" Border="0"></A><br> <br> <A Href="～" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="～" target="main"><Img Src="ー" Border="0"></A><br> </Body> </Html> ですよろしくお願いします
- ベストアンサー
- その他（インターネット・Webサービス）
- ＨＴＭＬでフレームから隣のフレームにリンクすると別窓になる
タイトル通り、どうやっても別窓になってしまうんです；；； 今の状況です↓ <html> <head> <title>MAIN</title> </head> <frameset cols="290,65%" bordercolor="#ffff55" frameborder="1" framespacing="1"> <frame src="menu.html" name="menu" scrolling="yes"> <frame src="top.html" name="top" scrolling="yes"> </frameset> </html> ↑これがmain.htmlです <html> <head> <title>MENU</title> </head> <body> <frame src="main.html" name="main"> <a href="top.html" target="top.html">TOP</a> <a href="about.html" target="top.html">ABOUT</a> <a href="gallry.html" target="_blank">GALLRY</a> <a href="memo.html" target="top.html">MEMO</a> <a href="link.html" target="top.html">LINK</a> <a href="index.html" target="_top">ENTER</a> </body> </html> ↑こっちがmenu.htmlです ショートカットは、main.htmlとmenu.html（左側）とtop.html（右側）を用意してあります まだ初心者なのでタグがごちゃごちゃしてて分かりづらいかもしれないですが（（汗 どうすればtopの方に表示されるのでしょうか？？
- ベストアンサー
- その他([技術者向] コンピューター)
- リンクについて。
こんにちは。 初歩的な質問ですが、リンクの貼り方が分かりません。 タグは、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <style type="text/css"> <!-- body{background-color:#ffffff;} table{font-size:medium;line-height:150%;color:#000000;} --> </style> </head> <body> <a href="about.html">about</a> <a href="1.html">main</a> <a href="nikki.html">nikki</a> <a href="link.html">link</a> </body> </html> としているのですが、「<a href="main.html">main</a> 」だけが、ページが表示できません。と、出てきます。「main.html]も、他のリンクと同じようにサーバーにアップしてあり、それを貼り付けています。 何故、リンクできないのでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページの作り方
http://mezyu.chottu.net/ FrontPage ExpressとFFFTPを使っています。 テンプレートをかりてホームページをつくっているのですが、コンテンツ（右の）を増やそうとすると白いわくが消えてしまって About Diary Links Mailform Top と横書きに出てきてしまいます。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> <title>*</title> <link rel="stylesheet" type="text/css" href="style.css"> <style type="text/css"> <!-- a:link,a:visited,a:active,a:hover{ color:#000; text-decoration:none; } body{ margin:0px; background-image:url(bg1.jpg); background-position:100% 0%; background-repeat:no-repeat; overflow:hidden; } .m1{ padding:5px 0px; width:100%; background-color:#fff; border-bottom:1px solid #000; filter:alpha(opacity=70); -moz-opacity:0.7; text-align:center; } --> </style> </head> <body> <p><a href="about.html" target="main">About</a> <a href="links.html" target="main">Links</a> <a href="mailform.html" target="main">Mailform</a> <a href="top.html" target="main">Top</a> </p> </body> </html> ↑ここにDiaryを増やしたくて<a href="diary.html" target="diary">Diary</a>と入れてみたのですが。。。 教えてもらえると助かります。
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページが重い
ホームページを、作成ソフトを用いずに作成している途中の初心者です。 メモ帳で入力して、Internetexplorerで表示しようとすると、とても重いページがあります。 最初に <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <BODY bgcolor=" "> <PRE> <FONT size=" "> を打ち込んで、テキスト文書がずらずら続きます。 最後に、 </PRE> <BR><BR> <CENTER><A HREF "target="contents"> </A> </FONT> </BODY> </HTML> を入力しています。 ファイルの大きさは、311KBです。 画像も載せていないページなので、重くなるとは思っていなかったのですが、軽くするにはどうすればよいのでしょうか。
- 締切済み
- レンタルサーバ・ASP
- 別ウインドウが開かない
下記のHTMLを作成したのですが、別ウインドウが開くはずなのですが、 開きません。 a.htm－－－－－－－－－－－－－－－－－－－ <html> <HEAD></HEAD> <body> <a href="b.htm" target="sss">aaaaaa</a><br> </body> </html> ーーーーーーー－－－－－－－－－－－－－－－ b.htm－－－－－－－－－－－－－－－－－－－ <html> <HEAD></HEAD> <body> ＯＫ<BR> </body> </html> ーーーーーーー－－－－－－－－－－－－－－－ WindowsXPでは開くのですが、なぜかWindows2000Serverだと 開きません。 こんなことありえるのでしょうか？ 環境： Windows2000 Server(SP3) + IE6(SP1)
- ベストアンサー
- HTML
- HTMLタグが入力できません
私、今、HPを作ろうと思っているんですけれども、HTML式でやっています。 それで、『トップ』や、『プロフィール』などのタグを入力してやってみたら、そこだけないんです。 ちゃんと入力もしましたし、内容もぜんぜん間違っていません。 ちなみに、入力したタグです。 hr width="500"> <a href="index.html">トップ</a> <a href="about.html">プロフィール</a> <a href="link.html">リンク集</a><br> <hr width="500"><br><br> 早めにお願いします。早く知りたいので...。
- 締切済み
- その他([技術者向] コンピューター)
- ウィンドウサイズと文字の表示位置指定
縦2分割フレーム（フレームサイズは固定）のページの左側のコンテンツメニュー一覧を置いてます。 文字は今現在左寄せ指定です。 そのメニュー一覧文字の見え方を、左寄せ・ウィンドウ底辺合わせのデザインにしたいと思ってます。 その場合閲覧する方が任意の大きさにウィンドウの縦サイズを変えても、「底辺合わせ」を保つにはどうしたら良いでしょうか？ （ウィンドウに下部に文字が固定される感じです） 背景画像とかだとできるのですが文字も可能でしょうか？ 現在タグは以下です。 . . . <BODY> <P align="right"><BR> <A href="＊＊＊.html" target="1">1</A><BR> <A href="＊＊＊.html" target="1">1</A><BR> <A href="＊＊＊.html" target="1">1</A><BR> </P> </BODY> </HTML>
- 締切済み
- HTML
- イラストサイトを作っています!!
イラストサイトを作り始めました。 テンプレートはあるサイト様からお借りしました。 メモ帳で順調に編集をしていました。 ですが、イラストを展示するにあたって、 悩んだ箇所があります。 左のフレームからメニュー等を選択でき、 選択すると右の大きな画面に表示されるようになっています。 イラストのページでは、右の大きな画面にイラストは記号で選択をし、 その選択一覧の下に、選択したイラストが大きく表示されるようにしたいのですが、 調べても分かりませんでした。 『■』と連続で表示されているのがイラストの一覧です。 あるひとつの■をクリックすると、連続の■の下に大きく表示されるイメージです。 （今表示しているイラストのように、この場所に表示したいです。） －－－－－－－－－イラスト展示のページのタグです。↓↓－－－－－－－－－ <html lang="ja" id="back"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <!-- designed by starlit * http://sky.starlit.biz/ 2011/f021 //--> <title></title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div id="sub"> <!-- メインコンテンツ↓ --> <div id="contents"> <h2>GALLERY</h2> ☆…new<br> ♡…腐向け<br> ■…普通の絵です <p class="title">イラスト</p> <p> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> </p> <img src ="***.jpg"> </div> <!-- メインコンテンツここまで↑ --> </div> </body> </html> －－－－－－－－－…ここまでです。－－－－－－－－－ どうすれば、上に書いたような事ができますか？ タグ等を知っている方、教えていただければ幸いです。 分かりづらい質問で申し訳ありません！！ ご回答よろしくお願いします。
- ベストアンサー
- レンタルサーバ・ASP
- ■至急■html詳しい方 テーブル内のリンク書式
htmlでテーブル内にリンクを貼った場合の書式設定が 反映しません。 下記のテーブル内のTOP , PROFILEなどの文字色、文字サイズを 変更したいのですが、<font size="20">と書いても全く反映しません。 書く場所が悪いのでしょうか？ <html> <head> <title>memuページ</title> <!--<link href="./style.css" rel="stylesheet" type="text/css">--> <body link="WHITE" vlink="WHITE" alink="WHITE"> </head> <body> <BR> <table width="1200" border="0" cellspacing="0" cellpadding="5" align="center"> <tr bgcolor="pink"><font size="20"><td colspan="2"><b> <td width="250" height="30"><a href="./main.html" target="main">｜TOP｜ <td width="250" height="30"><a href="./profile.html" target="main">｜PROFILE｜ <td width="250" height="30"><a href="./shop.html" target="main">｜SHOP｜</td> <td width="250" height="30"><a href="./help.html" target="main">｜HELP｜</td></font> </table> </body> </html>
- ベストアンサー
- HTML
お礼
分かりました・・・。今、スタイルシートの勉強中なんです！ ・・・なので頑張ります。詳しく書いてくださってありがとうございました！