画像の位置を指定するCSS

このQ&Aのポイント
  • 画像の位置を指定するためのCSSのタグを忘れてしまいました。
  • ポイント画像を<img src='~.gif' alt='' />のタグで置いた際に、文字の上にずれて表示されてしまいます。
  • 簡単に文字の中央に表示するためのCSSの記述を教えてください。
回答を見る
  • ベストアンサー

画像の位置を指定するCSS

画像の位置を指定するCSS 文字の前にポイント画像を<img src="~.gif" alt="" />のタグで置きたいんですが、ずれて文字の上のほうに表示されてしまいます。 すごく簡単に文字の中央に表示されるように指定できるCSSのタグがありますがどんな記述だったか忘れました。 検索しても出てこないので困ってます。 どなたか教えてください。 ちなみに background: url(hogehoge.gif) no-repeat 10px 0.5em;list-style: none;} これではないです。 もっと簡単でtext-alignのようなかんじの記述です。でもtext-alignではないです。 middleみたいな記述があった記憶があるのですが確かかどうか自信ないです。

noname#112490
noname#112490
  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
回答No.1

http://msdn.microsoft.com/en-us/library/aa358817(VS.85).aspx 上記にあるかと思います。

noname#112490
質問者

お礼

ありました。 ありがとうございます。

