• ベストアンサー

画像の貼り付け

jyamatoです。 HTMLで、テーブルのカラムにまたがって画像を貼る方法を教えてください。 テーブルの境界線の上に、画像を張りたいのですが・・・ そもそも、こんな事は出来ないような気がするのですが・・・如何でしょう。 出来ない場合は、何か良い方法 (あたかも、テーブルの境界線の上に画像が貼れているように見えてしまうように) があれば教えてください。 宜しくおねがいします。

  • HTML
  • 回答数5
  • ありがとう数5

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

  • ベストアンサー
  • kosa
  • ベストアンサー率25% (379/1464)
回答No.2

あたかも、テーブルの境界線の上に画像が貼れているように見えてしまうように ↑ 境界線の上に画像がくれば当然、境界線なんて見えないでしょう? 逆のパターンですと テーブルを一つ作って、そのテーブルの背景に画像を使用します。さらにその中にテーブルを入れれば完成です この場合は画像の上に境界線ってことになりますね

jyamato
質問者

お礼

ご解答ありがとうございます。 なるほど、かなり複雑なテーブル構成になってしまいますね(・_・;) 教えて頂いた方法で少し試してみます。 しかし、もう少し良い方法があればありがたいのですが・・・ やはり、kosaさんに答えて頂いた方法が精一杯(最善)でしょうかね。

その他の回答 (4)

  • kamoto
  • ベストアンサー率41% (26/62)
回答No.5

うーん、いまいち質問の意味を汲めていなくて、 外してるかもしれませんが… ・テーブル自体の画像を作って下に敷く ・Flashのようなソフトで下のレベルにテーブルのhtmlを、  上のレベルに画像を読み込み、アルファで透明度をつける (やってないので可能かはあやしいです) ・テーブルの記述をわざとおかしくして、くずす (あ、でもやめといたほうがいいですよね…) 無責任な回答でごめんなさい。

jyamato
質問者

お礼

ご解答ありがとうございます。 複雑なテーブル構成をが必要になってくるんですね。 やはり、簡単にはいかないようですね。

  • macotty
  • ベストアンサー率14% (1/7)
回答No.4

質問に対する回答ですが、問題はブラウザの互換性に関わってきます。 NNだと、<LAYER>タグで座標を指定してやれば、自由自在に画像が張れます。 IEだと、どうかなぁ。<LAYER>って使えなかった気がしますね。 だけど、<img>タグでもマージン指定とかで何とかなりませんかねぇ。

jyamato
質問者

お礼

ご解答ありがとうございます。 そうですね<LAYER>はIE未対応ですね。 <IMG>タグのマージン指定で出来るのですか? 試そうと調べてみましたが、分かりませんでした。 どこかのサイトに載っているでしょうか? 教えて頂ければ助かります(__)

  • Spur
  • ベストアンサー率25% (453/1783)
回答No.3

順当な手段はNo.2の方が言われるようにするのが良いですね。 <table border=0><tr> <td background="○○.gif"> <table border=1> <tr><td>。。。。。</td></tr> <tr><td>。。。。。</td></tr> </table> </td> </tr></table> で完成です。

jyamato
質問者

お礼

やはりそうですか。。。 ご解答ありがとうございます。

  • peso
  • ベストアンサー率41% (40/97)
回答No.1

<TD colspan=7> のように colspan=x で x 個のセルを横方向に連結できますが、これだとダメですかねぇ??

jyamato
質問者

お礼

解答ありがとうございます。 ん~それも、考えたんですけど・・・ その画像と言うのは、●←の様な形でして、背景が透明になっています。 画像の背景が透明なので、テーブルの境界線の上に置くと、●画像の後ろに 境界線が見えるのです・・・の様な感じにしたいのですが。 質問の内容が不十分ですみませんでした(__)

