- 締切済み
メモ帳でhtmlのサイトを作りました
ホームページに詳しい方に質問です メモ帳で.htmlのサイトを作りその中に画像を入れました。 作ってる途中で確認した時は画像、文字ともに異常はなかったのですが FC2にアップロードして、サイトを確認すると文字は異常ないのですが 画像は全く出てきません。 <p><font size=7>●●</font> <p> <p> <p><font size=5>●●1</font> <p> <p> <p><img src="minato.jpg" alt="minato" width="1280" height="1024"><br></body><p> <p> <p> <p><font size=5>●●2</font> <p> <p> <p><img src="minato2.jpg" alt="minato2" width="1280" height="1024"><br></body><p> <p> <p> <p><font size=5>●●3</font> <p> <p> <p><img src="minato3.jpg" alt="minato3" width="1280" height="1024"><br></body><p> <p> <p> <p><font size=5>●●4</font> <p> <p> <p> <p><img src="minato4.png" alt="minato4" width="1280" height="1024"><br></body><p> <p> <p> <p><font size=5>●●5</font> <p> <p> <p> <p><img src="minato5.jpg" alt="minato5" width="1280" height="1024"><br></body><p> <p> <p> <p><font size=5>●●6</font> <p> <p> <p> <p><img src="minato6.jpg" alt="minato6" width="1280" height="1024"><br></body><p> これがサイトのタグの一部です。 おかしなところがあれば訂正、或いは指摘してください。 訂正後のタグを書いてくれるとありがたいです。 よろしくお願いします。
- minatolove
- お礼率0% (0/6)
- その他([技術者向] コンピューター)
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
</body>は最後だけでOKだと思います。 自分的にこんなかんじかな... （ はわざとです） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="description" content="内容説明"> <meta name="keywords" content="●●"> <title>タイトル</title> <style type="text/css"> <!-- body{margin:0px;} .titel{font-size:36pt;} .subtitel{font-size:x-large;} --> </style> </head> <body> <p><span class="titel">●●</span></p> <p> </p> <p><span class="subtitel">●●1</span></p> <p> </p> <p><img src="minato.jpg" alt="minato" height="1024" width="1280"><br></p> <p> </p> <p><span class="subtitel">●●2</span></p> <p> </p> <p><img src="minato2.jpg" alt="minato2" height="1024" width="1280"><br></p> <p> </p> <p><span class="subtitel">●●3</span></p> <p> </p> <p><img src="minato3.jpg" alt="minato3" height="1024" width="1280"><br></p> <p> </p> <p><span class="subtitel">●●4</span></p> <p> </p> <p><img src="minato4.jpg" alt="minato4" height="1024" width="1280"><br></p> <p> </p> <p><span class="subtitel">●●5</span></p> <p> </p> <p><img src="minato5.jpg" alt="minato5" height="1024" width="1280"><br></p> <p> </p> <p><span class="subtitel">●●6</span></p> <p> </p> <p> </p> <p><img src="minato6.jpg" alt="minato6" height="1024" width="1280"><br></p> </body> </html>
- OKwebb
- ベストアンサー率44% (92/208)
JPGはhtmlと同じディレクトリにアップロードしてますか？ BINARYモードでアップロードしてますか？
画像のアドレスを検索すると「ご指定のファイルが見つかりませんでした。」と表示されるので、画像の名前が間違っているか、画像がアップロードされていない、ということはないでしょうか？ あと各イメージの後に入っている</body>は必要ないので消して下さい。 <img src="minato.jpg" alt="minato" width="1280" height="1024"><br></body>←これ
関連するQ&A
- HTMLの画像のリンクについて
ページ内にインラインフレームを作成し画像サムネイルをクリックするとフレーム内に表示するという感じにしたいのですが、フレームサイズを500×500にしたので、このサイズを超える画像を表示するとページのスタイルが崩れてしまいます。元画像のリサイズをせずに表示させる方法はないでしょうか？ 構造は以下のようになってます。 <html> <head> <title>photo</title> </head> <body BGCOLOR="007777"> <br><br> <iframe NAME="photo" WIDTH="500" HEIGHT="500" FRAMEBORDER="0" ALIGN="right"></iframe> <br><br><br> <p> <a HREF="gazou1.jpg" TARGET="photo"><IMG SRC="gazou1.jpg" ALT="" WIDTH="50" HEIGHT="50" BORDER="0"></a> <a HREF="gazou2.jpg" STYLE=""><IMG SRC="gazou2.jpg" ALT="" WIDTH="50" HEIGHT="50" BORDER="0"></a> </body>
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像を縦に並べたら隙間ができることについて
画像を縦に並べたところ隙間ができてしまいます。 隙間無くくっつけたいのですがどうすればいいのでしょうか。 以下htmlです。 <img src="img/nakama_img01.gif" width="687" height="227" alt="画像１" /><br /> <img src="img/nakama_img02.gif" width="687" height="197" alt="画像２" /><br /> <img src="img/nakama_img03.gif" width="687" height="244" alt="画像3" /> <br />で改行せずくっつけてタグを並べても同じ結果でした。 よろしくお願いします。
- ベストアンサー
- HTML
- HTMLタグ
画像にもありますが、取り扱い商品・液晶モニタ・パソコンパーツなどの横に横2列縦3列のテーブル、その横に縦５列横1列のテーブルを付けたいのですが、どうしてもわかりません。 わかる方居ましたらお願いします。 現在こんな感じです <p><font color="#f70006"> <strong>他には無いアイテムがここにはあります</strong> </font> <br> <img style="WIDTH: 983px; HEIGHT: 102px" border="0" alt="" src="素材/top.png" width="1000" height="118"><br> <img border="0" alt="" src="素材/home.png" width="200" height="73"><img border="0" alt="" src="素材/商品一覧.png" width="200" height="73"><img border="0" alt="" src="素材/輸入.png" width="200" height="73"><img border="0" alt="" src="素材/買付.png" width="200" height="73"><img style="WIDTH: 169px; HEIGHT: 73px" border="0" alt="" src="素材/問合.png" width="170" height="73"><br> <br> <br> <br><img border="0" alt="" src="素材/取り扱い.png" width="164" height="49"><br> <img border="0" alt="" src="素材/液晶.png" width="164" height="49"><br> <img border="0" alt="" src="素材/ａｐａｒｅｒｕ.png" width="164" height="49"><br> <img border="0" alt="" src="素材/pasokon.png" width="164" height="49"><br> <img border="0" alt="" src="素材/周辺機器.png" width="164" height="49"><br> <img border="0" alt="" src="素材/マルチメディア.png" width="164" height="49"><br> <img border="0" alt="" src="素材/自動車.png" width="164" height="49"><br> <br> <br> <br> <img border="0" alt="" src="素材/サポート.png" width="166" height="63"><br> <img border="0" alt="" src="素材/輸入について.png" width="166" height="63"><br> <img border="0" alt="" src="素材/お問い合わせ.png" width="166" height="63"><br> <img border="0" alt="" src="素材/会社概要.png" width="166" height="63"> </p> 他にいい作り方など、オススメ等ありましたら何でもお願いします
- ベストアンサー
- その他（インターネット・Webサービス）
- フォントサイズでレイアウトがずれる？
cssでページレイアウトをしているのですが、 外部cssでサイト全体のフォントサイズを13pxにした場合 body { font-size: 13px; } 同じ画像なのに（四角のボタン）下部分の1pxの底辺が表示されるものとされないものが出てきました。 HTMLの記述内容は以下の通りです。 <div class="menu"> <p><img src="/img/**1.png" alt="" width="180" height="33"></p> <p><img src="/img/**2.png" alt="" width="180" height="33"></p> <p><img src="/img/**3.png" alt="" width="180" height="33"></p> <p><img src="/img/**4.png" alt="" width="180" height="33"></p> </div> <p>にmargin、paddingなどは設定していません。 この場合、画像、ｃｓｓ共に同じ条件であるはずなのに、3番目の画像だけ上記のような不具合がおこりました。 フォントサイズを14pxにした場合、問題なく表示されます。 firefoxで確認したところは13px,14px共に、きちんと表示されていました。 ちなみにブラウザはIE6です。 ブラウザのバグか何かでしょうか？？ 申し訳ありませんが、どなたかご教授お願い致します。
- ベストアンサー
- HTML
- IE8とsafariでの表示、余白の違い
IE８では、きれいに表示されますが、Safariでは、表示が微妙に崩れます。画像２が少し内側に表示されます。 そこで、tableの幅を620から650などに広げる、またはhspace="7"を２などに狭くすると指定位置に表示されますが、どちらもIE８より画像の右側の余白が広くなります。 IE８とSafariでは、余白の捉え方が違うということは調べたんですが、初心者なので、なかなか上手にできません。 双方に対応するには、どのような方法がありますか？ アドバイスよろしくお願いいたします。 <table width="620" border="0" cellspacing="1" cellpadding="5"> <tr><td> <font size="3" color="DDFFFF">写真１</font></font><br /><br /> ひまわり<br /> １１１１１１１１１１１１１１１１１１１１<br/> <img src="http://画像1.jpg" height="310" width="300" border="0" alt="" hspace="7" vspace="5" align="left" /> <br /> <br /><br /> <br /><br /> <br /><br /> <br /> <font style="background:ff9900"> <font size="3" color="DDFFFF">写真２</font></font><br /><br /> あさがお<br /> １１１１１１１１１１１１１１１１１１１１<br/> <img src="http://画像2.jpg" height="303" width="300" hspace="8" vspace="7" align="right" /> <br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br /> <font style="background:ff9900"> <font size="3" color="DDFFFF">写真３</font></font><br /><br /> マリーゴールド<br /> １１１１１１１１１１１１１１１１１１１１<br/> <img src="http://画像3.jpg" height="430" width="300" border="0" alt="" hspace="7" vspace="5" align="left" /> <br clear="all" /> <br /> <br />
- 締切済み
- HTML
- JavaScript - 月ごとに画像変化
<script type="text/javascript"> <!-- var myimg = new Array(); myimg[0] = '<img src="a.jpg" alt="a.jpg" width="477" height="33">'; myimg[1] = '<img src="b.jpg" alt="b.jpg" width="477" height="33">'; myimg[2] = '<img src="c.jpg" alt="c.jpg" width="477" height="33">'; myimg[3] = '<img src="d.jpg" alt="d.jpg" width="477" height="33">'; myimg[4] = '<img src="e.jpg" alt="e.jpg" width="477" height="33">'; myimg[5] = '<img src="f.jpg" alt="f.jpg" width="477" height="33">'; myimg[6] = '<img src="g.jpg" alt="g.jpg" width="477" height="33">'; myimg[7] = '<img src="h.gif" alt="h.jpg" width="477" height="33">'; myimg[8] = '<img src="i.jpg" alt="i.jpg" width="477" height="33">'; myimg[9] = '<img src="j.jpg" alt="j.jpg" width="477" height="33">'; myimg[10] = '<img src="k.jpg" alt="k.jpg" width="477" height="33">'; myimg[11] = '<img src="l.jpg" alt="l.jpg" width="477" height="33">'; var mynow = new Date(); var mymonth = mynow.getMonth(); document.write("<center><img 'src="+myimg[mymonth ]+"'></center>"); // --></script> このようなものをHTML属性のBODY内に入れて、月ごとに画像を変化させるということを実現しています。 画像の変化自体はうまくいってますが、ブラウザの多くは [a.jpg]'> （"["と"]"は画像の端）という風に、右端に文字が出てしまいます。 試しに、2つの"'"を消せば []> という風に、画像が見つからない×印がついて表示も出来ません。 文字が出ないようにするにはどう対応するのでしょうか。 詳しい方アドバイスお願いします。 ちなみにJavascriptにこだわらず、月ごとに画像が変化できれば何でもいいです。
- ベストアンサー
- JavaScript
- スタイルシート line-heightのバグ？
ホームページの中で、行幅をあけるのに、line-heightを使っています。 簡潔なタグは以下の通りです。 <html> <body> <span style="font-size:13px; line-height:160%;"> <img src="image/point.gif" border=0 width=6 height=8 alt="">てすと1<br> <img src="image/point.gif" border=0 width=6 height=8 alt="">てすと2<br> </span> </body> </html> 「てすと1」「てすと2」の前に小さな画像を入れています。 WinXP、NN4.XやN7.Xで見た場合は、画像が入っていても問題なく行幅が開きますが、 WinXP、IE6.02で見ると、line-heightが効きません。 これはIEのスタイルシートバグなのでしょうか？ また、打開方法ありましたらお願いします！ （参考まで：テーブルタグを使いたくないのでline-heightで行間をあけています）
- ベストアンサー
- HTML
- css 背景画像（1つ）とリンク付き画像（複数）を中心に表示したい。（
css 背景画像（1つ）とリンク付き画像（複数）を中心に表示したい。（超初心者です。） 現在、Kompozerをつかってホームページを作成しています。 添付画像のような配置にしたいので、いろいろなサイトを参照したのですがどうしてもうまくいきません。 現在のソースは以下のようになっており、ブラウザで表示すると背景画像が表示されません。 あまりにも知識がなく、不快な思いをさせてしまったら申し訳ございません。 ご指導いただければうれしいです。 よろしくお願いします。 ＊ソース <html><head> <meta content="text/html; charset=Shift_JIS" http-equiv="content-type"> <title>ページタイトル</title> <style type="text/css"> </style> </head><body> <div style="text-align: center;" background-image:="" url ＊＊.jpg ;width:450px;height:450px;=""><br> <br> <img style="width: 137px; height: 137px;" alt="" src="＊＊.gif" border="0"><br> <br><p style="text-align: center;"> <a href="＊＊.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="＊＊.jpg"></a><a href="＊＊.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="＊＊.jpg"></a><img style="width: 92px; height: 230px;" alt="" src="＊＊.jpg"><a href="＊＊.html"><img style="border: 0px solid ; width: 92px; height: 230px;" alt="" src="＊＊.jpg"></a><br></p> </div> </body></html>
- ベストアンサー
- HTML
- HPの形態が崩れてしまうのですが
HPの形態がくずれてしまいます。 困り度： すぐに回答を！ 現在ホームページ製作をしています。 新しい操作を行うたびに、画像の位置がおかしくなってしまうことで質問なのですが、よろしいでしょうか？ 現在ひとつのページにコンテンツにあたる画像を置いています。 そこに、インラインフレームをつけようと挿入すると 画像がインラインフレームの幅と同じサイズに改行され、 くずれてしまいます。 どうしたら型崩れせずにきれいにみせることができるのでしょうか？ちなみに画像が切れてしまうのはいやなので、フレームわけはしないでページ内ジャンプという形をとろうとおもっています。 ーーーーーータグはこちらですーーーーーーー <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>COLOR』</title> <link href="file:///E|/site/base.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style1 { color: #333333; font-weight: bold; } --> </style> </head> <body> <p> <div id="content"> <p><span class="style1"> <br /> ＼今年のテーマは『COLOR』！／</span><br /> <img src="contents_about.png" alt="about" width="170" height="86" /><br /> <img src="contents_schedule.png" alt="schedule" width="243" height="86" /> <iframe src="main.html" name="uri" width="800" height="600" scrolling="Auto" frameborder="0" id="uri" style="border:none;filter:Alpha(opacity=50);"></iframe> <br /> <img src="contents_event.png" alt="event" width="170" height="86" /><br /> <img src="contents_blog.png" alt="blog" width="170" height="86" /><br /> <img src="contents_access.png" alt="access" width="201" height="86" /><br /> <img src="contents_link.png" alt="link" width="170" height="86" /><br /> <img src="contents_mail.png" alt="mail" width="170" height="86" /><br /> <img src="contents_top.png" alt="top" width="170" height="86" /></p> </div> </p> </body> </html>
- ベストアンサー
- ホームページ作成ソフト
- 画像切り替え
<div> <img src="image1" alt="" width="300" height="300" /><br /> <img src="image1" alt="" width="80" height="80" /> <img src="image2" alt="" width="80" height="80" /> <img src="image3" alt="" width="80" height="80" /> <div> 下の小さい画像にマウスが乗ったら、上の大きい画像に表示させたいのですが、どのように組んだらよろしいでしょうか、よろしくお願いいたします。
- ベストアンサー
- JavaScript