関連するQ&A

  • 画像の高さを指定するタグについて

    (画像)ああああああああああああああ ああああああああああああ 上のように文章の頭に小さな画像を貼りたいのですが <img src="http://xxxx.gif" align="middle" ・・・ と、「align=center」または「align=middle」とすると、IEでは文字の真ん中にきても、Firefoxだと下に来てしまいます。 Firefoxでも真ん中に表示させたいのですが、cssでなく、htmlタグでこれを解消する方法はありますでしょうか。

    • ベストアンサー
    • HTML
  • CSSで文字指定:あるセレクタで指定した値を他のセレクタへ継承させることは出来ますか?

    文字サイズをCSSで指定する方法についての質問です。 同一の文字サイズ指定でも、OS・ブラウザ間で表示にギャップがあります。 そのギャップを調整するために、JavaScriptを使用して OS・ブラウザごとにそれぞれ異なった外部CSSファイルを読み込むようにしています。 macintosh.css windows.css windowsIE.css ...このような振り分けCSSファイルでそれぞれ文字サイズ指定をしています。 CSSファイルの中身は、 macintosh.css .small { font-size: 10px; } /* 小さめ */ .middle { font-size: 12px; } /* 中くらい */ .large { font-size: 14px; } /* 大きめ */ windowsIE.css .small { font-size: 0.8em; } /* 小さめ */ .middle { font-size: 0.9em; } /* 中くらい */ .large { font-size: 1em; } /* 大きめ */ ...といった具合です。 このやり方では、h2の文字サイズを全て中くらいの大きさに指定したい場合、 全てのh2タグに <h2 class="middle"> と記述することになってしまいます。 これは煩雑なので一括指定したいと考えます。 すぐ思いつく方法は、振り分けCSSファイルにh2の文字指定も含めることです。 macintosh.css h2 { font-size: 12px; } windowsIE.css h2 { font-size: 0.9em; }  ...のようなことです。 そうではなく、h2に .middle(=中くらい)で指定した文字サイズをそのまま受け継がせる方法はないでしょうか? h2 { class="middle" } 変な書き方ですが、意図を汲み取っていただけるでしょうか。 このように指定出来れば、かなり省力化出来るように思います。方法があればぜひお教え下さい。

    • ベストアンサー
    • HTML
  • DIVボックス内でのCSSを使用した縦位置指定方法

    CSSにてheight、weightを指定したDIVタグの中にテキストを記述し、縦位置の中央揃えを行いたいのですが、方法がわかりません。 "vertical-align:middle;"などを指定しましたが、適用されませんでした。 スタイルに関することは全てCSSで行いたいので、TABLEタグなどでvalignを指定する方法は取りたくありません。 何かいい方法をご存知の方がいらっしゃいましたら、ご回答をよろしくお願いいたします。

  • 外部CSSで画像にリンクを貼りたい

    まだCSS初心者ですので宜しくお願いします。 外部CSSに位置指定した「画像」にリンクを貼りたいのですが いろいろ調べてもその方法がわかりません。 以下のタグにどのようにリンクの指定をすればよいでしょうか? div#index{ margin-top:5px; background:url(../img/oribox.gif) no-repeat right bottom; } また、HTMLにはどのように記述したらよいかも宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • オンマウスで画像変更(CSS)

    リンク画像にカーソルを乗せると画像が変わる、というものをやりたいのです。 シンプルに記述できる分JavaScriptよりもCSSの方がいいのかなと思ったのですが、 CSSだとimgタグではなくbackgroundを入れ替える形になり、 そうするとaタグでテキストを使い、そのテキストを隠さなければいけません。 display:none;やtext-indent:-9999px;は使いたくないのですが、 他の方法はありますか? また、こういうオンマウスで画像変更ってJavaScriptとCSSどちらが主流なのでしょうか? よろしくお願いします。

    • 締切済み
    • CSS
  • リストの行頭に画像を使う方法について

    こんにちは。nekotoraと申します。 CSSを使用して、リストの行頭に画像を表示させる方法を2つ試しました。 以下、スタイルシートの部分です。 ul.kajo {list-style-image:url(images/list04.gif); vertical-align:middle;} li.ban {list-style-type:none; padding-left:22px; background-image: url(images/list04.gif); background-repeat: no-repeat;} 前者の結果は、画像と文字の距離を変更することが できないようです。 後者の結果は、画像と文字の距離を変更できますが、 左側にマージンを設定したように引っ込んでしまい ます。 前者のように表示して、画像と文字の距離を変更 することは可能でしょうか? どうぞよろしくお願い申し上げます。

  • CSSでセル内の文章の縦位置をTOPにしたい

    テーブルを作成しました。セルの数は随時増やしていく予定にしてます。 デフォルトではmiddleになっている縦方向の位置をCSSを使って一括でTOPに設定しておきたいのですが…タグに<tr valign="top">と設定すればよいのですが、行数が増える一方になるので、できるだけ内容をスッキリさせたいところです。CSSで設定できればいいなと思います。横位置はtr{text-align:center}で指定できるようですがtr{text-valign:middle}とやっても変化がなかったので(強引)… よい方法がありましたら教えて下さい。宜しくお願い致します。

    • ベストアンサー
    • HTML
  • CSSでの2つの背景画像指定

    現在、Wordpressでサイトを運営しています。 既に背景画像を以下の感じで指定しています background:#f0f0f0 url(images/背景画像) repeat; そこで、この背景画像を残した状態で、新たに左側に20px幅程度の画像を 上から下までfixedで付け足したいと考えております。 ところが、現在の背景画像を残したままでどうしても画像の追加が出来ません。 たとえば、上記CSSタグに追加で background: url(images/追加画像) repeat-y fixed left top; を記述しますと、最初の画像が消えてしまいます。 両方の画像を有効にするには、どのような記述にすればよいのか アドバイスを宜しくお願い致します。

    • ベストアンサー
    • CSS
  • 位置固定画像にリンクを.......

    <style type="text/css"> <!-- body{background:fixed url(mx.gif) #001100 no-repeat right bottom} --> </style> この画像(mx.gif)にリンクを貼ることは可能なのでしょうか? 座標で指定する方法は判るのですが。 ご教授のほど宜しくお願いいたしますm(_ _)m

    • 締切済み
    • CSS
  • CSSでの画像指定について。

    CSSでの画像指定について。 ファイルパスの指定について教えてください。 フォルダ1の中に「sample.html」、「sample.css」、「img」フォルダが入っており、 「img」フォルダの中に、「nature_01.gif」が入っています(下図)。 -------------------------------------------------------------------------- フォルダ1 L sample.html L sample.css L img(フォルダ)  img(フォルダ)  L nature_01.gif   ---------------------------------------------------------------------------- このファイル構成だと、sample.css の中で 『background-image:url(/img/nature_01.gif)』のようにパスを指定すれば良い と理解していたのですが、背景に画像が表示されませんでした。 その後、下記のように修正すると、画像が表示されるようになりました。 firefox3.5 →修正後は画像が表示される。 Internet explore 8 →修正前、修正後ともに表示されない。 ----------------------------------------------------------------------- 【修正前】 #contents{ width:750px; background-image:url(/img/nature_01.gif); 【修正後】 #contents{ width:750px; background-image:url(../img/nature_01.gif); ------------------------------------------------------------------------ OS・・・windows xp なぜ、こうなるのか、わかるかたがいましたら教えてください。 よろしくお願いします。

専門家に質問してみよう