• ベストアンサー

画像間の間隔を消す方法(HTML)

以下のようなことをしたいのですが、 [ a ] [b][c][d][e][f] 上部にaという大き画像を、その下にb~fのように(数は任意)小さな画像をすべて間隔をなくしてひとつの絵になるように(パズルの感覚で)したいのですが、どうしてもaと、b~fの上下の間に間隔があいてしまいます。b~f間の横の場合には間隔を消すことができるのですが・・・ この説明でお分かりいただけるか心配です。どのようにすれば解決するかご存知の方、よろしくお願いいたします。

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

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

  • ベストアンサー
noname#107580
noname#107580
回答No.1

こんにちは! テーブルを使っても良ければ・・ <body> <table width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="4"><img src="a.jpg" width="800" height="275"></td> </tr> <tr> <td><img src="b.jpg" width="200" height="275"></td> <td><img src="c.jpg" width="200" height="275"></td> <td><img src="d.jpg" width="200" height="275"></td> <td><img src="e.jpg" width="200" height="275"></td> </tr> </table> </body> こんな感じでしょうか? それぞれの高さと幅は変えてくださいね。

その他の回答 (1)

回答No.2

<img src="a.gif" width="xx" height="xx"><br><img src="b.gif" width="xx" height="xx"><img src="b.gif" width="xx" height="xx"> とくっつけてかいてもだめですか。

juniorjunior
質問者

お礼

yayopixさん、 nananana777さん 解決いたしました。ご回答ありがとうございました。

