• ベストアンサー

3つの文字「左端」、「中央」、「右端」を

同一行にそれぞれ左端、ど真ん中、右端に任意画面サイズ(640×480,1024×768等)で配置するにはどうしたらいいのでしょうか?

  • keyguy
  • お礼率68% (895/1314)
  • HTML
  • 回答数6
  • ありがとう数6

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

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.3

<div style="text-align:left;float:left;width:33%">左端</div> <div style="text-align:center;float:left;width:34%">中央</div> <div style="text-align:right;float:right;width:33%">右端</div> とかで一応それらしくなると思います

keyguy
質問者

お礼

ありがとうございます やってみましたが大きさが大きくなったりしますね 真ん中に配置しているのはgifなので 他に他にがあるのかもしれません

その他の回答 (5)

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.6

見ててちょっと気になったのですが・・・ tdに幅指定をしても上手くいかないんですか? <table width="100%"> <td align="left" width="33%"> <div><a href="http://www.com/"> ボックス</a></div> </td> <td align="center" width="33%"> <a href="link/index.html"> <img src="link.gif" alt="リンク"/> </a> </td> <td align="right" width="33%"> <a href="mailto:www@goo.com"> <img src="mail.gif" alt="メール"/> </a> </td> </table>

keyguy
質問者

お礼

ありがとうございます 33%をいろいろ触ればうまくいきそうですが試行錯誤的になってしまい画像の大きさが変わるとずれるのです 画像を差し替えたときに位置が変わるので何もしないでセンタで妥協しようかと思ってます

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.5

>真ん中に配置しているのはgifなので 3つの文字じゃなかったんだ? 1つのdivを真ん中で その下に2つのdivを#3のように並べて、 最初のdivをposition:relativeで下に適当な距離下げるとかもできそうですが、実際どれくらい下げればいいかは画像によるのでアイデアだけ。

keyguy
質問者

お礼

ありがとうございます いずれにしてもトリミング作業を伴うのですね オーソドックスにできないのは残念です

回答No.4

#2 です。 > 「3つの文字」の相互関係がよくわからない: > 単純な話なのでそのまま受け取ってもらえれば幸いです いや、つまり > 真ん中の位置決めは真ん中の文字数が変わってもいけるようにしたいのですができますか? という具体的な要望を聞きたかったのです。 とは言え、真ん中の文字数が変わった時に、左右に配した文字群とのレイアウト関係はどうしたいのか、ってことです。 3列のテーブルを使う方法にしろ、#3 さんのように div を使う方法にしろ、画面(ウィンドウ)の大きさが変わっても、中央の文字数が変わっても、中央のレイアウトの幅が固定されていてほしいのか・・・ 左右列の width は %で指定し、中央列の width は固定の実数で指定するっていう方法もあります。 まぁ色々と試してみてください。

keyguy
質問者

お礼

ありがとうございます 実は真ん中がGifなのですが真ん中が後ろよりになってしまいます <table width="100%"> <td align="left"> <a href="http://www.com/"> <div>ボックス</div></a> </td> <td align="center"> <a href="link/index.html"> <img src="link.gif" alt="リンク"/> </a> </td> <td align="right"> <a href="mailto:www@goo.com"> <img src="mail.gif" alt="メール"/> </a> </td> </table>

回答No.2

漠然と文字とだけ言われるので、オーソドックスな方法を。 幅100%のテーブルを作成して列を3つにする。 左側の列を左寄せ、真ん中の列を中央寄せ、右側の列を右寄せに設定すれば? でもウィンドウをユーザーが小さくした場合や、表示する文字が多くなった場合に、3グループの文字たちはどういう挙動でレイアウトされたら良いのでしょうか? てか、「3つの文字」の相互関係がよくわからない・・・ まぁ作って試してみたらいいさ。

keyguy
質問者

お礼

ありがとうございます 「3つの文字」の相互関係がよくわからない: 単純な話なのでそのまま受け取ってもらえれば幸いです

  • ryo-_-3
  • ベストアンサー率14% (2/14)
回答No.1

一番手っ取り早いのはテーブルタグを使用すると良いと思います。

keyguy
質問者

お礼

ありがとうございます テーブルの幅を画面いっぱいにするにはどうすればいいのでしょうか? 真ん中の位置決めは真ん中の文字数が変わってもいけるようにしたいのですができますか?

