• ベストアンサー

FC2ブログで最新記事一覧を左寄せに

FC2ブログで最新記事一覧を左寄せに したいのですがどうすればいいでしょう ソース <div id="main"> <!--recent--> <%recent_year>/<%recent_month>/<%recent_day><%recent_youbi><a href="<%recent_link>"><%recent_title></a> <!--/recent-->

質問者が選んだベストアンサー

  • ベストアンサー
  • zeff
  • ベストアンサー率69% (137/198)
回答No.2

#1です。 言葉足らずだったようですみません; 回答した後になって、 <div>の方が正しいのかな?とも思ったのですが、 <p>でもうまく出来ちゃったので^^; 試しに<div>でもやってみましたがOKでした。 <p>内で改行するのはやや抵抗がありますが、 そうしても良いという意見も見かけます。 確認はFirefox3.6のみで行ないました。 「ずれる」というのは英語の曜日表示にすると、 アルファベットの幅の違いから、 (Wedが一番長く、Friが一番短い) 記事タイトルの頭が左右にガタボコになる、 ということを言いたかったのです; きっちり揃ってるほうが見た目にキレイなので、 先の回答の2例目で和曜日を提案した次第です。 英語曜日ならばFirefoxからもIE6からもずれていて、 和曜日ならばFirefoxからもIE6からもずれていません。 (IE8は使っておりません)

dct18
質問者

お礼

最終的にこうなりました <div id="main"> <!--recent--> <p style="text-align:left;"> <%recent_year>/<%recent_month>/<%recent_day>(<%recent_youbi>)<a href="<%recent_link>"><%recent_title></a> </p> <!--/recent--> <div>は多用を避けたほうがいいらしいので<p>で <br>は使わなくても大丈夫なようです 変数の中にダグ入れられると思わなかったので助かりました >「ずれる」というのは英語の曜日表示にすると、 >アルファベットの幅の違いから、 >(Wedが一番長く、Friが一番短い) >記事タイトルの頭が左右にガタボコになる、 >ということを言いたかったのです; な、なるほどー気づかなかった 文字小さくする予定なのでそれほどガタボコにならない・・・はず、たぶん 気になったら和曜日にしてみます 丁寧な回答ありがとうございました

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • zeff
  • ベストアンサー率69% (137/198)
回答No.1

<div id="main"> <p style="text-align:left;"><!--左寄せ--> <!--recent--> <span style="margin-right:10px;"><!--記事題名との間を空ける--> <%recent_year>/<%recent_month>/<%recent_day></span> <a href="<%recent_link>"><%recent_title></a> <br /><!--改行--> <!--/recent--> </p> 曜日は入れるとずれるのと、 画像を見ると入っていないので外しました。 和曜日ならずれませんけれども。 <p style="text-align:left;"> <!--recent--> <span style="margin-right:10px;"><%recent_year>/<%recent_month>/<%recent_day>(<%recent_wayoubi>)</span><a href="<%recent_link>"><%recent_title></a><br /> <!--/recent--> </p>

dct18
質問者

お礼