関連するQ&A

  • Excelへ画像の貼り付け

    Wordのように、貼り付けた画像を、文字の下に入れたい。(つまり、文字を画像の上に表示したい) Excelの場合、これは可能でしょうか? 可能なら、その方法を教えていただきたい。

  • GIF画像だけをCSSやHTMLで設定する事が出来ますか?(画像を2重に重ねたい)

    こんにちは。 テーブルがあるとします。最後のところに画像を入れます。この画像に重ねるように画像を載せたいです。この場合、このテーブルの最後に2つ並べるように、また、1つの画像にすることなく、2枚目の画像のみ、位置指定して載せる事が出来ますでしょうか? GIF画像だけをCSSやHTMLで位置を設定して、載せる事が出来ますか?(画像を2重に重ねたい)レイヤーのようにです。ただレイヤーですと、位置が崩れてしまう心配がありました。 CSSなどで出来ますでしょうか? よろしくお願いいたします

  • 画像の貼付け(goo)

    gooブログ(無償版)をしていますが、画像の一番ベストな貼付けを教えていただきたいです。 何分、パソコン初心者なため、四苦八苦しております。 今、貼付けてる方法は、 HTMLエディターで画像のURLを入力するボタン(人の形のボタンです)で行っていますが、貼られる画像があまりにも小さいので記事編集欄でカーソルを画像に持っていき拡大させるんですが、画質が大きく乱れてしまいます。 はじめから解像度などをおとさずに大きく画像を貼付ける方法を知りたいです。 何度かHTMLエディターでタグ打ちしましたが、認識されないです(<img src="★"width="★"height="★">) ※画像は、デジカメなどの写真をgooブログにアップロードし、それに右クリックで『画像のurlをコピー』して使用しています。 macosxです。

  • Tableの1セル内に画像・テキストを均等貼り付けしたい

    初心者です。 HTMLと外部CSSについて教えていただきたく。 1列3行のテーブルの2行目に 複数枚の画像を均等に横並びに配置し、改行してそれぞれの画像の下に画像タイトル文を入れたいと考えています。 一つのセルの上行に画像下行にテキストといった考えです。  列幅は750px 画像1枚の幅は最大350px。 この場合、下記のHTMLをどのように改変し、外部CSSはどのように書けばよいでしょうか。 ブラウザはIE7以降とFireFOX3.5.xを考えています。  追記:このテーブルデザインをフォームとして他でも使いたいと考えています。 画像の枚数は2枚から最大4枚で変動します。 画像とタイトル文の間に不可視ラインを入れて1列4行のテーブルでもOKと考えております。 手を入れたいHTML (写真3枚の場合。) <BODY> <CENTER> <TABLE border="1" width="750"> <TBODY> <TR> <TD align="center">1行目</TD> </TR> <TR> <TD>2行目 ここに写真3枚横並び <br> 写真1 写真2 写真3   </TD> </TR> <TR> <TD align="center">3行目</TD> </TR> </TBODY> </TABLE> </CENTER> </BODY>

  • HTMLファイルを、画像に変換

    こんにちは。どうぞ宜しくお願い致します。 Mac OS X 10.5.7を使用しています。 数百個のHTMLファイルの、テーブルのみを画像に変換しようと しています。Dreamweaverの検索置換機能を使い、テーブルのみ を抜き出したファイルは、なんとか自動で作成されました。 次に、作成されたHTMLファイルを画像に変換したいのですが、 Win用の方法は見つかるものの、Macで行う方法が分かりません。 手作業で、DreamweaverからPDF変換、そしてPDFから画像に変換、 という方法は思いつくのですが、考えただけで気が遠くなりそうです。 一括で、HTMLファイルを画像ファイル(png,jpgなど)に変換する方法 をご存知の方、いらっしゃいましたら、是非教えて下さい。

    • 締切済み
    • Mac
  • 画像をPhotoshopで切り抜きIllustratorに貼り付け

    PhotoshopCS3、IllustratorCS3を使用しています。 PhotoshopとIllustratorは初心者です。 画像をPhotoshopで切り抜き→Illustratorに貼り付けがしたいのです。 しかし、Photoshopで切り抜いた画像をIllustratorに貼付けまたは配置すると、切り抜いた画像+四角の枠(バウンディングboxみたいな物)が一緒に配置されてしまいます。この枠をなくして、切り抜いた画像そのままの境界線のままIllustratorに貼り付けをしたいのですが方法がわかりません。 例えば、切り抜いた画像をIllustratorに貼り付け、その画像にドロップシャドウをつけると枠に対して四角のシャドウ効果がついてしまい、切り抜いた画像の境界線の形にドロップシャドウ効果を付けることができません。 初心者ですので出来るだけ詳細に教えていただけるとありがたいです。 よろしくお願い致します。

  • グログ等の写真貼り付けでのテクニックについてです。

    参照URL:http://www.dmm.com/mono/dvd/-/detail/=/cid=000_370/ この「崖の上のポニョ」のパッケージ写真を押すと、 その拡大画像(オリジナル)が、飛び出してくると思うんですが・・・。 飛び出すというかなんというか・・・ そもそも表現方法が分からず、試しにググってみても検索ワード自体不明なので分からないままでした。 どうやったらこの写真掲載方法ができるのでしょうか。 普段私はブログをHTMLだけ使ってつづっております。 HTMLの言語イヂるだけでできますでしょうか? ご教授お願い申し上げます。

  • オークション出品画像7枚貼り付け教えてください

    オークションの画像7枚貼り付けの仕方が分かりません 以下の説明文を見ても理解が出来ません。。「初心者の為」 HTMLを使って写真画像を表示する方法 あらかじめウェブ上に用意しておいた画像ファイルを指定して、写真を掲載する方法です。 ・ この方法で掲載できる写真は、1オークションにつき7枚までです。 どうか初心者でも分かりやすい方法を教えてください お願いします

  • テーブル内の画像を横並べにしたい

    HTMLテーブルの学習中の初心者です、よろしくお願いいたします。 テーブル内に画像を配置すると縦並びになってしまいます。 これを横並びにしたいのですが、(添付画像参照ください) 同じテーブルの上段には既に列を分けてある1行目があります。 問題の2行目、列を分けてそれぞれのセルに画像を当て横幅を指定 という方法ですと上段の横幅に揃ってしまうのか、幅が大きく広がり過ぎてしまいうまくいきません。 テーブル以外にも方法はあるようなのですが 現在テーブルの学習をしているためテーブルでのやり方を調べています。 初心者ですので解りやすいもっともシンプルなやり方ございましたら ぜひご指導お願いいたします。

  • パワーポイントからの画像貼り付けについて

    ホームページを作成する上で、質問があります。 「パワーポイント2000の画像をコピー&ペーストで、HTML作成ソフト(ホームページビルダーなど)に貼り付ける」 をしたいのですが、普通のHTML作成ソフトでは貼り付けができません。 ホームページビルダーでは可能なのですが、「動作が不安定」なため、それ以外のソフトを探しています。 良いソフト(もしくは回避策)があったら教えてください。 フリーウェアでなくてもかまいません。 よろしくお願いします。

専門家に質問してみよう