解決済

clip!clip!
Ads By Google

右サイドプラグインに設置した「Tag Cloud」の
左右の余白を調節したいのですが、分かりません。


を参考にタグクラウドを設置しましたが、
サイドプラグインの幅いっぱいに表示されるため
他のプラグインの余白に合わせて

.side ul.tagcloud {
padding:2px 5px 2px 5px;
と指定しました。

Tag Cloud内の文字をクリックすると
共通するタグのページに移動し、縦に一覧が並びますが、
・○■△
・○■△・・・以下設定数(?)の、タグの羅列。

IEではやや中央寄りに表示されFirefoxの場合は
右サイドプラグインの範囲を超えて左側に ・ (ドット)がはみ出ます。
(1) ・ (ドット)がはみ出ない指定方法がありましたらお教え下さい。
(2)また ・ (ドット)は必要ないので削除しても構わないのですが
仕様らしいので、どのようにすれば良いか分かりません。

追記:padding:2px 5px 2px 5px;を削除したら
Firefoxの表示がIE同様になりました。
分かったつもりで、まったく頓珍漢な事をしているかもしれません。

以下のアドレスです。どうぞ宜しくお願いします。



2009-05-22 19:38の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2009-05-22 21:40:14ベスト
タグページで、トップページと表示が変わってしまうのは、
タグページにtemplate.css の指定が、無いためです。

デザインのカスタマイズで、
トップページのテンプレートには、
<link rel="stylesheet" href="http://parts.blog.livedoor.jp/css/template.css" type="text/css" />
<link rel="stylesheet" href="http://blog.livedoor.jp/manirrabrown12143/site.css" type="text/css" />
となっていますが、
カテゴリ別アーカイブ(これは、タグ別ページでも使われます)
では、下の方の site.css の指定しかないはずです。
この上の行に、トップページと同じく template.css の指定の一行を挿入してください。

そうすると、トップページと同じような表示になります。

意図が違っていたらすみません。
回答レベル : アドバイス

トップ、個別、カテゴリーアーカイブ、月間アーカイブの
それぞれのHTMLを見たら

<link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />が有りました。

それぞれ、この行のすぐ上に
ご指示のtemplate.cssの一行を入れたところ、
IE、Firefoxともタグの羅列は無くなりトツプ・ページと
同様な表示が出来ました。

いつも的確なご指示を有難うございます。感謝いたします。嬉々。

Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: