• ベストアンサー

画像の位置

お世話になります。 ホームページ上に画像を載せるとき、左にちょっと間隔を開けて載せたいのですが、どうすればいいでしょうか。 align=""がleft,center,rightしか分かりません。 よろしくお願いします。

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

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

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

Wizard_Zeroと申します。 IMGタグにスタイルシートでマージンをつけてあげればできます。 <IMG SRC="**" STYLE="margin-left : 12px"> 上記例だと12ピクセル分、左にスペースができます。 スタイルシートについて知らなければ、ネットで検索かけてください。

snufkin0614
質問者

お礼

回答ありがとうございました。 助かりました!

その他の回答 (1)

  • nitto3
  • ベストアンサー率21% (2656/12205)
回答No.2

<table>で <td width=30></td> <td><img src=yy.jpg></td> として空白を作ってもいいです。

関連するQ&A

  • 画像の位置

    gooブログを利用しています。 <img src="画像のURL"align="left"> <img src="画像のURL"align="right">で 画像を右端にしたり、左端にしたり 写真満載のブログを作っているのですが 写真を斜めにしたり、真ん中にしたりすることも できるのでしょうか? あまり専門的な用語がわからないのですが どうぞよろしくおねがいします。

  • 画像の位置がずれてしまいます

    画像を入れて、align=rightと入れても文字サイズを変えたり、左の(検索とかの)フレームを消してプラウザを広くしたりするとページデザインがばらばらになってしまい、画像位置がずれてしまいます。 画像及び文章を固定してしまう方法をぜひ教えてください

    • ベストアンサー
    • HTML
  • 画像を少しだけ左に寄せる方法教えて下さい

    ホームページをつくっています。 ある画像を <Div Align="right"><img src='画像URL' border=0></Div> <Div Align="right">画像の下に名前</Div> というタグで表示しましたが、どうも右端にピッタリ行き過ぎてしまいます。大体3~4センチ左に移動して表示するにはどうしたら良いでしょうか? ご教示いただけるとありがたいです。

  • 画像と文章の作り方

    HTML文 (1)<Img Src="画像データ" Align="left"> ~~~文章~~~ <BR> (2)<Img Src="画像データ" Align="left"> ~~~文章~~~ といった感じの場合、(1)の所は左に画像、画像の横に 文章が作成されるんですが (2)の部分を作成すると(1)のような感じで 左に画像、画像の横に文章が並ばないのですが どうすれば解決するのか教えていただけないでしょうか? よろしくお願いします。

  • 文字位置の修正方法は

    初めて、ホームページを作るので、出来るだけ詳しくお願いします <center><font size=5>文字</font><center><br><br> <img src="2.jpg" height="300" width="399" align="left" hspace="15"> <font size=4><b> 文書1<br> 文書2<br> 文書3<br> </b></font> <br clear="left"><br><br> 上記のHTMLを書いたのですが、画像の右側の文書がセンターによってしまいます。どのようにしたら、文書1,2、3が左に頭がそろうのですか。 文字数が違う場合は、エクセルのように文字数を同じにするHTMLはありますか。

    • ベストアンサー
    • HTML
  • ホームページの背景画像が途切れてしまう。

    こんにちは。 現在、ホームページを作っているのですが、背景画像で困ってしまって質問しました。 ホームページはhtmlとCSSを使って、ホームページビルダーで作っています。 bodyに背景画像1を設定しています。 ホームページの内容は <div></div>の中にinnerというclassを作って スタイルシートで40px×40pxの背景画像2を「repeat」指定しています。 この背景画像2が、IEでは表示されているのですが、firefoxやchromeだと下のほうで 途切れてしまいます。 それも、ちゃんと表示できてるページと、途切れてしまうページの2種類があります。 原因を自分でも探してみたのですが、見つかりませんでした。 もし、知っている、気付いた方がいらっしゃったら教えていただけませんか?? よろしくお願いします。 ちなみに、下記はスタイルシートに記載しているものです。 --------------------------------------------------------------------- body{ text-align:center; margin-right : auto;margin-left : auto; background-image : url(mokuteki/taiiku/bg_brown.png); background-repeat: repeat; font-size : 90%; padding-top : 0px; padding-bottom : 0px; margin-top : 0px; margin-bottom : 0px; } #wrap{ text-align : center; margin-top : 0px; margin-left : auto; margin-right : auto; margin-bottom : auto; width : 100%; padding-top : 0px; } .inner{ text-align : left; margin-top : 0px; margin-left : auto; margin-right : auto; width : 900px; background-image : url(images/bg_white.png); background-repeat : repeat; } -----------------------------------------------------------------

  • 画像がセンター位置に来ないで必ず左に寄ります。

    ホームページビルダー9を使っています。 最近、画像がセンター位置に来ないで必ず左に寄ります。文字もそうです。 白紙のときに、枠を作って、 その枠をセンターに持ってきます。 それはOKですが、枠の中に文字・画像をセンターにおくようにしているのですが、必ず左に寄ります。 最近、このような現象が起きます。 なぜでしょうか?

  • 背景画像がきれます

    以前お聞きしたのですが、再度問題が出たのでよろしくお願いします。 <style type="text/css"> <!-- body { margin:0px; padding:0px; text-align:center; } #main { margin-left:auto; margin-right:auto; text-align:left; width:650px; } --> <!-- BODY{background-image : url(画像url); background-position:right top;} --> </style> </head> <BODY background="画像url" style="background-repeat:no-repeat"> でhtml書くと希望通り右上に画像が出たのですが、ずいぶん画像を小さくしなければなりません。もう少し大きくすると画像が切れてしまいます。今の状態で(小さい画像)では、実際サイトを見ると小さく画像の部分だけ区切ったような感じに見えます。どうすれば画像が区切ったような感じにならないのでしょうか?上記htmlが間違っているのでしょうか?それともう少し大きくして画像が切れない方法はないのでしょうか?よろしくお願いします。

  • Mac IEのバグなのでしょうか?

    TMEspionです。 <table border="0" cellpadding="5" cellspacing="5"><tr><td width="100" align="left" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td><td width="100" align="center" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td><td width="100" align="right" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td></tr><tr><td align="left" bgcolor="#999999">左</td><td align="center" bgcolor="#999999">中</td><td align="right" bgcolor="#999999">右</td></tr></table> --------------------------------- 上記のソースの様に、テーブルを縦2段、横2列にセルを作り、上段はテーブルタグ、下段はテキストでそれぞれalign属性をleft、center,rightと設定しています。 ところがInternet Explorer 5.2 for Macで見ると、 上段右のテーブルタグは「align="right"」の効果が出ていません。 この質問を呼んでいる回答者様には、ブラウザでどう表示されるんでしょうか? どう表示されたかという結果とブラウザ名を教えて下さい。

    • ベストアンサー
    • HTML
  • 文字位置

    いつもこちらで助けられています。 今、ホームページを作成中です。 CSSで、文字位置を指定したいのですが、 ホームページ作成サイトなどを見ると、 たとえば… .navi3{ text-align:right;   } とありましたが、これでは、右よりにならず、左よりの通常になってしまいます。 どうすればいいでしょうか? 教えて下さい、よろしくお願いいたします。