• 締切済み

タグ 位置指定

HPの位置指定タグについてです(・_;)   文字や画像いろいろなものを位置指定できるタグを探しています。 それも、<center><left><right>などといった 単純な位置指定ではなく、 数字で細かく指定できるタグです(@_@;) 私の力では 探しきれませんでした…;;; どなたか 知っている方がいましたら 教えてください(>_<) お願いします。

  • HTML
  • 回答数3
  • ありがとう数3

みんなの回答

  • salonpath
  • ベストアンサー率48% (194/399)
回答No.3

cssのpositionを使います 簡単に使うには、まず親要素にposition:relative;をつけて基準点にし、 移動させたい子要素にposition:absolute;を使ってtop:●●px、left:▲▲pxで位置を決めます。 これでわからなかったら#1さんの張ってくれたurlのpositionの項目に目を通してみてください。

mi_kkun
質問者

お礼

ありがとうございます。

  • kyotokyo
  • ベストアンサー率35% (27/77)
回答No.2

通常、細かいレイアウトをする場合 CSS(cascading style sheet)を使います。 HTMLとCSSを使いながら、目当ての表現を追及していくわけです。 CSSを勉強しないと 凝ったレイアウトは出来ないのでぜひ勉強なさってください 検索ワードで「Css」「入門」等のタグでたくさんサイトが出てきますよ。 今回の件でいえば、 <タグ style="margin:○px △px □px ×px">というタグを追加すれば とりあえず問題は解決すると思います。 ○が上の空白、△が右の空白、□が下の空白、×が右側の空白となります。

mi_kkun
質問者

お礼

ありがとうございます。

noname#102089
noname#102089
回答No.1

スタイルシートを勉強してください。 例えば↓こんなページで。 http://www.htmq.com/style/index.shtml

mi_kkun
質問者

お礼

ありがとうございます。 みてみます。