関連するQ&A

  • 画像の間隔を詰めたい

    以下の画像の間隔を詰めたいのですがb-95.gifとその左右にあるb-305.gifとの間隔が埋まりません。 この画像はアイコンで、提供してくれるサイトにある見本ではちゃんと 感覚が埋まっているのですが、どうすればいいのでしょうか? <img src="hiyo_43.gif"> <img src="b-325.gif"><img src="b-305.gif"> <a href="index.html"> <img src="b-95.gif" border="0" onmouseover="this .src='b-105.gif'"> </a> <img src="b-305.gif"><img src="b-102.gif">

    • ベストアンサー
    • HTML
  • 画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

    こんにちは。タイトルの通りサイト作成で、 画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。 参考までに、DreamWeaver(ドリームウィーバー)2004MXです。 画像とテキストの兼ね合いで、画像の右側や左側に、 ところどころで間隔が欲しいと思っています。 間隔をいじれるところといえば縦間隔、横間隔になりますが、 縦間隔なら「上」と「下」、横間隔なら「右」と「左」、 これらが一度に動いてしまうのです。 片方には確かに欲しい間隔が得られるのですが、 ほう片方に要らない間隔ができてしまい困っています。 例えば右だけに間隔が欲しい。 左だけに間隔が欲しい。 こういう場合って、何かやり方があるのでしょうか。 もともと余白込みの画像を用意するという手も講じましたが、 その場合はその場合で、その画像が他のレイアウトに流用しづらい という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので 対症療法としてはうまくいきませんでした。 また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、 セルがあまりにも絡まりあってしまい、 かなりぐちゃぐちゃなものになるためうまくいきませんでした。 やはりもうちょっと詳しい方にお訊きしようと思いまして 質問を立てさせていただきました。 素人質問で大変申し訳ありません。 どうぞ宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • ブラウザの横幅に合わせて等間隔に画像を配置したい

    やりたいことは、 画像A[]画像B[]画像C[]画像D・・・ 余白:[ ] という形で、複数の画像を等間隔で並べて(画像は全て同じサイズ)、 ブラウザの横サイズを変えたら、それに合わせて画像の間のマージンが伸縮し、 常に画像同士が等間隔に並ぶようにしたいです。 そして、余白が一定以下になった場合は、 画像A[]画像B[]画像C 画像D[] という形で1つずつ左下に表示されるようにしたいと考えています。 画像と画像の間のマージンが固定のものは色々なサイトで見かけたのですが、 上記のように可変のものを見つけることが出来なかったので質問を投稿しました。 上記を実現できる(または参考になるような)テンプレートやjQueryプラグイン、参考サイトなどを ご存知の方はおられないでしょうか。

    • ベストアンサー
    • CSS
  • 配列の要素を任意の数で割って、割り振る方法

    $abc = array("A", "B", "C", "D", "E", "F", "G", "H", "I"); 上記のような配列があったとします。 これを任意の数で割って、割り振っていきたいのですが、例えば7で割ったとしたら、 1. A, B 2. C, D 3. E 4. F 5. G 6. H 7. I という風に、割り振りたいのですが、どのようにすれば、こういったことがPHPのプログラムで実現できるか教えてください。 もしくは、 1. A, H 2. B, I 3. C 4. D 5. E 6. F 7. G という割り振り方でも大丈夫です。

    • ベストアンサー
    • PHP
  • EXCELで、セル間隔をあけて貼り付けしたい。

    2つのEXCELファイルがあります。 ファイルAのデータが以下のようにありまして、    A  B  C  D  E --------------------------------- 1| 5  10  3  4  6 この横にならんだ数値をコピーして、ファイルBに    A  B  C  D  E --------------------------------- 1 | 5 2 | × 3 | 10 4 | × 5 | 3 6 | × 7 | 4 8 | × 9 | 6 こんな風に縦に、しかもセル間隔をひとつずつ空けてペーストしたいのです。 ファイルAの方の数値はSUBTOTAL関数を使用して出した結果の数値が入ったセルです。 貼り付けしたいセルだけをCtrlキーを押しながら選択して張り付けると 縦のセルの数×ファイルAの数値セルの数 で貼り付けされてしまいます。 「形式を選択して貼り付け」などもやってみましたが、うまくいきません。 なにかよい方法があったら教えていただきたいです。 よろしくお願いします。

  • サムネイル画像の特殊性について疑問!

    よくサムネイルといいますが、小さい画像をクリックすれば大きな画像のページになるってことですよね。 次のように http://www.bing.com/images/search?q=%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e7%94%bb%e5%83%8f&qpvt=%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e7%94%bb%e5%83%8f&qpvt=%e3%82%b5%e3%83%a0%e3%83%8d%e3%82%a4%e3%83%ab%e7%94%bb%e5%83%8f&FORM=IGRE これって種類としてはサムネルという名称かも知れませんが、やっていることは普通に(1)小さな画像と(2)大きな画像を準備しておいて、(1)をクリックしたら(2)のページに移るだけのことですよね? 通常のリンクですよね? 特に特殊な効果でもないですよね? よく解らないのでお聞きするんですが・・ 教えて下さい。

  • 画像をランダムに表示させたい(VB6.0)

    A、B、C、D、E、Fの6枚の画像を用意して ボタンを押すごとにA、B、Cの3枚の画像をランダムに表示させる方法を教えて下さい。 また、 Aが表示されたとき、キーボードの「A」を押すとDを表示 Bが表示されたとき、キーボードの「B」を押すとEを表示 Cが表示されたとき、キーボードの「C」を押すとFを表示 としたいのですが・・・。 どなたかご教授お願いします。

  • 入力された●から●迄の空白をカウントする方法

    どなたかご存じでしたらご回答よろしくお願いします。 【質問】  各列毎に●や▲が任意の数がある8行のセルがあります。  8行目の任意列に●を入力した場合、  そこから上に遡って●までの間の空白のセルを数える方法が知りたいです。  但し、▲も”空白の1つ”として数えます。 【入力】    A  B  C  D  E  F  G …  1 ●  ●         2        ●  ▲ ● ▲   3     ▲ ●       ▲  4                5  6  7   8 ●  ● ●               【結果】  A B C D E F G・・・   6 6 4 0 0 0 0 ※結果の説明 A:8行目の●から上に数えて●迄の空白は6個。 B:8行目の●から上に数えて▲がありその上に空白と●があるが、▲を空白とみなして6個。 C:8行目の●から上に数えて最初の●迄の空白迄は4個。 D:8行目に●は無いため、空白は0個。 E:8行目に●は無いため、空白は0個。 F:8行目に●は無いため、空白は0個。 G:8行目に●は無いため、空白は0個。 使用するエクセルは2010です。 以上、よろしくお願いします。

  • フィルでの等間隔コピー

    エクセル初心者の私にお知恵を貸して下さい。 どの様に説明していいかも分らないので 簡単に質問させていただきます。 以下の様な表があるとします。   A  B  C   1 10 2 10 3 10 4 10 5 10 6 10 これをC1、D1、E1にA1、A3、A5と1行ずつ空けた等間隔で C2、D2、E2にA2、A4、A6と1行ずつ空けた等間隔で 値を返して行きたいのですがフィルを使って可能でしょうか?   A  B  C  D  E 1 10    A1  A3  A5 2 10     A2  A4  A6 3 10 4 10 5 10 6 10 C1からの列には、IF関数を使用して A1~A300までの数値で10以上なら○ 10以下ならブランクとしたいのですが C1=IF($A1>=1,"○","")と数式を入れて フィルで列方向に引っ張ると D1=IF($A1>=1,"○","")となってしまうので A1をA3に置き換える作業がでてしまって困ってます。 $A1部分を関数に置き換えてのやり方もあるようでしたら ご教授いただけると幸いです。

  • これらの画像のサムネイルをクリックしても違う画像(

    これらの画像のサムネイルをクリックしても違う画像(黒いTシャツの画像)が表示されてしまうのですがどうすればよいですか。 https://f.hatena.ne.jp/t/%E3%82%A6%E3%82%A7%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%83%89%E3%83%AC%E3%82%B9

専門家に質問してみよう