- ベストアンサー
HTMLで書くには?
今、困ってるのですが 画像と画像を横に一緒に並べてその画像と画像の間に文字を 入れたいのですがどうも、出来ません>< 画像の位置が左右ずれたりたして上手くいきません。 説明するとこういう風にしたいのですが 画像1 画像2 ○○○○○○ 画像3 画像4 と言う形にしたいのですが、HTML式で書くとどういう風になるんでしょうか? ○の所には何行か文字を入れたいんですけど…。 スミマセンが教えて下さいm(_ _"m)ペコリ
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
テーブルを使ってみてはいかがですか? <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>
その他の回答 (3)
- KODAMAR
- ベストアンサー率26% (267/1006)
テーブルかスタイルシートでかくのがいいと思います。 テーブルは下の方がかいていらっしゃるので、スタイルシートの解説を。 <SPAN STYLE="POSITION:ABSOLUTE; TOP:***; LEFT:***"> <IMG SRC="画像1"> </SPAN> <SPAN STYLE="POSITION:ABSOLUTE; TOP:***; LEFT:***"> 文字 </SPAN> というような感じでかいてください。 TOPは上からの位置、LEFTは左からの位置です。 数値などはご自分で実際にかいてみて実験して、 ご希望の位置にあわせてください。
お礼
本当に有難うございます!!! とってもお勉強になりました。今度早速使ってみます^^
- office21
- ベストアンサー率50% (4/8)
<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>
お礼
御礼が遅くなりました>< とっても助かりました!!!本当に有難うございました。
- myeyesonly
- ベストアンサー率36% (3818/10368)
こんにちは。左右にずれるというのは、上下のやつ、画像1と画像4の事でしょうか? でしたら、その部分を中央そろえにしてしまってはいかがでしょう。 <div align="center"> 画像1 画像2 ○○○ 画像3 画像4 </div> という具合です。これで最初の<div~> から、</div>までが中央そろえになります。
補足
あ、書き忘れてました^^; 画像がずれるのは画像2と3です。 どうも、どちらかが上にいったりとか下に行ったりとかで 平行になってくれません…。 画像1と4は問題ないようです。スミマセンσ(^_^;)アセアセ...
お礼
(≧∇≦)ノ ハーイ♪使ってみました。 本当にどうも有難うございました。