関連するQ&A

  • 文字の位置を変えるタグ

    <center><left><light> などで文字の位置を変えられるタグは知っているのですが、 中途半端な位置に文字を配置したいんです。 ↑のタグ以外で、文字の位置を変えるタグがあれば、教えていただけないでしょうか??

  • 文字・画像の位置の指定

    こんばんは。HPを作成しようと頑張っている者です。 文字や画像を「center」などの決められた位置じゃなく、好きな位置に指定し、さらに動かないように固定したいのですが、CSSでのタグがいまいち分からなくて困っています。どなたか教えてください!初心者のため、詳しく教えてくださると嬉しいです。

  • テーブルの位置を細かく指定したい。

    現在、テーブルを組み合わせたサイトを作っていまして そのテーブルの位置に悩んでおります。 背景固定で一つ大きめのイラストを置いていまして そこに合わせてテーブルの位置を細かく調整したいのです。 center、left、rightの偏った3種類の位置じゃなく 左から200ピクセル程度の位置にテーブルを置きたいのです。 この様なタグはありませんか? これはCSSなどて指定するしかないのでしようか?

    • ベストアンサー
    • HTML
  • 文字位置指定のタグを教えて下さい

    HPで、画像を貼り付けて その右下くらいに文字をいれたいのですが 右寄りのタグでは行き過ぎてしまうし 全角スペースでその位置を調整していたのですが、左側にフレームをいれると、例えばブラウザにお気に入りを表示していた場合に文字位置がずれてしまいます (こんな説明でわかっていただけるか心配ですが) つまり、画面の大きさで文字の位置が変わってしまうんです そこで、文字位置を好きな位置で固定できるタグとかありませんか? よろしくお願い致します

  • 画像を最下段や右端等の位置に%指定で表示したい

    ページのサイズが変わっても何時も同じ比率の位置に表示したいので%で位置指定をすれば良いのかと思い<DIV STYLE="position:absolute; top:100%;"> とすると画像の上側が最下段になり画像が見えません。left:100%の場合も同じですが、100%にすると画像の最下段がヘージの最下段や右画像の右端がページの右端にきたり、50%,50%にすれば画像のセンターがページのセンターに来たりページの任意の位置に%指定で表示出来るようなタグの書き方は無いのでしょうか。お教えください。

    • ベストアンサー
    • CSS
  • 新しいウィンドウを、好みのサイズで、位置を指定して開く方法

    初心者ですが、どうぞ宜しくお願いします。 新しいウィンドウを、好みのサイズで開くには <a href="javascript:void(0);" onClick="window.open('ファイル名.html', 'newwin', 'width=横サイズ,height=縦サイズ,location=1')">任意の文字</a> となるみたいですが これに、位置を指定したいのです。 その場合、位置を指定するだけなら <a href="javascript:void(0);" onClick="window.open('ファイル名.html', 'newwin', 'left=画面左端からの位置,top=画面上端からの位置'')">任意の文字</a> となるようですが、好みのサイズで、位置を指定するには、どうしたらいいでしょうか? 自分で、タグを色々組み合わせてみたりしたのですが、エラーが出てしまい、無理でした。 それから、もう一つお願いいたします。 小さな画像があるのですが、それをマウスでポイントすると、画像にアクションが付くよう(画像が少し動くような感じ)にしたいのです。あるホームページで、そのようなアクションを見たので参考にしようと思い、タグを見てみたのですが、それらしきタグを見つける事ができませんでした。自分で、色々な言葉を組み合わせて検索もかけてみたのですが、組み合わせが悪いのか、見つかりませんでした。どなたか、お力を貸してください。 どうぞ、宜しくお願いいたします。

  • 写真等を指定の位置に置きたい

    HPをテーブルで作っていて、<center>で常に中心にテーブルが来るようにしています。 <div>で作った枠に文章やイメージ画像を入れて、テーブル(HPのフォーマットのように使っています)上の決まった位置に表示したいと思っていますが、<div>で載せてる画像がposition absolute top....と数値指定のようで、常に違う位置に表示されるテーブル位置と合いません。 テーブル位置は<center>で表示したいので、それにあわせて画像を載せられる方法を教えてください。

  • hタグの右横に画像を表示

    hタグ(今回は<h3>タグ)の右横に、「new」の画像を表示したいと思っています。 <h3>タグは1ページの中に複数出てきて、それぞれ文字数も異なります。 全てに「new」がつく訳ではなく、任意のものだけに表示です。 css の background image で試してみたのですが 当然のことながら、left か right かの指定なので、どちらかに極端に寄ってしまいます。 right 指定で%で指定していけば、なんとなくバランスよくはできますが あくまでなんとなくであって、 更にタイトルの文字数によって変わってきてしまうので 個別にcssを指定していかなければなりません。 (そういうものなのでしょうか。) ※例えば「new」画像が左置きなら、 background image を使って、hタグの css に padding-left:100px; などとすれば済みますよね(画像の分だけpaddingで空きを作る)。 でも右側に画像を置くとなると、こんなにも面倒なものなのでしょうか。 hタグのタイトルから右横に(例えば)20px空きをつくり画像を配置、 ということが簡単には出来ないものでしょうか。 それとも <h3>テキストテキストテキスト<img src="********"></h3> なんてことをしてもいいものでしょうか。 宜しくお願いします。

    • ベストアンサー
    • CSS
  • ブラウザの大きさによって背景画像の位置が違う

    ブラウザの大きさによって、背景画像の位置(横位置)が変わってしまうのですが、どうしたらブラウザの大きさに依存せずに背景画像を一定の位置に置くことができるのでしょうか?? 背景画像はcssのbackground-positionで横位置のみ%を使って指定しました。 left center rightなどで指定すると、ブラウザ関係なく、固定の位置で表示してくれるのですが、今回はレイアウト的に%を使って微妙な位置に表示させたいのです。 この説明では分かりづらいかもしれませんが、 %を使わなくても微妙な位置に設定でき、ブラウザの大きさに依存しない方法などありましたら、アドバイスをお願いいたします!!

  • WORDに枠や位置指定

    枠や位置指定のある用紙に文字などを印字する方法として、WORDに枠や位置指定のある用紙をスキャンして貼り付け、文章や数字を記入してスキャンした画像を除去し印刷する方法があると聞きましたが具体的にはどのようにすればよいにでしょうか。

専門家に質問してみよう