- ベストアンサー
ボタンを画の左に・・
HP上に、左に画(画像）、右にテキストを挿入したいのですが、どうしても画像の下にテキストがいってしまいます。 img=・・・・で画像を入れた後、そのままテキスト（タグ）を挿入しますと下に表示されます。 右に表示できませんか？
- みんなの回答 （8）
- 専門家の回答
質問者が選んだベストアンサー
＃４，＃６で答えたものです。 テキストエリアに入力した文字で、あふれた部分を画像の下に持っていきたいということでよろしいでしょうか？ そうしましたら、画像共々テーブルタグに入れてしまいましょう♪やり方は…わかりますよね？
その他の回答 (7)
- the845t
- ベストアンサー率33% (246/743)
テーブルの外に入力していったら？
お礼
ありがとうございます
- domi_rb
- ベストアンサー率39% (60/152)
＃４で答えたものです。 イメージとしては ------------ ボタン ボタン 画像 ＝＝＝テキスト＝＝＝ ------------ という感じでよろしいでしょうか？ そうしましたら、ボタンとテキストをテーブルに入れてください。そのテーブルを画像の右側に置いてください。テーブルはわかりますよね？このやり方が一番早いですよ＾＾ でわでわ。
補足
ずばり、ありがとうございます。 できました！！ <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"を使うみたいですがどこでつかいましょう・・？
- kaz_iwa
- ベストアンサー率27% (10/37)
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> で解除できます。 お試しあれ
お礼
ありがとうございます
- domi_rb
- ベストアンサー率39% (60/152)
こんにちわ。 この質問は「ＨＴＭＬタグ【まわりこみ】」についてですよね。 ずばり回答から書かせていただきます。 ----------------------------------- ホームページ<BR> <IMG Src="画像のファイル名" Align="left"> 文字の回り込みの例です。左にイメージを表示した場合は、右に文字が表示されます。 ----------------------------------- とすればＯＫです。 要は、”Align="left"”がミソですね～。 rightと記載すれば、文字が右に回り込みますよ。 くれぐれもスペースは半角で打ってくださいね。 でわ、素敵なＨＰを作成してください！
補足
例えばですが、 <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> というふうに、（画像はでませんが・・）画像の横に ボタンは表示できますが、ボタンが２つ以上並べると テキスト欄が下にいってしまいます。 ボタンの下にテキスト欄を表示できませんか？ つまり、align=leftでフォームとテキストを上下に並べて 表示する・・ですが・・
- shy00
- ベストアンサー率34% (2081/5977)
一番簡単な方法はborderが0のtableを組みましょう または、回り込みをさせましょう http://www.aux-web.com/webbox/support/image_01.html など参考に・・・
お礼
ありがとうございます
align="left"を使う。 <IMG src="***.gif" align="left">ホゲホゲ テーブルを使った方がバランスよくできる場合もありますね。
お礼
ありがとうございます
- mohao
- ベストアンサー率15% (10/63)
テーブルタグを使ったらいいと思います。 例） <table> <tr> <td><img src="・・・"></td> <td>文章</td> </tr> </table> また、参考URLによると、imgタグの中に align="top" とか align="middle" を指定する方法もあるようです。
お礼
ありがとうございます
お礼
ありがとうございます
補足
すいません！！ あふれた部分ではなく、テキスト（ここでは）下にスペースがあるにもかかわらず、次のタグを画の下に持っていきたいのです。 このままでは、テキストの下に続いてしまいます。