No.7ベストアンサー
- 回答日時:
#4,#6で答えたものです。
テキストエリアに入力した文字で、あふれた部分を画像の下に持っていきたいということでよろしいでしょうか?
そうしましたら、画像共々テーブルタグに入れてしまいましょう♪やり方は…わかりますよね?
この回答への補足
すいません!!
あふれた部分ではなく、テキスト(ここでは)下にスペースがあるにもかかわらず、次のタグを画の下に持っていきたいのです。
このままでは、テキストの下に続いてしまいます。
No.6
- 回答日時:
#4で答えたものです。
イメージとしては
------------
ボタン ボタン
画像
===テキスト===
------------
という感じでよろしいでしょうか?
そうしましたら、ボタンとテキストをテーブルに入れてください。そのテーブルを画像の右側に置いてください。テーブルはわかりますよね?このやり方が一番早いですよ^^
でわでわ。
この回答への補足
ずばり、ありがとうございます。
できました!!
<TABLE BORDER="0">
<TR ALIGN="left">
<TD><INPUT TYPE="submit" NAME="登録" VALUE="登録></A><INPUT TYPE="reset" VALUE="リセット"></TD>
</TR>
<TABLE BORDER="1">
<TR ALIGN="left">
<TD><TEXTAREA NAME="テキスト" COLS="40" ROWS="5" WRAP="off"></TEXTAREA>
</TD>
<TD></TD>
</TR>
</TABLE>
そこで、新たにですがそのあとに続けるとテキストの下に表示されて余った分は画の下にいくのですが、新しい部分は”画のした”に持っていきたいのです。
"bottom"を使うみたいですがどこでつかいましょう・・?
No.5
- 回答日時:
align属性は今後廃止予定なのでスタイルシートを使ってみては?。
(例
<body>
<div style="float: left">
<img src="./hogehoge" width=200 height="200">
</div>
<div>
ああああああああああ<br>
いいいいいいいいいい<br>
うううううううううう<br>
</div>
</body>
回り込みを解除する場合には
<div style="clear: left"> ~~~~~</div>
で解除できます。
お試しあれ
No.4
- 回答日時:
こんにちわ。
この質問は「HTMLタグ【まわりこみ】」についてですよね。
ずばり回答から書かせていただきます。
-----------------------------------
ホームページ<BR>
<IMG Src="画像のファイル名" Align="left">
文字の回り込みの例です。左にイメージを表示した場合は、右に文字が表示されます。
-----------------------------------
とすればOKです。
要は、”Align="left"”がミソですね~。
rightと記載すれば、文字が右に回り込みますよ。
くれぐれもスペースは半角で打ってくださいね。
でわ、素敵なHPを作成してください!
この回答への補足
例えばですが、
<IMG SRC="My%20Pictures/14.jpg" ALT="" WIDTH="600" HEIGHT="400" ALIGN="top"><INPUT TYPE="submit" NAME="" VALUE="登録"><INPUT TYPE="reset" VALUE="リセット">
<TEXTAREA NAME="" COLS="40" ROWS="5" WRAP="off"></TEXTAREA>
というふうに、(画像はでませんが・・)画像の横に
ボタンは表示できますが、ボタンが2つ以上並べると
テキスト欄が下にいってしまいます。
ボタンの下にテキスト欄を表示できませんか?
つまり、align=leftでフォームとテキストを上下に並べて
表示する・・ですが・・
No.3
- 回答日時:
一番簡単な方法はborderが0のtableを組みましょう
または、回り込みをさせましょう
http://www.aux-web.com/webbox/support/image_01.h …
など参考に・・・
参考URL:http://www.aux-web.com/webbox/support/image_01.h …
No.1
- 回答日時:
テーブルタグを使ったらいいと思います。
例)
<table>
<tr>
<td><img src="・・・"></td>
<td>文章</td>
</tr>
</table>
また、参考URLによると、imgタグの中に
align="top"
とか
align="middle"
を指定する方法もあるようです。
参考URL:http://www5a.biglobe.ne.jp/~n_rieko/html/4.htm
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ソフトウェア) Figma 1 2023/06/23 14:22
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- その他(ブラウザ) Mycrosoft Edge の「コレクション」に、画像とテキストを追加したい 2 2022/05/28 11:10
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- PowerPoint(パワーポイント) パワーポイント アニメーション効果で、テキストと同時に画像を表示させる方法を教えてください 2 2022/09/12 21:06
- その他(ブラウザ) テキストを入れるときの縦線の点滅がそれ以外のブラウザ上にも表れます。 1 2022/07/29 21:55
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(ソフトウェア) IrfanView で画像のスクロール?できますか 1 2022/08/31 13:57
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- Excel(エクセル) エクセル VBA For Next 繰り返しの書き方を教えてください 6 2022/09/01 14:11
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・「みんな教えて! 選手権!!」開催のお知らせ
- ・漫画をレンタルでお得に読める!
- ・「黒歴史」教えて下さい
- ・2024年においていきたいもの
- ・我が家のお雑煮スタイル、教えて下さい
- ・店員も客も斜め上を行くデパートの福袋
- ・食べられるかと思ったけど…ダメでした
- ・【大喜利】【投稿~12/28】こんなおせち料理は嫌だ
- ・前回の年越しの瞬間、何してた?
- ・【お題】マッチョ習字
- ・モテ期を経験した方いらっしゃいますか?
- ・一番最初にネットにつないだのはいつ?
- ・好きな人を振り向かせるためにしたこと
- ・【選手権お題その2】この漫画の2コマ目を考えてください
- ・2024年に成し遂げたこと
- ・3分あったら何をしますか?
- ・何歳が一番楽しかった?
- ・治せない「クセ」を教えてください
- ・【大喜利】【投稿~12/17】 ありそうだけど絶対に無いことわざ
- ・【選手権お題その1】これってもしかして自分だけかもしれないな…と思うあるあるを教えてください
- ・集合写真、どこに映る?
- ・自分の通っていた小学校のあるある
- ・フォントについて教えてください!
- ・これが怖いの自分だけ?というものありますか?
- ・スマホに会話を聞かれているな!?と思ったことありますか?
- ・それもChatGPT!?と驚いた使用方法を教えてください
- ・見学に行くとしたら【天国】と【地獄】どっち?
- ・これまでで一番「情けなかったとき」はいつですか?
- ・この人頭いいなと思ったエピソード
- ・あなたの「必」の書き順を教えてください
- ・10代と話して驚いたこと
- ・14歳の自分に衝撃の事実を告げてください
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブル内に画像を表示したい。
-
HTMLでテーブルを横に並べる方法
-
ホームページのテーブルに斜線...
-
【CSS】縦横スクロールテーブル...
-
ボタンを画の左に・・
-
tableのheight指定が効かない
-
更新するとずれる?
-
Visual C++ 6.0 で SQLServer...
-
2つのテーブルを左右に表示した...
-
ウィンドウのサイズを変えても...
-
プルダウンの表示位置
-
テーブル内文字列がテーブル幅...
-
CSSで文字を一番下の中央に表示...
-
フォントサイズ変更に合わせテ...
-
DREAMWEAVERでテーブル一辺のみ...
-
Dreamweaverのデザインで表示が...
-
一つのテーブル内の文字色だけ...
-
tableタグとformタグの組み合わせ
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
テーブル内に画像を表示したい。
-
HTMLでテーブルを横に並べる方法
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
DWで、デザインビューに表示さ...
-
【CSS】縦横スクロールテーブル...
-
テーブル内でdlタグ使った際の...
-
2つのテーブルを左右に表示した...
-
箇条書きリストのすぐ横に画像...
-
ヘッダー固定のスクロールが可...
-
画像の横にテーブルを。。。
-
更新するとずれる?
-
テーブルでスクロールを同期したい
-
一つのテーブル内の文字色だけ...
-
画像と、セルのつなぎ目に白い...
-
ページが開くまでに待てる時間。
-
テーブルの背景を透過する方法
おすすめ情報