<p>で囲んでも大丈夫なのかー >曜日は入れるとずれるのと、 >画像を見ると入っていないので外しました。 >和曜日ならずれませんけれども。 私はIE8なんですがずれてないです、Firefoxとかだとずれるのかな? よろしければブラウザを教えてください それはともかく無事左寄せに出来ました 回答ありがとうございます!

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 最新記事一覧の中でさらに「NEW」の表示をつけたい

    FC2ブログを使用してます。 共有テンプレートを少しいじってタイトルの下に「NEW ENTRY」という形で10件ほど記事タイトルを表示してます。 こんな感じです。 http://miyukiwf.blog35.fc2.com/ この中でさらに最新のもの(1日~2日内にアップしたもの)の右に「NEW」表示をつけたいんです。 使用しているテンプレートのHTMLはこんな感じです。(上の方だけですが・・) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta name="author" content="<%author_name>" /> <meta name="description" content="<%introduction>" /> <!--▼検索用や検索避け、アクセス解析デザイン変更等のメタタグを入れる場合はここから▼--> <!--/メタタグここまで--> <title><%blog_name> <%sub_title></title> <link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" /> <link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss" /> <link rel="top" href="<%url>" title="トップ" /> <link rel="start" href="<%url>" title="最初の記事" /> <!--preventry--><link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry--> <!--nextentry--><link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry--> </head> <body> <!--▼アクセス解析タグを入れる場合はここから▼--> <!--/アクセス解析タグここまで--> <!--▼レイアウトここから▼--> <div id="layout"> <!--▼ヘッダーここから▼--> <div id="header"> <p class="admin"><a href="<%url>?all" target="_self" title="全記事リストへ">*All&nbsp;archives</a> &nbsp;&nbsp;<a href="<%server_url>control.php" title="管理ページへ">*Admin</a></p> <h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1> <p class="intro"><%introduction></p> </div> <!--/ヘッダーここまで--> <!--▼横カレンダーここから(いらない場合はここから削除▼--> <div class="yoko_calender"> <%now_year>年<%now_month>月 / <a href="<%prev_month_link>"><%prev_month>月≪</a> <!--calender2--> <span class="day"><%days></span> <!--/calender2--> <a href="<%next_month_link>">≫<%next_month>月</a> </div> <!--/横カレンダーここまで(いらない場合はここまでを削除)--> <!--▼メインここから▼--> <div id="main"> <!--▼メイン記事ここから▼--> <!-- ▼INDEX表示が邪魔な場合はここを削除 --> <!--index_area--> <!-- NEWENTRIES --> <div id="newentrys"> <h2 id="newentryname" class="navi-title">New Entries</h2> <div id="newentrylist" class="navi-contents" > <ul> <!--recent--> <li><a href="#no<%recent_no>" title="<%recent_title>"><%recent_title></a> (<%recent_month>/<%recent_day>)</li> <!--/recent--> </ul> </div> </div> <!-- NEWENTRIES END --> <!--/index_area--> <div id="main_block"> こういうカスタマイズというのも不慣れな者ですがどうぞよろしくお願いします。

  • FC2ブログ。過去ログをテーブルを用いて一覧表示

    現在、過去ログを↓のように一覧表示させてます。 <!--date_area--> <div class="date_area"> <h3><%now_year>年<%now_month>月の記事一覧</h3> <ul> <!--topentry--> <li><%topentry_year>/<%topentry_month>/<%topentry_day>&nbsp;<a href="<%topentry_link>" <%topentry_title></a></li> <!--/topentry--> </ul> </div> <!--/date_area--> これを、 <table border="1"> <tr> <td>2009/01/01</td> <td>2009/01/01のブログタイトル</td> </tr> <tr> <td>2009/01/02</td> <td>2009/01/02のブログタイトル</td> </tr> <tr> <td>2009/01/03</td> <td>2009/01/03のブログタイトル</td> </tr> </table> こういう感じのテーブルにしたくて、 いろいろ試してみたんですが、うまくいきません。 どなたか、どう書けばいいのか教えていただけませんか?

  • 【FC2】新着記事を個別記事や2頁目に表示させたい

    こんばんわ。質問させてもらってもよろしいでしょうか? 「【FC2】新着記事を個別記事や2ページ目等に表示させたい」のです。 http://774shi.blog.fc2.com/ これが私のブログなのですが、「New Entries」っていう新着記事のプラグインがありますよね? ブログのTOPページには表示されるのですが、記事をクリックしたり、2ページ目等に移動すると消えてしまいます。 個別記事や、2ページ目等に移動しても表示させる方法はありますか? ちなみにHTMLはこれです。 prototype001 のHTML編集 <!--index_area--> <!-- NEWENTRIES --> <div id="newentrys"> <h2 id="newentryname" class="navi-title"> New Entries</h2> <div id="newentrylist" class="navi-contents" > <ul> <!--recent--> <li &align> <li><a href="<%recent_link>" title="<%recent_title>"><%recent_title></a> (<%recent_month>/<%recent_day>)</li> </li> <!--/recent--> </ul> </div> </div> <!-- NEWENTRIES END --> <!--/index_area--> <br> prototype001 のスタイルシート編集 /* -------NEW ENTRIES */ #newentrylist { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-image: none; background-color: transparent; } #newentrys ul { color: #999999; padding: 0px; margin: 0px 0px 0px 22px; } 上記のHTMLを使わずに、公式のプラグイン(最新記事)のHTMLをそのまま貼り付けたら、個別記事や2ページ目等に移動しても表示されます。 上記のHTMLを使っても個別記事や2ページ目等に移動しても表示されるようになる方法をご教授をお願いします。

  • バナーをFc2のブログの記事に張りたいのですが方法を教えてください。

    バナーをFc2のブログの記事に張りたいのですが方法を教えてください。 記事に貼るといっても1つでけではなく 二列ほどに並べて リンク集みたいにしたいのですがやり方がいまいちわかりません。 一応この方法でやってみたのですが <div> <a href="リンク先のURL"> <img src="画像のパス" /> </a> </div> バナーとバナーの間が広くあいてしまって うまくいきません。 長くてすみません。 よろしくお願いします。

  • FC2ブログ 記事のHTML表示方法 初歩

    初歩的な質問です。 FC2ブログで、ブログの練習をしています。 記事の日付を消したいと思うのですが、 --- http://10plate.blog44.fc2.com/blog-entry-104.html HTMLを編集します。 [ <%topentry_year>/<%topentry_month>/<%topentry_day> <%topentry_hour>:<%topentry_minute> ]を削除してください。 --- とありますが、記事のHTMLは、どの様にしたら表示をすることが出来るのですか? よろしくお願い致します。

  • fc2ブログ、記事の時間表示をなくしたいのですが・・・

    fc2ブログ、記事の時間表示をなくしたいのですが・・・ テンプレートの編集で、「時間、分、秒」の部分を消すのは分かったのですが うまく非表示にならないのでアドバイスお願いします。 以下の部分だと思うのですが・・・どこまで消して良いのでしょうか? dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" /> </rdf:RDF> --> <!--/topentry--> よろしくお願いします。尚、非表示にしたいのは記事の投稿時間だけです。

  • FC2ブログについて質問があります。

    FC2ブログについて質問があります。 このブログ(http://moeichi.blog98.fc2.com/)のように「最新記事の一覧」を記事のトップに設定したいのですが、方法が分かりません。HTMLやCSSに詳しい方、もしそういった方法をご存じでしたら、何卒ご教示をお願いします。

  • FC2ブログの最新記事を常に表示するURL

    一記事単位だと http://ブログ名.blog数字.fc2.com/blog-entry-数字.html ってなってますよね。 これで、そのURLをクリックすると 常に最新記事が表示されるURLってありませんでしょうか?。 これが私のブログの最新記事 http://ブログ名.blog数字.fc2.com/××× って貼りたいんです(貼ったらそのままにしておく)。 なければ、他の案でもいいので教えてください。 よろしくお願いします。

  • FC2ブログでプラグインに見てほしい記事を載せたいです

    困っています。 FC2ブログで、ブログをやろうと作ったのですが、 左横のプラグインのところに「カテゴリ」とは別に自分の書いた特定の記事一覧を作りたいのです。 たとえば はじめに 利用規約 ○○事件!!(例話1) こんなことがあった!!(例話2) 携帯って・・・(例話3) このようにプラグイン左側に自分の特に見てもらいたい記事の一覧を作りたいと考えています。 イメージ的にはFC2ブログサイトTOPの「メニュー」のような感じです。 これをするためにはどうしたらいいでしょうか? よろしくお願いします。

  • FC2ブログ 新しい記事が最後にきてしまいます。

    FC2ブログをはじめました。古い記事がトップにあり、新しい記事がどんどん下へと追加されていきます。普通は、最新の記事がトップですよね?どのようにしたら順番を逆にできるんですか?