のぶのぶさま

はじめまして！
Wordpressを愛用させていただいています。
使いやすくとても気に入っています。

いろいろと調べたり、プログラムをいじってみたのですが、
どうしてもうまくいかないので教えて下さい。

ブロック表示される「最近の投稿」と「過去ログ」のタイトル表示の間隔を
狭めたいのですが、どのようにしたらいいのでしょうか？

「最近の投稿」の方は、wp\blocks.css.phpで
marginを変更してみたりしたのですが、何の変化もなく・・・

もしかしたら、<br />を削除すればいいのかと思い、
「wp_recent_posts.php」の185行目
>' . $post_title . '</a></span>'.$newstr.'<br />';
の<br />を削除してみたのですが、うまくいきませんでした。

お忙しいところ大変恐縮ですが、ご教授の程、お願いいたします。

<br />を削除した状態で、どのブラウザで見ても同じですか？
IEに限った話ではありませんか？

cafe55さん、返信遅くなって申し訳ありません
引用：

ブロック表示される「最近の投稿」と「過去ログ」のタイトル表示の間隔を
狭めたいのですが、どのようにしたらいいのでしょうか？

「最近の投稿」の方は、wp-blocks.css.phpで
marginを変更してみたりしたのですが、何の変化もなく・・・

wp-blocks.css.phpのどの部分を変更てうまくいかなかったのか、
教えていただけませんが？

引用：

wp-blocks.css.phpのどの部分を変更てうまくいかなかったのか、
教えていただけませんが？

のぶのぶさん、お忙しいところ申し訳ありません。
このあたりが関係してくるのかなと想像して、下記のように変更しました。

67行目
#wpBlockContent$wp_num .meta li {
display: inline;
margin: 0;
padding: 0;

}



125行目
ul.wpBlockList ,ul.wpBlockList li{
list-style-position:outside;
margin-left:8px;
margin-bottom: 0px;
padding: 0;

xoops本体のＣＳＳの私の書き方が間違っているのかもしれません。
もう少し、いろいろいじってみます。

yasuさん、どうもありがとうございました。
また、レスが遅くなり申し訳ありませんでした。


引用：

yasuさんは書きました：
<br />を削除した状態で、どのブラウザで見ても同じですか？
IEに限った話ではありませんか？

<br />削除後、ＩＥでしか見ていません。
あれからまた<br />を復活させました。

もい一度、<br />を削除し、トライしてみます。

引用：

<br />削除後、ＩＥでしか見ていません。
あれからまた<br />を復活させました。

もい一度、<br />を削除し、トライしてみます。

もし他のブラウザで意図したとおりに表示されるのであれば、

http://smartmaterials.xrea.jp/modules/weblog/details.php?blog_id=33

この辺の問題かと

引用：

yasuさんは書きました：
引用：

もし他のブラウザで意図したとおりに表示されるのであれば、

http://smartmaterials.xrea.jp/modules/weblog/details.php?blog_id=33

この辺の問題かと

１７２行目からこのようにつめてみました。行間を
$output .= '<li><span class="post-title"><a href="' . $permalink . '" rel="bookmark" title="Permanent Link: ' . $post_title . '">' . $post_title . '</a></span>'.$newstr="";$output .= '</li>'."\n";}$output .= '</ul>'."\n";

結果は変わらず・・・。


<br />を削除させてもう一度アップしてみました。
その結果

WINDOWSですが、

「最近の投稿」欄
IEは、表示に変更なし。
Netscape,Opera,Firefoxは、行間は狭くなりましたが、リストマークが表示ずれ。

「過去ログ」欄
IEは変更なし。
その他の3つのブラウザは正しく表示されました。

一体どこをいじればいいのでしょうか・・・トホホ
他のうまくいってるサイトのHTMLのソースを見て研究します。

引用：

１７２行目からこのようにつめてみました。行間を
$output .= '<li><span class="post-title"><a href="' . $permalink . '" rel="bookmark" title="Permanent Link: ' . $post_title . '">' . $post_title . '</a></span>'.$newstr="";$output .= '</li>'."\n";}$output .= '</ul>'."\n";

結果は変わらず・・・。

ここら辺にある、\nを取り除けば、はき出されるHTMLには改行が無くなります。

もう少しだと思うので、頑張ってください。

引用：

cafe55さんは書きました：
引用：

