人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

質問?はてなダイアリーでタイトルを600×100ピクセルの画像にしてつけたのですが画面に表示させてみると何故か画像が荒く見えます。どうしてでしょうか?
質問?はてなダイアリーでタイトルを画像にするとその上下に大きな余白があって気になります。その余白を少なくするにはどのようなcss、htmlを書けばいいでしょうか?

●質問者: sakura48
●カテゴリ:コンピュータ
✍キーワード:CSS HTML にしてつ はてなダイアリー タイトル
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● TomCat
●10ポイント

http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%...

はてなダイアリーガイド「画像を登録する」とは - はてなダイアリー

質問1については、ダイアリーで保存できる画像サイズの

上限に引っかかっています。


画像の大きさは、最大で縦横150ピクセルまで。

有料オプションを申し込むと縦横300ピクセルまで。

これを超える画像は制限内に収まるように変換されてしまいますから、

それを元サイズに戻して表示させれば

当然荒くなります。


フォトライフならピクセルサイズではなく

ファイルサイズでの制限のみだと思いますので、

そちらにUPして読み込むようにしてみてはいかがでしょうか。


質問2については、読み込むCSSファイルに

h1のmarginがセットされていて、それを引き継いでしまっています。


h1{

margin-top: 0;

}


などとしてやれば解決します。


2 ● quintia
●40ポイント

http://www.tohoho-web.com/css/reference.htm#margin

とほほのスタイルシート入門

2.の方の回答です。

「管理」の「デザイン」の「詳細デザイン設定」で、「スタイルシート」の欄に、

h1 {

margin: 10px auto 30px auto;

}

などと記述してみてください。

これは上部10ピクセル,下部30ピクセルの空きスペースを作るという設定です。数値は適宜調整してください。

ちなみに、そのままの設定だと、

margin : 90px auto 60px auto ;

になっています。


「画像が荒く見えます」というのは判りませんでした。私には自然に見えますけど……。

◎質問者からの返答

回答有り難うございます。

解決されました。

感謝いたします。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