- ベストアンサー
画像データの左寄タグについて
以下の内容を実現するタグは、どのようにすればいいでしょうか。 １．画像データを左寄せして文字を右に回りこませる。 ２．画像データの左右に任意のスペースを空ける。 ３．画像データの左右の任意のスペースは異なっている。 <img src=".～～" class="fl-l"/>で単純な左寄せはできるのですが、、、
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
その他の回答 (1)
- ft82
- ベストアンサー率25% (21/82)
１．画像データを左寄せして文字を右に回りこませる。 右寄せしたい要素を<div align=right>～～</div> 左寄せしたい要素を<div align=left>～～</div>で括ればok 同じ行中でも区分可能 ２．画像データの左右に任意のスペースを空ける。 ３．画像データの左右の任意のスペースは異なっている。 マージンを指定すればいいと思います。 参考:http://www.ink.or.jp/~bigblock/css/lay.html
お礼
参考になりました。ありがとうございます！
関連するQ&A
- タグについて
画像の貼り付けタグ <img src="">は わかるのですが <img class="image" src=""> あいだにある class="image" は何を意味するのでしょうか？教えて下さい。
- 締切済み
- その他([技術者向] コンピューター)
- 画像の位置を変えるタグについてですが・・
画像の位置を変えるタグについてですが・・ 「左寄せ」「中央」「右寄せ」の画像の位置を変えるタグは ありますが、少しだけ右にずらしたい時などのタグは ありますでしょうか？ 例えば、画像が左に寄りすぎているので 全角スペース 1つ分程度、右にずらしたい というような感じです。 宜しく御願いします。。
- ベストアンサー
- その他（インターネット・Webサービス）
- 画像タグについて
画像タグについて テキストエディタにHTML（タグ）を入力してホームページの作成を目指して勉強しています。 ボタンの画像を横一列で4つ並べる場合のでタグの入力の仕方なんですが、 使用しているテキストでは改行せずに横に並べてタグを入力していきましょう。 となっています。 正解→<img src="A" ><img src="B" ><img src="C" ><img src="D" > 不正解↓ <img src="A" > <img src="B" > <img src="C" > <img src="D" > 理由としてはブラウザできれいに表示されるからだそうです。 実際にやってみると確かに不正解パターンより正解パターンの方がブラウザで隙間なくきれいに表示されています。 疑問なのですが、同じタグを縦で入力するか横に入力するかで なぜ、ブラウザの表示に違いで出るのでしょうか？ また、<img src="" >タグ以外でも,改行しないで横に入力するタグはあるのでしょうか？ それはどうやって見分けるのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- HTMLのIMGタグについて
HTMLのimgタグで(1)と(2)のようにした場合、表示が異なります。 (1)のほうが画像間のスペースが広くなります。また(2)の場合でも ほんの少しスペースが開くようです。 (1) <img src="image1"> <img src="image2"> (2) <img src="image1"><img src="image2"> HTMLは文章の構造タグなので(1)でも(2)の場合でも、改行は関係ないので 同じ表示になるべきなのではないでしょうか？ なぜ異なった表示になるのでしょうか。 また画像間のスペースを0にしたいのですが、何か方法を教えてください。
- ベストアンサー
- HTML
- imgタグについて
imgタグについて http://okwave.jp/qa/q5970749.html この件で質問させていただいてましたが、気になる事がありましたのでアドバイスください。 最初のタグーーーーーーーー img{border: 0; vertical-align:bottom;} ーーーーーーーーーーーーー <img src="/img/space.gif" width="100%" height="10px"/> IE8でimgタグのvertical-align:top;が反応して1px×1pxの透明の画像が縦に10px以上伸びてしまっていました。 ↓そこで、このように分ければいいとアドバイスいただきましたが、 .img1{border: 0;} .img2{border: 0; vertical-align:bottom;} imgタグは他のページでも使用しているため img{border: 0; vertical-align:bottom;}は変更出来ませんでした。 そこで、img2{border : 0;} とcssに書き込み <img2 src="http://www.itumonavi.jp/img/space.gif" width="100%" height="10px" /> にするとバグは解消されました。 ですが、html的に<img2～ というタグは見た事無いのですが、これは使っておいても問題ないのでしょうか？ もし他に方法がございましたら教えてください。 【css】-------------------------- img { border: 0; vertical-align:top; } .img1 { border: 0; } 【html】-------------------------- <table width="635" height="31" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999"> <tr> <td width="635">タイトル</td> </tr> </table> <table width="635" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"><img src="/img/space.gif" width="100%" height="10px" class="img1"/><!-- スペース --></td> </tr> <tr> <td width="170" rowspan="2"><img src="img/sample.gif" width="170" height="170" alt="test" /></td> <td width="20" rowspan="2"><img src="img/space.gif" width="20" height="170" class="img1" /><!-- スペース --></td> <td width="445" style="vertical-align:text-top"><img src="img/space.gif" width="100%" height="5" class="img1" /><!-- スペース -->コピー<div class="guide-line"></div><!-- ライン --> </td> </tr> </table>
- ベストアンサー
- HTML
- 画像タグ
タグ勉強中です。 この全部を１つにつなげたいのですが。。。 A. １行に画像を４枚、３列にならべたい（横４枚、縦３枚） B. それぞれの画像の左右、上下にスペースを入れたい C. それぞれの写真画像の下に文字を入れて画像と文字を クリックして別のページに変わるようにしたい 『index』『とほほ』その他のサイトなどを見ながらなんとか 画像を張る、画像下に文字を書いて違うページにとばすことが やっとできるようになったのですが、スペースタグを入れてみても 全く変わりません。１つ１つ別々だとできたのですが、 全部を１つにつなげることがどうしてもできません。 何度しても写真画像が左側にくっついたままです。 CSSがまだよく分からないのでHTMLタグだけでしたいのですが、 両方でしないとできないのでしょうか？ 御教授下さいますようお願い致します。
- ベストアンサー
- その他([技術者向] コンピューター)
- ブログにリンク画像を並べて付けたいのですが、下記のタグを入れると「※ボ
ブログにリンク画像を並べて付けたいのですが、下記のタグを入れると「※ボタンをクリックしてね」の文字と画像の間に何行かの空白が出来てしまいます。これを詰めるにはどうしたらよいでしょうか？ ※ボタンをクリックしてね <TABLE><TR> <TD><a href="リンク先"><img src="images/1103fukunoki.jpg" width="134" height="86" alt="" class="pict" /></a></TD><TD> <a href="リンク先"><img src="images/1123yabusati.jpg" width="134" height="86" alt="" class="pict" /></a></TD> </TR> </TABLE>
- ベストアンサー
- ブログ
- apeboardのタグ使用に関して
apeboardで画像を貼りつけたいのでタグを有効にするためにboardini.cgiのファイルの中の タグを使用するかどうか、とimgタグを使用するかどうかの部分をonにしてアップして <img src="画像アドレス">で投稿すると画像は表示されすんですが、その前に <img src="画像アドレスがそのまま表示">≪画像≫といった感じで表示されてしまうんです。 ソースを見てみると <img src="画像アドレス"><img src="画像アドレス">となっていました。 どうしたら画像の前に表示されてしまうタグをなくせるんでしょうか。 教えて下さい。よろしくお願いします。 （ちなみに<b>などのタグはきちんと使用出来ました）
- 締切済み
- CGI
- ＧＩＦ画像の左だけに余白を設けたい
いろいろと本を読んでいたら、「vspase」は画像の左右に余白を設けることができるということなのですが、左右には余白は不要でして、画像の左側だけに余白を設置したいのですが、どうすればいいのでしょうか？ <img src="・・・・・・・">に、何かを付け加えるのですか？
- ベストアンサー
- その他（インターネット・Webサービス）
- ロールオーバー画像のリンク設定にTARGETタグを加えたい（度々すみません。）
質問No.８６４６９２でロールオーバーの画像の枠線の消し方を質問した者です。 そちらは、ご協力を得て、無事解決したのですが、新たな問題が発生（私の知識不足）してしまいました。 下記のタグに TARGET="○○（任意に名付けたname）"を最後に書き加えたのですが、エラーになってしまいました。 ＜問題のタグのひな形＞ <a href="http://www-------"onmouseover = "document.bt.src = 'img1.gif'" onmouseout = "document.bt.src = 'img2.gif'"onclick = "document.bt.src = 'img3.gif'"><img src = "img2.gif" border="0" name="bt" （ここに記入した）></a> 重ね重ね申し訳ありませんが、よろしくお願いします！
- ベストアンサー
- JavaScript
お礼
参考になりました。ありがとうございます！