wp-blocks.css.phpのどの部分を変更てうまくいかなかったのか、
教えていただけませんが？

のぶのぶさん、お忙しいところ申し訳ありません。
このあたりが関係してくるのかなと想像して、下記のように変更しました。

67行目
#wpBlockContent$wp_num .meta li {
display: inline;
margin: 0;
padding: 0;

}



125行目
ul.wpBlockList ,ul.wpBlockList li{
list-style-position:outside;
margin-left:8px;
margin-bottom: 0px;
padding: 0;

xoops本体のＣＳＳの私の書き方が間違っているのかもしれません。
もう少し、いろいろいじってみます。

遅レスでもうしわけありません。
(yasuさんもフォローありがとうございます）
ところで、CSSはあまり詳しくありませんが、
line-heightは試されましたか？
http://www.hajimeteno.ne.jp/stylesheet/actually/lheight.html
あたりにリストでの行間適用時の注意もあったりします。

引用：

ここら辺にある、\nを取り除けば、はき出されるHTMLには改行が無くなります。

１７２行めからをアドバイスどおりに下記のように書き直してみました。

$output .= '<li><span class="post-title"><a href="' . $permalink . '" rel="bookmark" title="Permanent Link: ' . $post_title . '">' . $post_title . '</a></span>'.$newstr="";
$output .= '</li>';
}
$output .= '</ul>';
if ($cat_date) {
$output .= '</li></ul>';
}



IEではうまく表示がされました。
ネスケ、FireFox、Operaでは、リストマークがずれます。
IEで問題ないので、とりあえず、自分の中でヨシとします。

また、ある方からアドバイスで、
デフォルトのテーマセットで表示をさせてみるとphpファイルを何もいじらなくても
間隔が狭く表示されました。
私のCSSの記述にもしかしたら何か問題があるのかもしれません。
時間のある時にまたいろいろとやってみます。

yasuさん、本当にどうもありがとうございました。

引用：

NobuNobuさんは書きました：
line-heightは試されましたか？
http://www.hajimeteno.ne.jp/stylesheet/actually/lheight.html
あたりにリストでの行間適用時の注意もあったりします。

のぶのぶさん、アドバイスありがとうございました。
line-heightは試しましたが、うまくいきませんでした。
結局、IE以外では表示ずれなどもありますが、phpファイルをいじって何とか表示できました。

いろいろと本当にどうもありがとうございました。

引用：

cafe55さんは書きました：

ネスケ、FireFox、Operaでは、リストマークがずれます。
IEで問題ないので、とりあえず、自分の中でヨシとします。

えーと、ご自分の中ではすでに解決していらっしゃるみたいなので、この投稿をご覧頂けないかもしれませんが、リストマークがずれるのは、ご利用のテーマでは、左ブロックにあるa要素がxoops.cssの影響で、ブロック要素として表示されるためです。

なので、span要素を外してやるか、a要素に style="display: inline;" を設定してやれば上手く表示されるはずです。

と、こういうこともあるので、span要素を外しませんか？>nobunobuさん

yasuさん

今、この掲示板のレスに気づきました。
ごめんなさい。申し訳ありませんでした。
アドバイス、試してみます。
どうもありがとうございます。

また結果をご報告しますね。

yasuさん

アドバイスどおり、"style="display: inline;"を下記のとおり書き足しました。


172行目
$output .= '<li><span class="post-title"><a href="' . $permalink . '" rel="bookmark" title="Permanent Link: ' . $post_title . ' "style="display: inline;" >' . $post_title . '</a></span>'.$newstr="";
$output .= '</li>';}



IE以外のブラウザでも表示ずれがなくばっちりです。
実は先日のXOOPS九州ユーザー会でサイトを事例紹介させていただきました。
お借りしたMACのサファリで表示ずれがあり、一度はIEだけでうまく表示されればいいかと思ったものの表示ずれがやはり恥ずかしく、訂正したいと考えるようになりました。

会場にいらした先輩にも相談し、wp-blockstyle.phpファイルを見てみたらとアドバイスをちょうど受けて帰ってきたところでした。

結局yasuさんのアドバイスで私の悩みは解消いたしました。
本当にありがとうございました。
yasuさんのご恩は忘れません。
バラのことだったら何でも聞いて下さい。
あまり役にたたないかもしれませんが、詳しいです。