- 締切済み
MTでのタイトルリストをアルファベット順、アイウエオ順にするには
現在MTでの投稿タイトルごとにアルファベット順、アイウエオ順に表示させようとしているのですがエントリー順でしか表示されません。 カテゴリー名は自動で順番どおりになってくれるのですがどのようにすれば投稿タイトルの表示が上記のような並びになるのでしょうか？。 現状のソースとしては <div id="beta"> <div id="beta-inner" class="pkg"> <div class="archive-date-based archive"> <h2 class="archive-header">アーカイブ</h2> <div class="archive-content"> <ul class="archive-list"> <MTArchiveList> <li class="archive-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li> </MTArchiveList> </ul> </div> </div> </div> </div> となります。 宜しくお願いいたします。
- hana_7603
- お礼率21% (25/117)
- ブログ
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
エントリーのタイトル順でよいのでしょうか？ <MTEntries sort_order=" ascend " sort_by=" title "> <$MTEntryTitle$><br /> </ MTEntries >
関連するQ&A
- MTのリストマークが消えない！！！
MTでブログ作成をしてます。 ３カラムのメインページの左サイドにリストメニューを置き、リストマークを画像に消したいのですが、どうしてもできません。 ＃メイン <div id="links-left-box"> ～略～ <ul> <li>あ</li> <li>い</li> <li>う</li> <li>え</li> <li>お</li> </ul> ～略～ </div> ＃スタイルシート #links-left-box ul{ list-sytle-type:none; } お手数ですが、どなたかお教えいただければ幸いです。
- ベストアンサー
- ブログ
- Movabletype4のサイドバーカスタマイズ
Movabletype4(beta6)にアップグレードして、さっぱり分からなくなってしまいました。 今、サイドバーのカスタマイズをしようとしているのですが、 main_indexの時にはカテゴリ、月別アーカイブ、検索、RSS、投稿者別アーカイブなどと、全部表示されるのですが カテゴリページや、エントリ－アーカイブページなどに飛ぶと、検索、RSSなどしか表示されません。 sidebarの中身を覗いてみたんですが、意味がちょっと分かりません 以下にsidebarの中身の一部を載せます（長いですが） ------------------------- <div class="sidebar_box"> <MTIf name="module_category_archives"> <MTIfArchiveTypeEnabled archive_type="Category"> <div class="sidebar_box_title"> <h3>Categories</h3> </div> <div class="sidebar_box_body"> <MTTopLevelCategories> <MTSubCatIsFirst> <ul class="widget-list"> </MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount"> <li class="widget-list-item"><a href="<$MTCategoryArchiveLink$>"<MTIfNonEmpty tag="MTCategoryDescription"> title="<$MTCategoryDescription$>"</MTIfNonEmpty>><$MTCategoryLabel$> (<$MTCategoryCount$>)</a> <MTElse> <li class="widget-list-item"><$MTCategoryLabel$> </MTIfNonZero> <MTSubCatsRecurse> </li> <MTSubCatIsLast> </ul> </MTSubCatIsLast> </MTTopLevelCategories> </div> </MTIfArchiveTypeEnabled> </MTIf> </div> -------------------------------- カテゴリの一覧の部分です。 ボクとしては、どのページでも、この一覧が出るようにしたいのですが、、、 どのように書き換えればいいのでしょうか・・・ 分かる方、よろしくお願いします。
- 締切済み
- ブログ
- Movable Type4での、カテゴリーがリンク出来ません。
Movable Type4にて、ブログを書いたのですが、 サイドのカテゴリーが、リンク出来ません。 アーカイブインデックスの記述は▽ <MTIfArchiveTypeEnabled archive_type="Category"><div class="archive-category archive"> <h2 class="archive-header">カテゴリ</h2> <div class="archive-content"> <MTTopLevelCategories> <MTSubCatIsFirst> <ul class="archive-list"> </MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount"> <li class="archive-list-item"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><$MTCategoryLabel$></a> <MTElse> <li class="archive-list-item"><$MTCategoryLabel$> </MTIfNonZero> <MTSubCatsRecurse> </li> <MTSubCatIsLast> </ul> </MTSubCatIsLast> </MTTopLevelCategories> </div></div></MTIfArchiveTypeEnabled> 手持ちの本と照らし合わせても 特に問題ないようなのですが、カテゴリーには 名前だけでリンクが出来ません。 <a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><$MTCategoryLabel$></a> この部分がリンクを示すタグだと思うのですが、 ここの記述を書き換える必要があるのでしょうか？ よろしくお願い致します。
- ベストアンサー
- その他([技術者向] コンピューター)
- ＭＴ（ムーバブルタイプ）の自動サイトマップの設定について
下記、アドレスにある自動で、サイトマップの更新を行ってくれるものの設定をしたのですが、更新日付とムーバブルタイプの表示を消すには、どうすればよろしいでしょうか？ http://weblibrary.s224.xrea.com/weblog/mt/custom/mt_4.html ちなみに、このテンプレートのコードは、下記の通りです。 <MTIfArchiveTypeEnabled archive_type="Category"> <div class="module-categories module"> <h2 class="module-header">サイトマップ</h2> <div class="module-content"> <ul class="tree"> <li><a href="<$MTBlogURL$>" title="<$MTBlogDescription$>">Home</a></li> <li><MTTopLevelCategories> <MTSubCatIsFirst><ul class="tree"></MTSubCatIsFirst> <li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> <ul> <MTEntries> <li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li> </MTEntries> </ul> <MTSubCatsRecurse> </li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTTopLevelCategories></li> <li><a href="<$MTBlogURL$>sitemap.html" title="サイトマップ">サイトマップ</a></li> </ul> </div> </div> </MTIfArchiveTypeEnabled> どうぞ、よろしくお願いいたします。
- ベストアンサー
- ブログ
- jqueryで特定の要素をdivで囲う
jqueryを使い、HTMLの特定の要素をdivで囲いたいと思っています。 元のHTMLのソースは、 ========= <div class="tabWrap02 tabSwitcher materialityRefine"> <h2 class="headline06 jqa mb20" style="display: none;"></h2> <ul class="tabNav range9Col textSmall organizationRefine range17Col upper"> <li class="needTitle active" style="height: 50px;"></li> <li></li> <li></li> </ul> <ul class="spAcodNav"> <li class=""></li></ul><div id="tab02-1" class="tabDetail" style="display: none;"> <li></li> </ul> <div id="tab02-1" class="tabDetail" style="display: none;"> </div> <ul class="spAcodNav"> <li class=""></li></ul><div id="tab02-2" class="tabDetail" style="display: none;"> <li></li> </ul> <div id="tab02-2" class="tabDetail" style="display: none;"> </div> <h2 class="headline06 mb20">×××</h2> <ul class="tabNav range8Col textSmall mb50 range17Col upper"> <li class="active" style="height: 65px;"></li> <li></li> <li></li> </ul> <h2 class="headline06 jqa mb20" style="display: none;"></h2> <ul class="tabNav range9Col textSmall organizationRefine range17Col upper"> <li class="needTitle active" style="height: 50px;"></li> <li></li> <li></li> </ul> <ul class="spAcodNav"> <li class=""></li></ul><div id="tab02-3" class="tabDetail" style="display: none;"> <li></li> </ul> <div id="tab02-3" class="tabDetail" style="display: none;"> </div> <ul class="spAcodNav"> <li class=""></li></ul><div id="tab02-4" class="tabDetail" style="display: none;"> <li></li> </ul> <div id="tab02-4" class="tabDetail" style="display: none;"> </div> </div> ========= このようになっております。 上記のソースを、以下のように２か所<div class="wrap">で<ul class="spAcodNav">を囲いたいと思っています。 ========= <div class="tabWrap02 tabSwitcher materialityRefine"> <h2 class="headline06 mb20">●●●</h2> <ul class="tabNav range8Col textSmall mb50 range17Col upper"> <li class="active" style="height: 65px;"></li> <li></li> <li></li> </ul> <h2 class="headline06 jqa mb20" style="display: none;"></h2> <ul class="tabNav range9Col textSmall organizationRefine range17Col upper"> <li class="needTitle active" style="height: 50px;"></li> <li></li> <li></li> </ul> <div class="wrap"> <ul class="spAcodNav"> <li class=""></li></ul><div id="tab02-1" class="tabDetail" style="display: none;"> <li></li> </ul> <div id="tab02-1" class="tabDetail" style="display: none;"> </div> <ul class="spAcodNav"> <li class=""></li></ul><div id="tab02-2" class="tabDetail" style="display: none;"> <li></li> </ul> <div id="tab02-2" class="tabDetail" style="display: none;"> </div> </div> <h2 class="headline06 mb20">×××</h2> <ul class="tabNav range8Col textSmall mb50 range17Col upper"> <li class="active" style="height: 65px;"></li> <li></li> <li></li> </ul> <h2 class="headline06 jqa mb20" style="display: none;"></h2> <ul class="tabNav range9Col textSmall organizationRefine range17Col upper"> <li class="needTitle active" style="height: 50px;"></li> <li></li> <li></li> </ul> <div class="wrap"> <ul class="spAcodNav"> <li class=""></li></ul><div id="tab02-3" class="tabDetail" style="display: none;"> <li></li> </ul> <div id="tab02-3" class="tabDetail" style="display: none;"> </div> <ul class="spAcodNav"> <li class=""></li></ul><div id="tab02-4" class="tabDetail" style="display: none;"> <li></li> </ul> <div id="tab02-4" class="tabDetail" style="display: none;"> </div> </div> </div> ========= jqueryでwrapAllなどを使って試しているのですが、うまいいかず、 お分かりいただける方いらっしゃいましたらご教授いただけますと幸いです。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- ulを使ったパンくずリストの使い方で困っています
ulを使ったパンくずリストの使い方で困っています パンくずリスト初めに現在位置という見出しを付けたいんですが <div id="pankuzulist"> <h3>現在位置</h3>もしくは<spna>現在位置</span> <ul> <li>1_page</li> <li>2_page</li> <li>3_page</li> <ul> </div> と <ul> <li>現在位置 <ul> <li>1_page</li> <li>2_page</li> <li>3_page</li> </ul> </li> </ul> という書き方を考えたんですけどこれはタグの使い方等々などから考えた場合どちらを使うべきでしょうか？
- 締切済み
- HTML
- ＮＮでだけリストの一番上の項目がずれます。
IE、Opera、Firefox では問題なく表示されますが、Netscapeでだけ、リストの最初の項目の位置がずれます。 どうやら、ＣＳＳの li {margin: 0; padding: 4px;} が反映されていないようです。 <div id="xxx"><a name="aaa" /> <!-- Menu --> <div class="navi"> <ul> <li><a href="#aaa">ホーム</a></li> <li><a href="#bbb">あいう</a></li> <li><a href="#ccc">えおか</a></li> </ul> </div> <!-- Content --> <div class="content">中身</div> </div> 「ホーム」がずれます。 正しく反映させる方法はありますでしょうか？
- ベストアンサー
- ブログ
- cssでリストを横並びのセンタリング
現在、サイトをHTMLからHTML5に移行中なのですが、リストを横並びにするところまではできたのですが、それをセンタリングするにはどうしたら良いでしょうか？ さまざまなサイトを巡ってやり方を拝見したのですが、目的とするものがありませんでした。 現在のHTML <!-- ヘッダ開始 --> <div id="header"> <h1>サイトタイトル</h1> <p class="catch"><strong>サイト説明</strong></p> <div class="opening"> <h2><img src=".jpg" alt="表示されなかった画像の説明的な" width="900" height="260"></h2> </div> <ul class="nl clearFix"> <li class="active"><a href="#">１</a></li> <li><a href="#">２</a></li> <li><a href="#">３</a></li> <li><a href="#">４</a></li> <li><a href="#">５</a></li> <li><a href="#">６</a></li> <li><a href="#">７</a></li> </ul> <hr class="none"> </div> <!-- ヘッダ終了 --> 現在のcss /* --- ヘッダメニュー --- */ #header ul.nl { width: 100%; /* IE 6のために幅の指定が必要 */ margin: 0 auto; padding: 0; background-color: #ffffff; /* ヘッダメニューの背景色 */ list-style-type: none; text-align: center; } /* メニュー項目 */ #header ul.nl li { width: 124px; /* 項目の幅 */ float: left; line-height: 100%; } /* 最初の項目と最後の項目 */ #header ul.nl li.first, #header ul.nl li.last { width: 125px; /* 項目の幅 */ } わかりにくいと思いますが、上のように配置したいのです。 まだイマイチ理解しきれていないのですが、回答していただければと思います。 ↓HPの現状。 http://dateme.web.fc2.com/top.html
- ベストアンサー
- CSS
- 【初心者】cssの背景画像について
cssを独学で勉強中なのですが、背景画像をなぜかうまく表示させられません。 やりたいことは例えば↓のページのように、 背景に画像を指定してメインのコンテンツは白を背景にするというよくあるレイアウトです。 http://www.spstore.com/ bodyの背景に画像を指定、メインコンテンツ(<div id="container">)の 背景として白の画像をrepeatで指定というようにしているのですが、containerの背景画像が表示されません。 初歩的な質問ですみませが、「ここがおかしい」という点と、 もし可能であれば「ふつうはこうする」というのがあれば教えてください。 以下作りかけですがcssとhtmlです。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ * { margin: 0; padding: 0; font-size: 15px; } body { background-image:url(../img/washi.png); background-repeat: repeat; } #header { width: 750px; height: 50px; margin-right: auto; margin-left: auto; margin-top: 10px; } #container { width: 750px; margin-right: auto; margin-left: auto; background-image:url(../img/white.gif); background-repeat: repeat; } #footer { width: 750px; margin-right: auto; margin-left: auto; } #logo { width: 300px; float: left; } #global-nav ul li { clear: both; display:inline; list-style:none; width: 450px; margin-right: auto; margin-top: auto; margin-bottom: auto; } .local-menu { width: 200px; height: 150px; margin: 0px 25px; list-style-type: none; float: left; } .local-menu ul li { list-style-type: none; } ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <!DOCTYPE hTML PUBLIC "-//W3C//DTD XhTML 1.0 Transitional//EN"> <html> <head> <link rel="stylesheet" type="text/css" href="css/common.css" /> </head> <body> <div id="header"> <div id="logo"> <img src="img/logo.gif" /> </div> <div id="global-nav"> <ul> <li>●</li> <li>●</li> <li>●</li> </ul> </div> </div> <div id="container"> <!-- メインイメージ --> <img src="img/img_main.jpg" alt="タイトル" /> <!--// メインイメージ --> <div id="map"> <!-- MAP --> </div> <div class="local-menu"> <h3>●</h3> <ul> <li>●</li> <li>●</li> <li>●</li> <li>●</li> <li>●</li> <li>●</li> <li>●</li> </ul> </div> <div class="local-menu"> <h3>●</h3> <ul> <li>●</li> <li>●</li> <li>●</li> </ul> </div> <div class="local-menu"> <h3>●</h3> <ul> <li>●</li> <li>●</li> </ul> </div> <div class="local-menu"> <h3>●</h3> <ul> <li>●</li> <li>●</li> </ul> </div> <div class="local-menu"> <h3>●</h3> <ul> <li>●</li> <li>●</li> </ul> </div> </div> <div id="footer"> <!-- フッター --> </div> </body> </html>
- 締切済み
- CSS
- ul li を inlineにすると、右から順にリスト表示されます
いつもお世話になっております。 基本的なことかもしれませんが、解決できずに困っているので どなたかアドバイスを頂けませんでしょうか。 希望はA,B,Cを左から順に並べて表示させたいのですが、 現在C,B,A となってしまっています。 (希望： A B C 現在： C B A) ---- html ---- <div class="link"> <ul> <li><img src="A.gif"></li> <li><img src="B.gif"></li> <li><img src="C.gif"></li> </ul> </div> ---- css ---- .link ul, li { display: inline; float: right; } これ以降、他の個所（別のclassなど）でul記述しても 全て同様の現象が起きております。 何が原因と考えられますでしょうか？
- ベストアンサー
- HTML
補足
そうですね、エントリータイトルのアルファベット順、アイウエオ順に並んでくれればいいと思っています。 可能でしょうか？