• ベストアンサー

掲示板に画像(写真など)を添付する方法について?

皆さん今日は。 1つ教えて頂きたいのですが・・・ 色々な掲示板を見ていますと・・・美しい写真等を添付しているカキコを 見ることがあります。 「タグ」を使用しているのでしょうね。 で・早速・本で・調べて見ました・・ 例えば・・・下記のようなサンプルが ありましたが・・・ <P><IMG src="image/kaki21.JPG" width="368" height="493" border="6" hspace="5" align="right"></P> いったい・・どのよにして・・・自分のPCの中にある画像を↑の「タグ」に 入れるのかが・・解りません。どなたか・・よろしくご指導方お願いいたします。 ちなみに・・自分のHPの掲示板に↑の式をいれてみましたところ×が表示され写真は、表示されませんでした。 当方・PCの初心者ですので・・・なるべく詳しく・やさしくご教示いただけましたら幸甚です。 os:windows98、IE:5.0です。 以上

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

  • ベストアンサー
  • eub55
  • ベストアンサー率39% (58/147)
回答No.1

こんにちわ。 えーとですね、とりあえず自分のパソコンの中にある画像をパス指定でそのまま掲示板に乗せるのは無理じゃないかなと思います。 掲示板によっては、自分のパソコンから画像を送信できる掲示板もありますが、あれは書き込みの際に自分のパソコンの画像をインターネット上のある位置(この場合は掲示板作成者が定めた位置)にアップロードされ、それが表示されているのでと思います。 タグが使用できる掲示板において、画像を表示させるためには <IMG src="image/kaki21.JPG"…>       ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ の部分をフルパスで指定しないといけないと思います。もしくは、そのページがおいてある場所から考えて相対パスで書き込むか。 ですので、まずは掲示板に表示させたい画像をインターネット上にアップロードし、 <IMG src="http://○○○.×××.com/image/kaki21.JPG"…> のように記述するとよいと思います。 こんな説明しか出来なくて申し訳ありません。

togemasa
質問者

お礼

eub55さん 今晩は、出張にいってましして・・お礼が遅くなってすいませんでした。 よ~~く理解できました。じゃあ・・やってみます。 有難うございました。 これからも~宜しくお願い方・・宜しくお願いします。 ↑・お礼まで

その他の回答 (1)

  • tyokobo
  • ベストアンサー率40% (137/336)
回答No.2

こんにちは。 No1さんのお答えが「他」の掲示板にかきこ(アップロード)する方法です。 ご自分で、ホームページを作る。(あ、もうおつくりですね)そこに自分のパソコンの画像をアップロードする。タグを掲示板に書く。の手順です。 もうひとつ >ちなみに・・自分のHPの掲示板 ご自分の掲示板があるのでしたら、自分、及び他の方が画像を簡単にパソコンからそのままアップロードできる類の掲示板が複数あります。 採用してみては? http://oekaki.st/top/tokuchou.html http://resq.to/

togemasa
質問者

お礼

tyokoboさん 今晩は、出張にいってましして・・お礼が遅くなってすいませんでした。 よ~~く理解できました。じゃあ・・やってみます。 有難うございました。 これからも~宜しくお願い方・・宜しくお願いします。 ↑・お礼まで

