gooブログでXXに代わるタグは？
- gooブログを使用して複数の画像を配置し、説明文を回り込ませたい場合、<br clear="XX">に代わるタグはありますか？
- gooブログで複数の画像を左側に配置し、画像の右側に説明文を回り込ませたい場合、<br clear="XX">に代わる方法を教えてください。
- gooブログで複数の画像を配置し、説明文を回り込ませるための、<br clear="XX">に代わる方法を教えてください。
- ベストアンサー
gooブログで <br clear="XX">に代わるタグは？
gooブログを使っています。 【やりたいこと】 複数の画像を左側に配置し、それぞれの画像に対する説明文を画像の右側に回り込ませたい。 【質問】 （1）一番目の画像を配置し、 <align＝"left"> を指定すれば、説明文が画像の右側に回りこむ。 （2）二枚目の画像を配置したとき、一枚目の画像の右側に回りこんでしまう。 <br clear="left"> がサポートされていれば、二番目の画像を一枚目の画像の下に配置することができる。 （3）<br clear="left"> に代わる方法はありませんか？ <table> を使えばできますが、 <table> 以外の方法は無いのでしょうか？ よろしくお願いします。
- halovest
- お礼率91% (32/35)
- ブログ
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
コチラが参考になりませんか？ 【イメージ配置サンプル(スタイル使用2)】 http://blog.goo.ne.jp/mid_knight/e/502b2c6f40bde9a74fcb00bfe20c9b42
関連するQ&A
- gooブログで画像の横に文を入れる方法
gooブログで画像の横に文を入れるために、imgタグの最後に、align="left"を追加して、文が画像を回り込みようにしました。そして、その文の最後に、＜br clear=all＞を入れました。ところが、その次の文は、画像の下に来るのではなく、ずるずると、つながってきます。＜br clear=all＞が効いていないような気がします。 （１）＜br clear=all＞は使えないのでしょうか。 （２）次の文が、画像の下から始まるようにする別の方法がありますでしょうか。 宜しくお願いします。
- ベストアンサー
- ブログ
- GOOブログで画像を二枚並べておく方法
今GOOでブログをやってますが一枚画像を貼り付け、そこの横にすぐ字を書くやり方は分かります。 ----> <img src="xxx.jpg" align="left" hspace="40" vspace="10" ...> ココに書いた文字が右側にくる <br clear="all"> <---- この方法でやってます。 お聞きしたいのが、画像を二枚横に並べて貼り付け、そのすぐ横から字を書きたいのです。 ■■---------- -------------- ----------■■ といった具合にです。■が写真です。 こういうことってできますか？もしよければ教えてください。よろしくお願いします。
- ベストアンサー
- ブログ
- gooブログについて
こんにちは。 よく、ブログの右側に楽天のおすすめを画像付きで紹介しているのを見かけます。 楽天でのやり方は分かったのですが、gooブログで右側に画像を表示させる方法が分かりません。 方法を教えて下さい。 （左側でもいいです） 宜しくお願いします。
- ベストアンサー
- ブログ
- gooブログ 投稿画像を中央配置するには？
gooブログアドバンスを利用しています。 文章を書いた後に画像を投稿すると、左側に配置されます。 その画像を中央配置（１枚でも２枚でも）する方法はありますか？
- ベストアンサー
- ブログ
- 画像とテキストのレイアウト
左に画像、その画像の右に複数行のテキストを、画像高さの中央に配置したいと思っています。 <table><tr><td><img></td> <td style="vertical-align:middle"> 文１<br> 文2<br> 文3<br> </td></tr></table> をテーブルを用いないでレイアウトしたいということです。 <img src="loc"> 文１<br> 文2<br> 文3<br> では、文１ のみが画像右に表示されます。 <img src="loc" style="float:left"> 文１<br> 文2<br> 文3<br> では、文全体が画像のtop位置から表示されます。 どのようにスタイルシートで指定すればいいのでしょうか？
- ベストアンサー
- HTML
- Youtubeをブログに貼り付けた時の回りこみ
Youtubeの<object> ・・・</object>のタグをブログに 貼り付けると自分のブログで動画がみれるのはわかったのですが Youtubeの動画の右側に文字を回り込ませたいのですが テーブルタグをつかう方法以外はないのでしょうか？ objectのalign=leftとか text-align=leftとか色々試しましたがだめでした。 どなたか詳しいかたよろしくおねがいします。
- 締切済み
- ブログ
- float & clear
質問の概要は以下の通りです。 CSSを使用しています。 可変長な画面を作成する際に、サイドバーを「float:left」で配置して「margin-left」でメイン画面を配置します。 さらに、メイン画面の中で「float:left」と「margin-left」を使って左と右に分けます。 このとき、メイン画面の中で、回り込みを防ぐために「clear:left」を使用します。 ところが、この「clear:left」がサイドバーの長さに影響されてしまい、おかしな空白ができてしまいます。 これを防ぐ方法はありますか？ もしくは、全体的に構造がおかしいならば、ご指摘ください。 すべてのソースをコピーするのは大変なので、主要な部分だけを以下に載せます。 <html> <head> <meta http-equiv="content-style-type" content="text/css"> <style type="text/css"> <!-- body{ margin:0; } #header{ border:1px #000000 solid; } #side{ margin:10px; float:left; width:200px; border:1px #000000 solid; } #infomation{ margin:10px 10px 10px 230px; border:1px #000000 solid; } #main{ margin:10px 10px 10px 230px; border:1px #000000 solid; } #main-left{ float:left; margin:10px; width:250px; border:1px #000000 solid; } #main-right{ margin:10px 10px 10px 280px; border:1px #000000 solid; } #footer{ clear:left; border:1px #000000 solid; } .clear{ clear:left; } --!> </style> </head> <body> <div id="header"> title </div> <div id="side"> sidebar<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </div> <div id="infomation"> infomation </div> <div id="main"> main <div id="main-left"> main-left<br><br><br><br><br> </div> <div id="main-right"> main-right<br><br><br><br><br><br><br> </div> <div class="clear">clear</div> <div id="main-left"> main-left<br><br><br><br><br> </div> <div id="main-right"> main-right<br><br><br> </div> <div class="clear">clear</div> </div> <div id="footer">footer</div> </body> </html> 他にもいろいろ疑問点があり、「margin-left」ではなく「float:left」を２つ使用して左右の画面を表示した場合、通常は左右に分かれるのですが、右の画面の文章が長い場合に、右画面が左画面の下に移動してしまいます。 これを現象を防ぐ方法はありませんか？ 全体の横幅を固定すればできるんでしょうが、可変長の場合にうまくいきません。
- 締切済み
- HTML
- ヤフオクのテンプレートでバックグラウンドを使いたい
今、オークション用のテンプレートを作ってるのですが、テーブルの背景に、 <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> と言った感じで画像を背景に配置したいと考えていますが、どうやってもうまくいきません。 プレビュー表示の段階で、ソースコードを見てみたのですが、ちゃんと設定されているにもかかわらず、背景画像だけが表示されません。 別の方法で、 <div style="background-image:url(http://www.000.com/000.png);"> でも試して見ましたが、同じ結果でした。 背景画像の上に「商品説明」などの画像を重ねて配置したいので、どうにか上手くできる方法がありましたら是非教えて下さい。 ※上に重ねる画像だけが表示されます。 参考までに今編集中のソースを貼っておきます。 <center> <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> <tr> <td align="center" valign="top"><br /> <center> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/001.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 商品説明 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/002.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 発送方法 </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/003.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> お支払い方法 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/004.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 注意事項 </p></font></td> </tr> </table></td> </tr> </table> </center>
- ベストアンサー
- オークション
- エキサイトブログで、画像の横に文章を入れるのは？
いつもお世話になっております。 同様の質問を参照にしたのですが、エキサイトブログではうまくいかないので質問させてください。 画像の横に文章を入れるにはどうしたらいいのでしょうか？ 調べたところ… (1)<img src="http://pds.exblog.jp/-------jpg" width="70" height="86" ALIGN=left VSPACE=10 HSPACE=10 > というタグを使う（wとhでわかるように、小さめの写真です。） (2)<table><tr valign=top> <td><img src="画像ファイル名又はURL" border="0" alt="説明"></td> <td> 文 </td></tr></table> というtableタグを使う。 という方法があるようですが、エキサイトブログではどちらもうまくいきません。 親指の爪くらいの大きさの顔写真の横に、挨拶文を数行入れたいのですが、うまくいきません。 エキサイトブログでは、(1)img srcタグも、(2)tableタグも使えないのでしょうか？ お詳しい方、教えてください。。
- 締切済み
- ブログ
お礼
cyaba1964 さん、ありがとうございました。 今の時代、スタイルを使わないとダメなのですね！