• ベストアンサー

テーブルタグで困ってます。。

テーブルタグで困ってます。。 [A][B] [C][D] 上記のようにセルがあるとして [A]に画像を入れて [B][C][D]を連結させて少々長めの文字(テキスト説明文)を入れたいと思っているのですがこれはcolspanやrowspanを駆使してテーブルタグで実現できるのでしょうか?>_<

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

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

  • ベストアンサー
  • ayustar
  • ベストアンサー率66% (16/24)
回答No.3

CSS不可ということでしたら、 <img src="○○" alt="△△" align="left"> で、どうでしょうか? これなら携帯でも回り込みすると思います。

参考URL:
http://www.tagindex.com/html_tag/img/img_align.html
kodokushojo
質問者

お礼

これが望んでいた形です!! 本当にありがとうございました!!\^o^/\^o^/\^o^/

その他の回答 (3)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.4

是非はともかく出来ます。 <table> <tbody> <tr><td><img src="" alt=""></td><td rowspan="2"></td></tr> <tr><td colspan="2"></td></tr> </tbody> </table>

kodokushojo
質問者

補足

<tr></tr> <tr></tr> で2行にしてしまうと 1行目に入れたテキストを一度終わらせて 2行目に続きを新たに書くことになりテキストの区切りなどの収まりが悪いので困っていましたT_T でもありがとうございましたあ>0<

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

テーブルを使わずに、 単に最初の画像を  <img src="○○" alt="△△" style="float:left;"> とかじゃダメなの?

kodokushojo
質問者

補足

ご回答ありがとうございます☆ すみません。。 言い忘れていましたが、いまケイタイサイトを作っていてどうにかテーブルタグだけで実現させたいんですよ…T_T

回答No.1

考え方が間違っています。 HTML言語そのものがテーブルですよ。 テーブル上で、実現できないモノは、テーブル上にプログラムするのが適当ですよ。

kodokushojo
質問者

補足

ご回答ありがとうございます☆ ごめんなさい…。 私が素人なので「HTML言語そのものがテーブル」 というのがよくわかりませんでした…TT

