• ベストアンサー

HTMLで書くには?

今、困ってるのですが 画像と画像を横に一緒に並べてその画像と画像の間に文字を 入れたいのですがどうも、出来ません>< 画像の位置が左右ずれたりたして上手くいきません。 説明するとこういう風にしたいのですが                  画像1 画像2    ○○○○○○    画像3             画像4 と言う形にしたいのですが、HTML式で書くとどういう風になるんでしょうか? ○の所には何行か文字を入れたいんですけど…。 スミマセンが教えて下さいm(_ _"m)ペコリ

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

  • ベストアンサー
  • kumagoro-
  • ベストアンサー率57% (36/63)
回答No.3

テーブルを使ってみてはいかがですか? <table> <tr>   <td></td>   <td align="center"><img src="画像1"></td>   <td></td> </tr> <tr>   <td><img src="画像2"></td>   <td>○○○○○○<br>○○○○○○</td>   <td><img src="画像3"></td> </tr> <tr>   <td></td>   <td align="center"><img src="画像4"></td>   <td></td> </tr> </table>

kobito56
質問者

お礼

(≧∇≦)ノ ハーイ♪使ってみました。 本当にどうも有難うございました。

その他の回答 (3)

  • KODAMAR
  • ベストアンサー率26% (267/1006)
回答No.4

テーブルかスタイルシートでかくのがいいと思います。 テーブルは下の方がかいていらっしゃるので、スタイルシートの解説を。 <SPAN STYLE="POSITION:ABSOLUTE; TOP:***; LEFT:***"> <IMG SRC="画像1"> </SPAN> <SPAN STYLE="POSITION:ABSOLUTE; TOP:***; LEFT:***"> 文字 </SPAN> というような感じでかいてください。 TOPは上からの位置、LEFTは左からの位置です。 数値などはご自分で実際にかいてみて実験して、 ご希望の位置にあわせてください。

kobito56
質問者

お礼

本当に有難うございます!!! とってもお勉強になりました。今度早速使ってみます^^

  • office21
  • ベストアンサー率50% (4/8)
回答No.2

<HTML> <HEAD> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY> <DIV align="leftまたはcenterまたはright"> <TABLE> <TBODY> <TR> <TD></TD> <TD align="center"><IMG src="画像ファイル名"></TD> <TD></TD> </TR> <TR> <TD align="center"><IMG src="画像ファイル名"></TD> <TD align="center">ここに文字を入れて下さい</TD> <TD align="center"><IMG src="画像ファイル名"></TD> </TR> <TR> <TD></TD> <TD align="center"><IMG src="画像ファイル名"></TD> <TD></TD> </TR> </TBODY> </TABLE> </DIV> </BODY> </HTML>

kobito56
質問者

お礼

御礼が遅くなりました>< とっても助かりました!!!本当に有難うございました。

  • myeyesonly
  • ベストアンサー率36% (3818/10368)
回答No.1

こんにちは。左右にずれるというのは、上下のやつ、画像1と画像4の事でしょうか? でしたら、その部分を中央そろえにしてしまってはいかがでしょう。 <div align="center"> 画像1 画像2 ○○○ 画像3 画像4 </div> という具合です。これで最初の<div~> から、</div>までが中央そろえになります。

kobito56
質問者

補足

あ、書き忘れてました^^; 画像がずれるのは画像2と3です。 どうも、どちらかが上にいったりとか下に行ったりとかで 平行になってくれません…。 画像1と4は問題ないようです。スミマセンσ(^_^;)アセアセ...

関連するQ&A