ブログに絵を載せています。その時に使用しているのは以下の様なタグ(?)です。これで画像を掲載して、その下に絵のタイトルを打ち込んみたいのですが、余白が空き過ぎていて気になります。どうしたらよいのでしょうか?style="margin-right:10px;"などで設定しても駄目でした。
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0"><tr>
<td align="center" valign="middle">
<A HREF="http://test.png">
<IMG SRC="http://test.png" alt="おめでとう" title="今年もよろしくね"style="border-width:1px;border-style:solid;border-color:#000000">
</a>
</td></tr></table>
「あけましておめでとう」
↑この「あけましておめでとう」というタイトルが画像ともう少しくっついて欲しいのです。もしかして、タグの問題ではなくて、ブログのCSSの設定で直すのでしょうか?よろしくお願いします。
No.2ベストアンサー
- 回答日時:
単に画像をセンタリングさせたいだけなら、こんな仰々しい記述は不要なのでは?
<p style="text-align: center;"><A HREF="http://test.png">
<IMG SRC="http://test.png" alt="おめでとう" title="今年もよろしくね"style="border:1px solid #000000;"></a></p>
でも出来るかと・・・・
で、下の文字との余白を調節するなら、
<p style="text-align: center; margin-bottom: 4px;">を指定するかでしょうか。
大変丁寧な回答をありがとうございました(T_T) 私が書いたタグというのは、どこかのサイトで画像の挿入方法として書かれていたものをそっくりコピー&ペーストして使っていました。これはテーブルを使うやり方だったんですね。345itatiさんが書いてくださった<p style>というやり方で出来ました!!ありがとうございましたm(__)m
No.3
- 回答日時:
根本的な問題は、タグとタグの間に改行が入ってることだと思います。
ブログの本文入力欄は改行(リターンキーでの)を自動的に<br>に置き換えます。ブログを表示して該当のソースをご覧になってみて下さい。入れた覚えのない<br>タグがそのソースの中に入っていませんか。
改行を入れずにズラズラつなげて書けば、余分な余白はなくなります。
ただ、#2さんの言われる通り、昔と違ってレイアウトのためにテーブルタグを使うのはいい方法ではないと言われていますし、いじれるならCSSで設定したほうがいいと思います。
しかしどんなタグを使うにしろ、入力欄の中ではタグとタグとの間に改行を入れないことが、間延びを防ぐ方法かと。
回答ありがとうございます。私もどこかのサイトで紹介されてたタグをそっくりそのまま使用していたのですが、テーブルを使ってるだと初めて知りました。それで、今回テーブルのタグを取って、#2さんが書いてくださった<p style>というやり方でやったら出来ました。そして不必要な改行は減らしてみたら、ちゃんと余白が狭まりました!!ありがとうございましたm(__)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
fc2ブログに表を載せたいのです...
-
Excel2007のデータ追跡機...
-
ライブドアブログのサイドバー...
-
goo blogで下書きを保存して、...
-
FC2のテンプレで質問です。
-
ドリームウィーバーでの文字の...
-
Hotmailでテンプレートできます...
-
FC2ブログについて質問があるん...
-
テンプレート方法
-
HEAD・HTMLの行間改行が上手く...
-
Movable typeにてスタイルシー...
-
アメブロの更新通知メールで迷...
-
赤ちゃん誕生 お知らせポスト...
-
FC2ブログのプラグイン追加で、...
-
EXCEL2007のヘッダー・フ...
-
ブログの文字を大きくしたい
-
goo ブログの下書き保存方法
-
ソースの貼り付け方法
-
gooブログの文字サイズ
-
ocnテンプレートをgooで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FC2ブログで”記事本文”に毎回定...
-
fc2ブログでのHTML編集について
-
タグで、左等に余白を作りたいです
-
段落タグ<p>について教えてくだ...
-
ヤフーオークションで商品説明...
-
wordpress,simplicity スマホ時...
-
文字に背景色を入れる時、隙間...
-
gooブログ 画像の下に余白が...
-
楽天アフィリエイトについて 現...
-
FC2ブログにバーナーが貼れない
-
楽天の無料HPで、HLMTを使っ...
-
fc2ブログに表を載せたいのです...
-
表の中の文字配置を右寄せにし...
-
HPからのメール送信エラーの...
-
HTMLのh1タグで自動的になされ...
-
ブログ記事にスペースを入れたい
-
テーブルタグ表示が上手くいか...
-
タグ[table]の自動改行について
-
FC2ブログ スペースと改行...
-
ヤフーオークションに画像を
おすすめ情報