• ベストアンサー

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

  • HTML 文字リンク 位置調整の仕方

    素人です よろしくお願いします HPにアフィリエイト広告用のHTMLを貼り付けているのですが 画像だけなので 文字リンク出来るようにHTMLに入れて見ましたが 文字リンクの位置が 画像の横から出てしまいバランスが悪いです 画像の下から 文字が始まるようにしたいのですが どうしたらいいですか?

  • このHTMLをどうしたらいいか教えてください

    ここで作ったHTML(http://tinyurl.com/m33nvc)の画像があるんですが、このHTMLだと横並びになった画像の真中に間が空いてしまいます。これの真中をなくしてくっつけたいのですが、どう変えれば良いでしょうか? すいませんHTMLを貼りたいのですが、物凄く長いので文字数制限がかかります。必要そうなところだけでも載せたいですが、全くわかりません。 後このHTMLだとレビュー数順の1,2,3の内、1でしか表示できないです。これをランダムで時間が立つごとに変わるように出来れば理想的ですが、せめて自分でレビュー順の3を表示させるという風に指定出来ればいいのですが、ほんと調べてもなかなか解決しないのでお力をお借りしたいです・・・ 宜しくお願いします。

  • ホームページ制作 ヘルプ

    自分はホームページ造り、初心者なのですけど、わからない事があるので質問します。 最初に、自分はFC2でホームページを作っています。 画像などのHTMLをある部分に貼り付けたら、その横に文字が打てません。画像の横に文字が書けないのです。つまり画像を貼り付けたら、その部分の横一列に、カーソール(?)がいかないのです。どうすれば画像の横にも文字が打てるのですか?逆に文字を打ったその横にも画像は貼れないです。  画像と文字が一番近い位置でも 画像   文字     という風になります。 画像 文字 という風にしたいです。 回答お願いします。

    • ベストアンサー
    • HTML
  • HTMLについてです!助けてください!

    今、HTML/Dreamweaverでウェブサイトを作っているのですが、分からないことがあって困っています。 画像の上に文字を重ねたいのですが、重ねたい位置にDreamweaverで置くと、左側に大きくずれてしまいます。 <div style="position: relative;"> <img src="○○○.jpg" width="○○○" height="○○○"> <div style="position:absolute; top:○○px; left:○○px; width: ○○px;"> ここに文章を入れます </div></div> このコードを使っているのですが、上記の通り、左にずれてしまいます。 説明が下手で申し訳ないのですが、下の写真を見てくだされば分かると思います。

  • HTMLでCSSを使わずに文字を回り込ませる方法

    題名通りなのですが HTMLにおいて画像の横に文章を書きたい場合は CSSを使って文字を回り込ませます。 しかしCSSを使わずにHTML上だけでこれをできるようなのですが 探し方が悪いせいか方法がわかりませんでした。 なのでCSSを使わないで 画像の横に文字を回し込ませる方法を教えてください。 ※画像は理想とするイメージです

  • HTMLで、横幅を小さくしても文字が崩れない方法

    自分はHTMLでWebページを作成しているのですが、HTMLでページを作成したら、ウインドウの横幅を小さくすると文字もその横幅に合わせます。 普通の文章ならその方が良いとは思うのですが、見出しなどの場合は文字が崩れてしまいます。 例えば、見出しを適当に「あいうえおかきくけこ」とした場合は、 あいうえおかき くけこ という風に、横幅を小さくすると一行に収まらなくなってしまいます。 そこで、横幅が見出しより短くなったら横スクロールバーを表示させて、横スクロール出来るようにしたいのですが、どうすればそのような事が実現できるのでしょうか?

    • ベストアンサー
    • HTML
  • HTMLエディターで文章位置(gooブログ)

    HTMLエディターで画像の横に文章を書こうとすると右下からになってしまいます。 右上から書くにはどうしたらいいですか。 ■■■■この位置から書きたい。 ■画像■ ■■■■ここからになってしまいます。

  • HTMLのテーブルデータの一部を固定しかつ一部をフレキシブルにしたいの

    HTMLのテーブルデータの一部を固定しかつ一部をフレキシブルにしたいのですがどのようにしたらいいでしょうか? 画像のようにやりたいのですが・・・ 一番左端は10pxで固定します。 Xのテーブルデータはいれる文字列の長さによってフレキシブルにします。 Yは画像を入れるのですがXの文字列とすぐ隣合うようにしたいのです。 その横の140pxと20pxのデータは完全に固定として上から下の行までまっすぐに通したいのです どのようにしたらいいでしょうか?

    • ベストアンサー
    • HTML
  • Exce VBA ListViewの文字位置

    ExcelのUserForm内のListViewで文字位置を設定しようと思いますが、ヘッダー行とデータ行で位置が連動しているようです。 ヘッダー行はすべてセンター、データ行は文字は左、数値は右という風にはできないのでしょうか? よろしくお願いいたします。

  • ブログのHTMLリンクの貼り付け方

    基礎知識なんでしょうがブログ,アフェリエイト初心者のためどうしても解りません・・・どなたかアドバイスお願い致します。 gooブログでアフェリエイトのHTMLのリンクを記事に貼りたいのですがHTMLに変換されません。 TEXTエディター,HTMLエディターから作成しても変換されません・・・。 また,テンプレートにHTMLのリンクを貼ろうと,ブログパーツの変換を試みても 「許可されていない値です」となってしまいます。 テンプレートはブログアドバンスのシンプルテンプレートを使用しています。 それと,画像を記事にアップロードすると,画像が一行分で掲載されるため 横に文章を入れると一行しか入らないのですが,無駄な空間を入れたくないので数行入れたいのですが 何か方法はあるのでしょうか? もう頭がちんぷんかんぷんで困っています!皆さまよろしくお願い致します。

専門家に質問してみよう