関連するQ&A

  • box の左端と右端に書いた文字の下端を揃えるにはどうすれば

    box の左端と右端に書いた文字の下端を揃えるにはどうすれば よいでしょうか。 <div style="width:200px;"> <span style="float:left;font-size:80%;">左端</span> <span style="float:right;font-size:150%;">右端</span> </div> float を指定しなければ下端は揃っているのですが、 float をつけると下端ではなく上端が揃います。

    • ベストアンサー
    • CSS
  • 上端、下端、右端、左端

    ある矩形領域を用意して、その上端、下端、右端、左端に それぞれ隠しボタンを配置しています。ボタンは上端の場合は 左端から右端まで伸びたものです。右端の場合は、上から下に 伸びています。 右上、右下、左上、左下の場合、これらをまとめて4 cornersと 言えそうですが、 上記の4つをまとめて英語ではどのように 言えるのでしょうか? 4 ??? of the rectangle(region)

  • ツールバー上,右端でなく左端に置きたい

    画面最下部の横帯(ツールバー?)に,「Quick Launch」を作り,中に多くのソフトを入れてあります。 帯の右端近くでなく,左端に置きたいのですが,引っぱると中身が帯上に展開されてしまい,仕舞った意味がありません。 たたんだまま左端に置く方法があれば,教えてください。 Win. 7に代えたPC,できるだけ慣れたXPのように使いたいのですが・・・。

  • タクシーや新幹線の中にある、文字が右はじに現れて左はじまで動きながら表示される電光掲示板の名前は何ですか

    わかりにくい表現ですみません。 タクシーや新幹線などの中にある縦一行分しかない横長の電光掲示板で、文字が右はじから現われて左に移動しながら表示されて最後に左はじに消えていく、というものがあると思うのですが、その名前(またはそのようなものの形容)は何と言えば良いのでしょうか。 日本語の名前・表現だけでなく、英語も合わせて教えていただけるととても助かります。よろしくお願いします。

  • ワードでの下記の操作について

    ワードで、一行に二つの単語を入力し、一つ目の単語を左端に、二つ目の単語を右端に配置したいのですが、一発でできる良い方法はないでしょうか。(スペースキーで空白を入れる以外で)教えてください。

  • ホームページの壁紙に使う画像の右端を、パソコン画面の右端に固定したい。

    趣味でホームページを作っているので、ホームページビルダーを使っています。画像の右端何cm かに柄の入った壁紙を使いたいのですが、左端に固定されてしまうと、見る人のパソコンの画面の大きさにより、右端になってくれず、見た目に明らかにおかしいので、それを右端に固定できれば、左を伸ばしておけば、とか考えているのですが、何かいい方法はないでしょうか?(その方法自体が間違ってるような気もしますが…)スタイルシートで、壁紙の右寄せとかいうのをやってみたのですが、まったく、うまくいきませんでした。よろしくお願いいたします。

  • 3段組みを中央に配置したい

    3段組の配置で行き詰っております。 お解かりの方がいらっしゃいましたら、お手数でもご回答をお願い申し上げます。 XHTMLで3段組のHPを作成したいのですが、どうしても、リキッド表示になり困っております。 目標は、750pxで中央に配置したいのです。 3段組みの構成は、 左側に「navigation」 真ん中に「photo」 右側に「contents」 「photo」と「contents」をcontainerとしてfloat: right;を使用しておりますが、うまくいきません。 containerが画面のサイズに合わせて右端を基点に動きます。 YAHOOのサイトのように常に中央に配置したいのですが、どうしたら良いでしょうか。 ちなみに、ヘッダーとフッターについては body { text-align:center; } で中央に配置されております。 重ねてお願い申し上げます。

  • 画面中央に配置したい(ビルダー8)

    現在ノートPC(17インチ)で画面は 解像度1,400×1,050、デスクトップ背景データ は、1,600×1,200のもので観ています。 ビルダーで「どこでも配置モード」でページ を創り「サイズ未設定」で全て真ん中に配置します。 「プレビュー」で観ると真ん中なんですが アップすると確かに真ん中ですが、「お気に入り」 のバーを出すとやや右に寄ってしまいます。 これはサイズを変えても同じです。 商業用というか普通のHPは「お気に入り」を出しても 連動して右による事はないのですが、私の やつは寄ってしまいます。何か設定方法が あるのでしょうか。もしかして「どこでも配置 モード」では出来ないのでしょうか。 よろしくお願いします。

  • 背景色と画像を同時にのせる

    背景画像を壁紙にし、その画像の上に文字を書きたいのですが、 画像と文字が入り混じって文字が見にくくなってしまいます。 そこで、画像は左右の端だけ残して(左右端合計で画像の幅が画面の40%くらいになるように)、 真ん中の60%くらいに、画像を張る前の白い状態にしたいと思うのですが、HTMLのタグがわかりませんorz タグを教えてほしいです。 よろしくお願いします。 ---------------------------- (画像左端{20%}) (何もない白い背景{60%}) (画像右端{20%}) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) (画像左端) (何もない白い背景) (画像右端) ↑こんな感じです

  • 原稿の任意改行から任意改行までの間の文字列の名称は?

    原稿を作成していると、長い行(任意の改行で文が開始する位置から次の任意の改行で文が終了する位置までが長い文)を書く必要があるときがあります。 (なお、この場合の任意改行とはキーボードの「Enter」キーを押して行う改行又はキーボードの「Shift」キー+「Enter」キーを押して行う強制改行です。) 通常の場合エディタでは、一つの行が編集エリアよりも長い場合、画面の右端で文字を自動的に折り返し複数の行として表示します。例えば、以下のような場合です。 例: あいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいう 上記のような場合、任意の改行で文が開始する位置(「あ」の位置)から次の任意の改行で文が終了する位置(「う」の位置)までの間の名称は、何と言うのでしょうか? MS Wordではキーボードの「Enter」キーを押して行う改行で区切られた区間は、「段落」(一段落)として扱われますが、これは特殊だと思います。また、これは「Shift」キー+「Enter」キーを押して行う強制改行により区切られた区間の名称には、対応していません。 見た目には複数行にまたがっていても「あ」の位置から「う」の位置までを「行」(一行)というべきなのでしょうか?しかし、コンピューターにうとい方には、「行」(一行)といっても画面右端の自動改行により見た目は複数行になっているので、「行」(一行)というと「あ」の位置から最初の画面右端の自動改行の位置(画面右端の一段目の「い」の位置)までと勘違いされる場合があります。 一つの行が編集エリアよりも長く、画面の右端で文字を自動的に折り返し複数の行として表示している部分に関して何か良い名称などありますでしょうか? 正式には、やはり「行」(一行)ですか? よろしくお願いします。

専門家に質問してみよう