関連するQ&A

  • テーブルタグで、この様な表を作りたいです

    実は、現在テーブルタグを使って この2つの様な表を作りたいと思います http://firestorage.jp/download/6521d87b9576b05425f88f84f5d1f104da854e59 ちなみに、上記表の赤い線に関しては 分かり易くする為に、線の部分を赤く着色してるだけで 色は付かなくて構いません ただ…この色を付けた状態でも作れるなら 教えて頂ければ、その方法も勉強したいと思います それで、現在は上の表に対しては この様なタグで <table border=1><tr><td>画像</td><td>解説</td><td>画像</td><td>解説</td><td>解説</td></tr><tr><td>画像</td><td>解説</td><td>画像</td><td>解説</td><td>解説</td></tr><tr><td>解説</td><td>解説</td></tr></table> 下の表に対しては、この様なタグで作りました <table border=1><tr><td></td><td>文字</td><td>文字</td><td>文字</td></tr><tr><td rowspan="2" width="10">文字</td><td>文字</td><td>文字</td><td>文字</td></tr><tr><td>文字</td><td>文字</td><td>文字</td></tr></table> しかし、この場合余計な所にも枠が出来てしまう為 この様な状態で出来上がります http://firestorage.jp/download/a52b36dd5a3f1838a7d482c2c07e68062a846e7b それで、私の知識の範囲では それぞれを単独で作るしか方法が分からず この様に <table border=1><tr><td>文字</td><td>文字</td><td>文字</td><td>文字</td><td>文字</td></tr></tr></tr></table><table border=1><tr><tr><td>文字</td><td>文字</td><td>文字</td></tr></tr></table> 2つに分けて、それぞれを付けるしか分かりません この場合は、この様な表として反映しますが http://firestorage.jp/download/3fe730975c59ffcf275ba5899ea6a385d2c070e8 下の表に関しては分かりませんでした つまり実際の反映としては、こんな感じなんです http://firestorage.jp/download/76d64dcca6e82f11bfa71d3840cf302310e2206a そこで聞きたいんですが 上記の2つの様な表をテーブルタグで作る方法を 教えて頂けないでしょうか?

  • エクセルで、空白のセルを無視して連結する方法を教えてください!

    エクセル2002を使っております。   A B C D         1 あ い う え     2   お   か    3 か   き く     と文字が入ったセルがあるときに   A B C D       E  1 あ い う え      あいうえ  2   お   か      おか 3 か   き く      かきく このようにE列のセルに空白を入れずに連結したいのです。 E2で、=A2&B2&C2&D2 といれて連結させると、   A B C D       E  1 あ い う え      あいうえ  2   お   か       お か 3 か   き く      か きく となってしまい困っています。どなたかよい方法をご存知でしたら教えてください。よろしくお願いいたします。

  • テーブル結合 縦横両方するには?

    テーブルの縦の結合は rowspan テーブルの横の結合は colspan これを使って表を結合しました 1つのセルに両方入れると正常な表になりません <td rowspan="3" colspan="3"> </td> というふうに書いたのですが表が新たに変なセルが増えてしまいます 解決方法わかる方おしえてください あとrowspan="3"と書いたら縦の下2つのセルのプログラム文は 消しています、これは問題あるでしょうか? colspanも同じやり方です

    • ベストアンサー
    • HTML
  • 複数セルの連結でVALUE!エラー

    セルとセルの連結で空のセルを指定するとVALUE!エラーが出てしまいます。 ですのでmicrosoftのQ&Aに書いてあった通りに TEXT関数でこんな感じにしてみました。 =A1 & TEXT(C1,IF(C1="","","0")) これで上手くいったのですが、本当は A1と、C1からZ1まで複数セルをまとめて連結させるのが目的です。 =A1 & TEXT(C1:Z1,IF(C1:Z1="","","0")) このようにしてみたら、またVALUE!エラーが出てしまいました。 どうやったら上手くA1とC1~Z1を連結できるでしょうか? まとめますと、 A1とC1~Z1のセルを文字列として連結させたい。 C1~Z1のセルには数字のみのセル、文字列のみのセル、空のセルなど混在してあります。 どうかお願いします。

  • セルを結合すると他のセルの大きさがおかしくなる

    いつもお世話になっています。 突然ですがお知恵をお貸し下さい。 □□    (A B) □□    (D C) (左上から時計回りにA・B・C・Dとします) BとCのセルを連結しました。 Aのセルのサイズ(Height)を指定していたのですが、BCの文字数を増やすとサイズ指定が無効になってしまいます。 Cはサイズ(Height)指定していないのでいくらでも下に伸びても問題ないと思っていたのですが、Aが伸びてしまう状態です。 <table> <tr> <td>A</td> <td rowspan="2">BC</td> </tr> <tr> <td>D</td> </tr> </table> というように記述しています。 申し訳ありませんが、解決方法をご教授頂ければ幸いです。よろしくお願い致します。

    • ベストアンサー
    • HTML
  • エクセル関数 範囲指定で文字を連結する方法

    セルA1に1、B1に2、C1に3が入力されている時に、 D1に関数「=A1&B1&C1」と入力すると123と表示されますよね。 これを範囲指定で文字を連結するには、どのような関数になるのでしょうか。 よろしくお願いします。

  • テーブルタグについて詳しく分かる方教えてください!

    <table><tr><td rowspan="2"> A </td><td> B </td></tr> <tr><td> C </td></tr> <tr><td> D </td></tr> <tr><td> E </td></tr> <tr><td> F </td></tr> </table> 横が5列で、左から2番目のところだけ(BとC)を同じ枠内の中で縦2つに並べたいのですが このタグでは3つめから下の段にいっちゃうのです…´` どこを変えれば希望通りにいきますか?

  • スペース含むテキストをCSVの1セルに貼り付けたい

    次のようなエクセルファイルがあります。 A   B    C   D 1  【文字】 文字 URL これはエクセルで作ったものですが、CSVファイルに貼り付けると A,B,C,Dのセルに分割して貼り付けられてしまいます。 テキストエディタに一回貼り付けてCSVに貼り付けてみたりしたんですが同じです。 この 1  【文字】 文字 URL を  Aのセルに貼り付けるにはどうしたらよいでしょうか? わかる方、よろしくお願いいたします。

  • このテーブルタグの中の色を白にするには

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- .border{ font-size : 1pt; } --> </STYLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD colspan="2" rowspan="2"><IMG src="images/001_base_1.gif" width="20" height="20" border="0"></TD> <TD height="2" bgcolor="#000000"><SPAN class="border">o</SPAN></TD> <TD colspan="2" rowspan="2"><IMG src="images/001_base_2.gif" width="20" height="20" border="0"></TD> </TR> <TR> <TD height="18"></TD> </TR> <TR> <TD width="2" bgcolor="#000000"><BR> </TD> <TD width="18"></TD> <TD>ここに内容を書きます(画像<A href="images/001_base_1.gif">1</A>・<A href="images/001_base_2.gif">2</A>・<A href="images/001_base_3.gif">3</A>・<A href="images/001_base_4.gif">4</A>)</TD> <TD width="18"></TD> <TD width="2" bgcolor="#000000"><BR> </TD> </TR> <TR> <TD colspan="2" rowspan="2"><IMG src="images/001_base_4.gif" width="20" height="20" border="0"></TD> <TD height="18"></TD> <TD rowspan="2" colspan="2"><IMG src="images/001_base_3.gif" width="20" height="20" border="0"></TD> </TR> <TR> <TD height="2" bgcolor="#000000"><SPAN class="border">o</SPAN></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> 現在はテーブルの内側の色が透明色(背景の色)になっています。 これを透明でなく白にする方法をおしえてください!

  • 文字列の足し算

    お世話になっております。 例えば変数で a = 10 b = "10" c = 20 d = "20" とあったとします。 そこで、 a + b = 20 a + c = 30 b + d = 1020 文字列同士を足すと文字を連結させてしまいます。 当たり前ですが・・・・ そこで、この文字列(b + d)の結果を30に出来ないでしょうか? よろしくお願い致します

専門家に質問してみよう