• ベストアンサー

並列配置

左側に文字、右側に画像を並列で配置したいのですが、 どんなタグを使えば良いのでしょうか? 画像に<align=right>で書いてみましたが、 firefoxでは右側に配置されるのに、 IEでは文字の上部、中央に配置されてしまいました。 文字の部分では<ul>を使っています。 初心者の質問で申し訳ありませんが、お願いします。

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

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

  • ベストアンサー
  • kura07
  • ベストアンサー率50% (30/59)
回答No.1

画像のタグに style="float:right" を追加する。 タグは多すぎて、詳しい人でも全て覚えるのは大変です。 タグをまとめたサイトをお気に入りにしておくといいと思います。

参考URL:
http://www.tagindex.com/stylesheet/img/float.html
minimum33
質問者

お礼

ありがとうございます。 やってみます。 サイトも参考にしてみます!

関連するQ&A

  • firefoxにおいてページ全体の配置

    Firefoxでページ全体の表示を中央に配置するにはcssでどうすればいいんでしょうか? もちろん、IEでは中央なのに・・・。 body { text-align: center; margin-right: 0px; margin-left: 0px; } では間違いでしょうか??

    • ベストアンサー
    • HTML
  • 画像を縦横の真ん中に配置

    HP作成初心者です。 この度、HPのトップページを作成していましてリンク付き画像を画面の 真ん中にもっていきたいのですが、下記タグでは、真ん中は真ん中なんですが 上部のマージンがゼロの状態になってしまいます。 ●<div align="center"> <a href="LINK先URL"> <img src="中央に配置したい画像" width="300" height="400" alt="500"border=0> 上、下、右、左の中央にくるHTMLをどなたか教えてほしいです。

    • ベストアンサー
    • HTML
  • CSSで画像を中央配置(センタリング)する方法について伺います。

    CSSで画像を中央配置(センタリング)する方法について伺います。 ※ボックスのセンタリングではなくて、ボックス内の画像のセンタリングです。 単純に text-align:center; で中央配置されましたが、テキストが入っていないボックスでも、このタグで文法的には問題ないのでしょうか? header内にphoto.gif画像が入っている場合。 CSS #header{text-align:center;} HTML <div id="header"> こんな単純で良いのでしょうか? 初心者なので、とんちんかんな質問だったら申し訳ありません。

    • ベストアンサー
    • HTML
  • 3段組みを中央に配置したい

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

  • cssでテーブルを中央配置にするには?

    よろしくお願いします。 テーブルを中央配置にしたいのですが、 <center>、<div align="center">は、W3Cの非推奨タグであるため、代替方法として、<div style="text-align:center">を使用してみたのですが、うまくいきません。 <body> <div style="text-align:center"> <table> <tr> <td>あいうえお</td> </tr> </table> </div> </body> としたとき、WinXP IE6.xではテーブルが中央に配置されるのですが、WinXP Netscape 7.x では中央に配置されませんでした。どなたか解決策をご存知でしたらご教授願います。よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSのfloatについて

    ホームページを作成していて、CSSが効かなくて困っています。 2カラムで左側にメニュー 右側にメインのコンテンツを作成しております。 メインのコンテンツは floatでrightに設定していて その中にさらに 2つの内容を入れようと (メインコンテンツ内に左側に画像で右側に画像の詳細をいれたい) floatタグでleftとrightに設定したのですが CSSが効かなくて 左側に画像が配置され その下に画像の詳細文が配置されてしまい 全部左側に配置されてしまいました。 色々と試したみたのですが やっぱりCSSが効きませんでした。 すいません誰かお分かりになられましたら 教えてください。宜しくお願い致します。

  • 中央寄せに対するabsolute配置

    中央寄せされたページの右上あたりに画像を配置したいのですが、 重要でないものなのでHTMLの下のほうに書いています。 普通に position:absolute; で持ち上げると、画面左上が基準であるためモニターサイズによって中央寄せ部分との位置関係が狂ってしまいますよね? かといってmarginにマイナスを指定したくありません。 そこで、画像の入った要素を最上部(top:0px)の中央(left:50%)に絶対配置し、そこからimgを絶対配置でleft:100pxのように右に動かしてみました。 IEやFirefox、Opera、Chromeなど、思いつくブラウザで見たところ問題ないのですが、Dreamweaver CS4のライブビューで見るとずれています。 たしかWebkitがエンジンだったと思うのですが、もっと賢いやり方はありませんか?

    • ベストアンサー
    • HTML
  • ワードの文字の配置のしかたについて

    ワードで、左側に写真を貼り付けて、右側に文字を入れたり、右側に貼り付けて、左側に文字を貼り付けたり、文字と写真の配置はどのように設定すればいいのでしょうか??

  • 画像の横に文字をうまく配置できない

    htmlで、画像の横に文字を配置したいのですが、下記の文章を入力しても、一行目の「タイ王国の伝統灰皿 \1,500」が画像の右下に配置され、「商品番号:a111」は画像の下に配置されてしまいます。ちなみにalign="right"と設定しても、なぜか上記(align="left")と全く同じ配置になってしまいました。何か根本的に間違っているのでしょうか?ドリームウィーバーのデザインビュー上では思い通りのデザインになっているのですが・・・ ちなみにIEのバージョンは8です。どなたかアドバイスをお願いします。 <div id="contents"> <img src="img/商品(仮).JPG" width="300 height="300"align="left"/> タイ王国の伝統灰皿 \1,500<br> 商品番号:a111<br clear="left"> </div>

    • ベストアンサー
    • HTML
  • 画像の高さを指定するタグについて

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

    • ベストアンサー
    • HTML

専門家に質問してみよう