解決済

clip!clip!
Ads By Google

フリーエリアにタグを入れると上の間隔が少しあくのをなんとか・・・

見た目はライブドアニュースみたいに

・字も小さく
・上との隙間も無く
・オンマウス時のリンクの色も変える。(解決済み)
・<br><br>を入れたときの上文字と下文字の間隔も。これはフリーエリアだけではなく、本文カラム等も全てに反映させたいです。

ブログ完成が近づいている為質問の回数が多くなりすみません。また言葉足らずで迷惑もかけています。

最後の質問なんですが、ブログを通しての改善策がなにかありましたら、教えてください。

改善策=ここはこうした方が見やすいよとか。ここはこうした方が使いやすい。この機能があったほうがいいよなどもよろしければお願いします。

2006-03-21 17:03の質問
ブログ  タグ  ニュース  フリーエリア      間隔  リンク  質問  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-03-21 17:44:43ベスト
上下の間隔について

現状
<p align="left">
  ・<a href="***1">***1</a><br><br>
  ・<a href="***2">***2</a><br><br>
  ・<a href="***3">***3</a><br><br>
</p>

変更後
<DIV class=sidebody><a href="***1">***1</a></div>
<DIV class=sidebody><a href="***2">***2</a></div>
<DIV class=sidebody><a href="***3">***3</a></div>
とすれば、とりあえず解決します。
今回の場合、”・”は.sidebodyで定義されています。

行間は基本的に<br>でなく、
CSSのline-heightで定義した方がいいと思います。
ちなみにサイド部分は
.side {line-height:125%;}
と定義してありました。
ただ、あんまり詰め込むと見づらいので、
本文は、ある程度余白があった方が読みやすいと思います。
ちなみに本文は次のように定義されてました。
.blogbody{line-height:130%;}
Ads By Google

コメント(6)

#1.  
2006-03-21 17:59:47

<p align="left">←は削除!?ですか?
class=free_area_a←これは据え置きですよね?

#2.  
2006-03-21 18:01:50

<p align="left">←は削除です。
これが上の部分で1行あいた原因です。

class=free_area_aは据え置きです。

#3.  
2006-03-21 18:15:52

なんか他にここはこうした方がいいとかいうアドバイスありませんか?
それとブログ公開時にたっけーさんとSVさんに世話になったと書かせてもらいたいのですが・・・ブログかなんかあれば教えてもらいたいです。

#4.  
2006-03-21 18:36:58

プロフィールの部分に入れたらサイドバーが落ちたんですが、入れ方がまずかったですかね?

#5.  
2006-03-21 18:37:24

技術的なことはコメントできますが、
blogは結局コンテンツなんで
面白い記事を頑張って書いてください。
(自分は実践できてません)

#6.  
2006-03-21 18:43:48

</DIV>を入れ忘れていたため落ちたみたいです。
色々ありがとうございました。

ブログ公開時名前だけでも紹介させて頂きます。
ありがとうございました。

トラックバック(2)

トラックバックURL: