- 締切済み
コンピューターの画像ブロック
ermomurderの回答
- ermomurder
- ベストアンサー率50% (1/2)
おそらくWindows7のプレビューウィンドウで見ているのだと思います。それだと画像は見られないはずですので、ブラウザでHTMLを表示してください。 なおそのHTMLですと、IMGタグのSRC要素の引用符が閉じてないので、それを直さないとブラウザによっては表示されないかもしれません。 他にもいくつか間違いがあるのでそれらも影響するかもしれません。
関連するQ&A
- ｈｔｍｌ言語で背景画像を中央寄せしたい <body background="画像url"
HTMLにてＨＰを作成しようとしています、 以下について教えて頂けますか？ やりたい事 背景画像を上中央に固定させ、その画像の上から文章を 記載していきたい。 無い知恵を絞って色々やって見ましたが 背景画像が繰り返し表示されてしまします、 背景画像１枚の表示でそれを上中央に表示させたいのですが どのような言語を使えば良いでしょうか？ <html> <head> <title> ※タイトル※ </title> </head> <body> <body background="画像のURL" bgproperties="fixed"> <basefont color="#0000ff" size="3"> <br><br><br> <h3 align="center"> <font size="7"> <b> <font color="#ff0000"><font face="フォント名"> ※ここに文章を入れます※ </font> </b> </h3> </body> </html>
- ベストアンサー
- HTML
- ｈｔｍｌ言語中央寄せしたい <body background="画像url"について
HTMLにてＨＰを作成しようとしています、 以下について教えて頂けますか？ やりたい事 背景画像を上中央に固定させ、その画像の上から文章を 記載していきたい。 無い知恵を絞って色々やって見ましたが 背景画像が繰り返し表示されてしまします、 １枚の表示で上中央に表示させたいのですが どのような言語を使えば良いでしょうか？ <html> <head> <title> ※タイトル※ </title> </head> <body> <body background="画像のURL" bgproperties="fixed"> <basefont color="#0000ff" size="3"> <br><br><br> <h3 align="center"> <font size="7"> <b> <font color="#ff0000"><font face="フォント名"> ※ここに文章を入れます※ </font> </b> </h3> </body> </html>
- ベストアンサー
- SE・インフラ・Webエンジニア
- タイトルタグを打ち込んでもブックマークにタイトルがでません
タイトルタグを打ち込んでもブックマークにタイトルがでません <HTML> <HEAD><TITLE>在りし日</TITLE></HEAD> <body> <CENTER> <br> <br> <FONT SIZE=3><FONT COLOR="#cc0000"> 在りし日 </FONT></FONT> <br> <br> <img src="abc.jpg"><br> <br> <br> <font size=3><font color="#000000"> 初めてのホームページ制作にチャレンジ中です。 <br></font></font> <A HREF="abc.html">next</A> </CENTER></BODY></HTML> 以上のように打ち込んでいます
- ベストアンサー
- 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> <br>キャプテン○○○<br>○○○<br>ガード<br> </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
- speeedと正規表現を使っての置換え
speeedというソフトと正規表現を使っての置換えの質問です。 <html> <head> <title>名簿</title> </head> <body> <font color="#FF69B4">■</font>名前<br> ○○○<br> <font color="#FF69B4">■</font>住所<br> 東京都<br> </body> </html> 上記のようなファイルがそれぞれの人ごとに 複数あった場合、 全てのファイルで<title>名簿</title>としているのを それぞれの名前の○○○に置換えをしたいと考えております。 以下のような形です。 ★変更後 <html> <head> <title>○○○</title> </head> <body> <font color="#FF69B4">■</font>名前<br> ○○○<br> <font color="#FF69B4">■</font>住所<br> 東京都<br> </body> </html> 名前の○○○は各ファイル違います。 これを正規表現で各ファイルを 一括変換する方法が御座いましたら 教えて頂ければと存じます。 宜しくお願い致します。
- 締切済み
- HTML
- 背景画像に全体または部分的にリンクをつけたいです
ヤフーなどで検索が少しでも上位にくるように <h1>タグにはテキストを使用し、その背景に画像を入れます。 そして、その画像にリンクをつけたいです。 htmlで<img>にエリアを指定してリンクを任意の場所に設置する方法はありますが、 http://www.tagindex.com/html_tag/img/img_map.html cssで指定した画像に使う方法はないのでしょうか。 <h1>内のテキストには特にリンクがあってもなくても構いません。 <html lang="ja"> <head> <title></title> <style> #aaa{ height: 100px; background-image: url(sample.png); background-repeat: no-repeat; } #aaa h1{ font-size: 10px; margin-left: 200px; padding-top: 10px; font-weight: 400; line-height: 135%; } #aaa h1 span{ font-size: 17px; font-weight: 900; line-height: 225%; } </style> </head> <body> <div id="aaa"> <h1><span>コメント</span><br />コメントコメントコメント</h1> </div> </body> </html>
- ベストアンサー
- CSS
- 画像を変えるスクリプト
<HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- img=new Array(); for(i=1;i<=4;i++){ img[i]=new Image(); img[i].src="img"+i+".gif"; } function changeImage(i,j){ document.images[i].src=img[j].src; } // --> </SCRIPT> </HEAD> <BODY> <CENTER> <A href="#" onMouseOver="changeImage(0,2)" onMouseOut="changeImage(0,1)"><IMG src="img1.gif" border=0></A><BR> <BR> <A href="#" onMouseOver="changeImage(1,4)" onMouseOut="changeImage(1,3)"><IMG src="img3.gif" border=0></A> </CENTER> </BODY> </HTML> マウスオーバーしたら画像が変わるスクリプトです。 質問ですがこのスクリプトでどうしてオブジェクトを作っているのでしょうか？ 普通にsrcプロパティを変更するだけではだめなのでしょうか？例えばdocument.images[i].src="img"＋j＋".gif"のようにしてiとjを変えるような 感じです。
- ベストアンサー
- JavaScript
- マウスオーバー時に画像切り替え
JavaScriptで文字（画像）上にマウスポインターをオーバーするともう一つの大きな画像を切り替える、という風にしたくて、以下のようにしました。 <html> <head> <title><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Rosery de la mort PC profile2</title> <style type="text/css"> <!-- HTML { SCROLLBAR-FACE-COLOR: #990000; SCROLLBAR-HIGHLIGHT-COLOR: #993366; SCROLLBAR-SHADOW-COLOR: #660000; SCROLLBAR-3DLIGHT-COLOR: #993366; SCROLLBAR-ARROW-COLOR: #ff0033; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #660000 } BODY { SCROLLBAR-FACE-COLOR: #990000; SCROLLBAR-HIGHLIGHT-COLOR: #993366; SCROLLBAR-SHADOW-COLOR: #660000; SCROLLBAR-3DLIGHT-COLOR: #993366; SCROLLBAR-ARROW-COLOR: #ff0033; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #660000 } --> </style> <script type="text/javascript"> <!-- if (document.images) { // 設定開始（使用する画像を設定してください） // 通常の画像 var img0 = new Image(); img0.src = "image/p1.jpg"; // ポイント時の画像1 var img1 = new Image(); img1.src = "image/p2.jpg"; // ポイント時の画像2 var img2 = new Image(); img2.src = "image/p3.jpg"; // ポイント時の画像3 var img3 = new Image(); img3.src = "image/p4.jpg"; // ポイント時の画像4 var img4 = new Image(); img4.src = "image/p5.jpg"; // ポイント時の画像5 var img5 = new Image(); img5.src = "image/p6.jpg"; // ポイント時の画像6 var img6 = new Image(); img6.src = "image/p7.jpg"; // 設定終了 } // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> </script> </head> <body bgcolor="#000000" text="#ffffff"> <center><img height="75" alt="" src="roseblue-i3.gif" width="72" align="baseline" border="0"><font size="7"><font face="Script" color="#ffffff"><em><strong> Profile <img height="75" alt="" src="roseblue-i5.gif" width="72" align="baseline" border="0"></strong></em></font></font></center> <br><br> <center> <img src="yl2.jpg"> <p><img src="image/p1.jpg" alt="start" name="def"></p> <br><br><br> <p> <onMouseOver="On('img1')" onMouseOut="Off()"><img src="pp1.jpg"> <onMouseOver="On('img2')" onMouseOut="Off()"><img src="pp2.jpg"> <onMouseOver="On('img3')" onMouseOut="Off()"><img src="pp3.jpg"> <onMouseOver="On('img4')" onMouseOut="Off()"><img src="pp4.jpg"> <onMouseOver="On('img5')" onMouseOut="Off()"><img src="pp5.jpg"> <onMouseOver="On('img6')" onMouseOut="Off()"><img src="pp6.jpg"> </p> <br><br> </center> </body> </html> 上のようにしたのですが、アップロードしても、画像が全く表示されません。 因みに参考にしたところはここです。 http://www.tagindex.com/javascript/link/change3.html このサイトでは、リンクのところが文字ですが、私は、リンクなしで文字部分を画像になるようにしました。 画像が表示されないのは、何が問題なのでしょうか？ 画像は全てアップロードしました。
- ベストアンサー
- JavaScript
- 画像をフェードインさせるタグについて
HP作成の際、 画像をフェードインさせたいのですが、 以下のタグをコピーして貼り付けても エラーになります。 どこを修正したらよいのでしょうか？ よろしくお願いします<m(__)m> <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- spd = 50; ntc = 2; fii = new Array("ia","ib","ic"); cnt = 0; i = 0; function fdInImg() { document.images[fii[i]].filters['alpha'].opacity = cnt; cnt += ntc; if(cnt >= 100) { cnt = 0; i++; } if(fii.length <= i) return; setTimeout("fdInImg()",spd); } //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="fdInImg()"> 画像が順番にフェードインします。<BR><BR> <IMG src="画像のアドレス"> <IMG src="画像のアドレス"> <BR><BR> </BODY> </HTML>
- ベストアンサー
- その他（インターネット・Webサービス）
- 背景画像 Ctrl+A保存が使えない？
<body background="http://i.yimg.jp/images/main13.gif" <br> <div align="center"> <table border=5 cellpadding=0 cellspacing=0 width=600> <tr> <th bgcolor="blue" background="./wall-index2.jpg"> <br> <br> <font size=5>あいうえお かきくけこ。 </font></span> <font color="navy"> <br> <h3> さしすせそ。</h3></span> <br><br></font> </th></tr> </table> 上記の文をテキスト・ファイルにコピーしてから、その文をタグ実験場に貼り付けます。表れた文や画像をCtrl+Aで保存しようとしても枠内文章だけが保存されて、背景画像は保存されないようなのですが何故なのですか？ どうすれば全てを保存できるのですか？ タグ実験場です→http://sussiweb.com/hp/tool/tag.htm 宜しくお願いします。返信、お待ちしております。
- ベストアンサー
- ホームページ作成ソフト
お礼
回答ありがとうございます。