関連するQ&A

  • ビルダー9 表の枠(罫線?空白?)を完全になくすには?

    会社のHPを作っています。 下記のタグを見て頂くとわかると思うのですが、 一番大きい画像と、その右の画像の間に細い線が入ってしまっています。 (ファイル名は消してあります) 最初は上下にも入っていたのですが、それはどうにか消すことができました。 (どうやったか覚えてないですけど) この線をないものとすることはできますか? 周りに詳しい人がいなくて、ほんっっとうに困ってます!助けてください(T_T) <TABLE width="785" cellspacing="0" cellpadding="0"> <TBODY> <TR align="left" bgcolor="#ffffff"> <TD colspan="4" rowspan="3" width="691" height="73"><IMG src="" width="691" height="76" border="0"></TD> <TD colspan="2" width="77"><IMG src="" width="94" height="19" border="0" hspace="0" vspace="0"></TD> </TR> <TR> <TD colspan="2" width="77"><IMG src="" width="94" height="20" border="0" hspace="0" vspace="0"></TD> </TR> <TR> <TD colspan="2" width="77"><IMG src="" width="94" height="37" border="0" hspace="0" vspace="0"></TD> </TR> <TR> <TD colspan="6" height="18"><IMG src="" width="84" height="21" border="0"><IMG src="" width="130" height="21" border="0"><IMG src="" width="156" height="21" border="0"><IMG src="" width="126" height="21" border="0"><IMG src="" width="114" height="21" border="0"><IMG src="" width="175" height="21" border="0"></TD> </TR> </TBODY> </TABLE>

  • JPEG写真がアップロードされない

    多分、超基本的な質問です。 ビルダーを使っています。 3つのフレームと3枚の写真がありますが 一番左の写真(image5.jpg)だけがアップロードされません。 同じように処理した<つもり>ですが、なにが 原因なのでしょうか。 タグを記しますのでご指摘ください。 <TD width="237"><IMG src="image5.jpg" border="0" width="247" height="205"></TD> <TD></TD> <TD></TD> <TD></TD> <TD width="237"><IMG src="image.jpg" border="0" width="247" height="205"align="middle"></TD> <TD></TD> <TD></TD> <TD></TD> <TD width="283"><IMG src="image1.jpg" border="0" width="250" height="202"></TD>

  • 横並びの写真の上下に複数行の説明文を付けたい。(再質問)

    横並びの写真の上下に複数行の説明文を付けたい。(再質問) 前回中途半端な質問をしてしまいましたので、改めて質問し直します。 横並びの写真の説明文をその写真の上下に掲載したいのですが、 <Table>を使用せずに、各画像の上下に幅に合わせて個別の複数行の文章をつけることできないでしょうか? 私の場合 3画像を次のとおり、 <DIV ALIGN="center"> <IMG SRC="images/a.jpg" WIDTH="150" BORDER="2"> <IMG SRC="images/b.jpg" WIDTH="200" BORDER="2" HSPACE="50"> <IMG SRC="images/c.jpg" WIDTH="200" BORDER="2"> </DIV> 2画像の横並びを次のとおりに表示しています。 <DIV ALIGN="center"> <IMG SRC="images/d.jpg" WIDTH="300" BORDER="2" HSPACE="40"> <IMG src="images/e.jpg" WIDTH="400" BORDER="2" HSPACE="40"> </div>

  • 写真集の写真を別窓で大きく表示したいのです

    写真集の写真を別窓で大きく表示したいのですが、 クリックしてもそのままの同サイズでしか別窓で表示されません。 大きく拡大した写真を表示したいのですが このタグでどこがいけないのでしょうか? アドバイスよろしくお願いします!   <tr> <td align="center" valign="middle" width="128" height="128"><A href="s-d11900251.jpg" target="_blank"><IMG src="s-d11900251.jpg" border="0" width="160" height="120"></A></td>

    • ベストアンサー
    • HTML
  • テーブル高さ指定タグについて

    テーブル高さ指定タグについて サイズがバラバラの4枚の画像をテーブルを使って同じ幅・高さ縦横各2枚並べて表示したいと思っています。 下記のとおり高さ・幅300と指定をしているにもかかわらず、400×400pixの画像が高さを超えて目いっぱい表示してしまいます。 <table border="1" width="600" height="600" cellspacing="0" cellpadding="0"> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_1.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_2.jpg"></td> </tr> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_3.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_4.jpg"></td> </tr> </table> どうすれば、すべて300×300pixの範囲内におさめることができるのでしょうか?

    • ベストアンサー
    • HTML
  • 正方形のセルに縦画像、横画像を中央に配置

    よろしくお願いいたします。 テーブルを使って、写真のサムネイル一覧表を作成しています。 100x100 の2つのセルをペアとして横に並べ、横画像(100w x 75h)または縦画像(75w x 100h)を入れています。 この時、横画像だけを入れたペアは、セルの高さが画像と同じ(75)になってしまいます。 常にセルの高さを 100に保つにはどのようにしたらよいのでしょうか。 現在は次のように記述しています。 <TR><!---- 高さ 100 OK --> <TD width="100" hight="100" align="center"><IMG src="W_100.jpg" width="100" height="75" border="0"></TD> <TD width="100" align="center"><IMG src="H_100.jpg" width="75" height="100" border="0"></TD> </TR> <TR><!---- 高さ 75 NG!! --> <TD width="100" hight="100" align="center"><IMG src="W_100.jpg" width="100" height="75" border="0"></TD> <TD width="100" align="center"><IMG src="W_100.jpg" width="100" height="75" border="0"></TD> </TR>

    • ベストアンサー
    • HTML
  • エキサイトブログで、画像の横に文章を入れるのは?

    いつもお世話になっております。 同様の質問を参照にしたのですが、エキサイトブログではうまくいかないので質問させてください。 画像の横に文章を入れるにはどうしたらいいのでしょうか? 調べたところ… (1)<img src="http://pds.exblog.jp/-------jpg" width="70" height="86" ALIGN=left VSPACE=10 HSPACE=10 > というタグを使う(wとhでわかるように、小さめの写真です。) (2)<table><tr valign=top> <td><img src="画像ファイル名又はURL" border="0" alt="説明"></td> <td> 文 </td></tr></table> というtableタグを使う。 という方法があるようですが、エキサイトブログではどちらもうまくいきません。 親指の爪くらいの大きさの顔写真の横に、挨拶文を数行入れたいのですが、うまくいきません。 エキサイトブログでは、(1)img srcタグも、(2)tableタグも使えないのでしょうか? お詳しい方、教えてください。。

  • IE8とsafariでの表示、余白の違い

    IE8では、きれいに表示されますが、Safariでは、表示が微妙に崩れます。画像2が少し内側に表示されます。 そこで、tableの幅を620から650などに広げる、またはhspace="7"を2などに狭くすると指定位置に表示されますが、どちらもIE8より画像の右側の余白が広くなります。 IE8とSafariでは、余白の捉え方が違うということは調べたんですが、初心者なので、なかなか上手にできません。 双方に対応するには、どのような方法がありますか? アドバイスよろしくお願いいたします。 <table width="620" border="0" cellspacing="1" cellpadding="5"> <tr><td> <font size="3" color="DDFFFF">写真1</font></font><br /><br /> ひまわり<br /> 11111111111111111111<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">写真2</font></font><br /><br /> あさがお<br /> 11111111111111111111<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">写真3</font></font><br /><br /> マリーゴールド<br /> 11111111111111111111<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の通りに表示されるのですが 実際にアップしてみると 反映されていないのです。 ブラウザの問題でしょうか?(ファイアフォックス) どこが悪いのかご教示ください。 <a href="写真URL" target="_blank"><img src="写真のURL" alt="写真の名前" border="0" width="250" height="218"align="left"hspace="20" Vspace="20"/></a>

  • cssで画像を中央に寄せる方法について

    よろしくお願いします。一部の画像を中央に寄せたいのですが方法が分かりません。現在の内容は以下のような感じです。 【html】 <p class="font"> スタイルシート <span class="color2">レッスンブック</span> パソコン <img src="img/hoge.gif" alt="テスト" width="250" height="130" /> インターネット プリンター </p> 【css】 .font2{ text-align: left; width: 750px; padding: 20px; border-top: 2px solid #191970; border-right: 2px solid #191970; border-bottom: 2px solid #191970; border-left: 2px solid #191970; margin-left: 0; margin-right: 10; background-color: #ffff00; font-weight: bolder; } imgのみ中央に寄せたいのですがご指導をお願い致します。 良く分からなかったのですが以下のような記述をしてみたのですが 中央に寄りませんでした。 <img src="img/hoge.gif" class="aaa" alt="テスト" width="250" height="130" /> cssに .aaa{ text-align: center; } また、同スタイルにborderとpadding、widthとpaddingを使用するのは 有効な方法では無いのでしょうか? 前回のご質問で他の方にご指導頂いたのですが誤って締め切ってしまいました。 どうぞよろしくお願い致します。

    • ベストアンサー
    • HTML