タイトル画像の縦幅を最大にしたいです

質問

タイトルの画像の黒い隙間を埋めたいのですがtableタグにheightで高さ指定をしてもできませんでした。
大きさは700×200です。
元々は隙間がなかったので現時点では最大になってないとは思います。
よろしくおねがいいたします。

回答No.4

DOUGLAS_ · ベストアンサー

＞回等番号No２・３の両方を試してみましたが変化はありませんでした。
<img ～～ border="0" width="100%">
とした後に、[hiphop のHTML編集] の下（[hiphop のスタイルシート編集] の上）の [更新] ボタンをクリックしていらっしゃいますか？
　それと、[マイブログ] を表示されたときに、[F5] キーを押下して、画面を更新なさってみてください。

＞ということはすでに最大になっているのでしょうか？
　私のブログで、

<div class="site_title">
<a href="<%url>"><img src="画像URL" alt="<%blog_name>" title="<%blog_name>" border="0" width="100%"></a></div>

として表示した場合の画像を添付します。

＞ドラッグすると黒い部分には４行分隙間がありました。
　添付画像で言うと、左上のお兄さんの右腕の左側ですよね。

　これは、
<div class="site_title">
の２行上にある
<td valign="top" width="100%"><br><br><br><br>
の中の「<br><br><br><br>」を削除してください（「<br>」は改行コードです）。

お礼

試しに<br><br><br><br>を消したところうまくできました。
最後まで親身になって答えて頂き本当にありがとうございました。

回答No.3

DOUGLAS_

[回答番号：No.1・2] の DOUGLAS_ です。たびたび失礼いたします。

＞＞大きさは700×200
＞なのに、どうして、「width="770px" height="220px"」なのでしょうか？

　失礼いたしました。

＞「タイトル画像の縦幅を最大にしたいです」
でしたね。

　この場合は、
<img ～～ border="0" width="100%">
でいけるはずです（「height="100%"」は付けない。）。

補足

回等番号No２・３の両方を試してみましたが変化はありませんでした。
ということはすでに最大になっているのでしょうか？

ドラッグすると黒い部分には４行分隙間がありました。
テンプレート名は公式テンプレートのhiphopです。
よろしくお願いいたします。

回答No.2

DOUGLAS_

[回答番号：No.1] の DOUGLAS_ です。

<img ～～ border="0"width="770px>
のところですが、
１）「border="0"」と「width="770px」との間に、スペースが抜けている。
２）「width="770px」の後の ダブルクォーテーション が抜けている。
ですね。

＞width="770pxのあとにheight="220pxと入力しました
ということでしたら、
<img ～～ border="0" width="770px" height="220px">
となりますが、（「height="220px」の後にもダブルクォーテーション が要りますよ）
＞大きさは700×200
なのに、どうして、「width="770px" height="220px"」なのでしょうか？

　ちなみに、普通は大きさの指定をしなくても、
<img ～～ border="0">
でそのままの大きさで表示されるはずですよ。

　それでも思うようにならない場合は、お使いのテンプレートのテンプレート名をお知らせください。

回答No.1

DOUGLAS_

先ず、お使いのブログサービスは何ですか？

＞tableタグにheightで高さ指定をしてもできませんでした。
　ということは、「タイトル画像」を設置する部分のＨＴＭＬをいじることができるということですね。
　で、Rey619 さんもＨＴＭＬを理解していらっしゃるようですが、その <IMG> タグ 周辺のＨＴＭＬを、ユーザー名などは伏せ字にして、何行か（<DIV ***> から </DIV> までぐらい）ここにコピペしてみてください。

補足

ブログサービスはFC2です。
正直恥ずかしながらまったくHTMLは理解できてないです。

以下の箇所で合ってますでしょうか？

<div class="site_title">
<a href="<%url>"><img src="画像URL" alt="<%blog_name>" title="<%blog_name>" border="0"width="770px></a></div>

ちなみにwidth="770pxのあとにheight="220pxと入力しましたが変化はありませんでした。

ご指導のほどお願いいたします。