
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
私なら、コンテンツの抜本的見直しをします。
サイトの内容にもよるので一概に言えませんが、一般的にWebサイトの過去の更新履歴が重要な意味を持つことはありません。つまり、コンテンツの量が減れば、結果的に質問は解決されます。たとえば、アクセス解析で、数年前の更新履歴ページにどれくらいのアクセスがありますか?仮にそれが全体のアクセスの1%だとしたら、1%のために、使いにくいページを提供する必要があるのか、あるいは、それを修正するコストを見る必要があるのか。とか、そんな考え方をします。
No.1
- 回答日時:
たとえば
<div id="UPDATE_LIST">
<h2>更新履歴</h2>
<div class="contentTable">
<ol>
<li><a href="#Y2012">2012年</a>
<ol>
<li><a href="Y2012M1">1月</a></li>
<li><a href="Y2012M2">2月</a></li>
<li><a href="Y2012M3">3月</a></li>
・・・・
</li>
</ol>
</div>
<dl>
<dt id="Y2012">2012年</dt>
<dd>
<dl>
<dt id="Y2012M01">2012年1月</dt>
<dd>2010.01.02:<span><a href="">なんとか</a>を更新しました。</dd>
<dd>2010.01.05:<span><a href="">なんとか</a>を更新しました。</dd>
・・とかだったとします。
スタイルシートにて、#UPDATE_LISTの高さを400px程度にしておいて、その中の目次をその高さいっぱい程度で表示させて、必要ならoverflow:autoにでもしておきます。
#UPDATE_LIST{height:400px;position:relative;}
#UPDATE_LIST div.contentTable{
position:absolute;
width:200px;
top:0;left:0;
overflow:auto;
}
#UPDATE_LIST dl{
margin-left:210px;
orverflow:hidden;/* またはauto */
}
目次や、それぞれのデータもクリック(:active)やマウスオーバー(:hover,:active)でひがるようにしておいたら見やすいでしょう。
スタイルシートで、frameもどきを行うと考えれば良いです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
疑似クラス :activeが効きません
-
HTMLでメニューをリストで書き...
-
html/cssの、navを2段にする...
-
css 横並びのナビゲーションバ...
-
全ページに共通のヘッダーを置...
-
ホームページ作成について質問です
-
Jquery アコーディオンメニュー...
-
ドロップダウンメニューが隠れ...
-
Tableの1セル内に画像・テキス...
-
線をアレンジしたい。
-
divタグ内のコンテンツが重なっ...
-
タイトルの横にサブタイトルが並ぶ
-
プルダウンメニューの背景色を...
-
アコーディオンメニューがかく...
-
カルーセルスライダー「slick.j...
-
原型は参考書から引っ張り出し...
-
含む含まないという概念自体の...
-
htmlのolやulなどlistにtitleや...
-
html の divとtable の役割
-
【至急】cssのコーディングにつ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
ulタグやliタグの中でbrタグ...
-
html/cssの、navを2段にする...
-
liタグの中に<p>タグやら<dl>を...
-
divタグ内のコンテンツが重なっ...
-
htmlの<ol>タグで、数字などを...
-
ドロップダウンメニューが隠れ...
-
<li>タグの数が増えすぎたので...
-
番号付きリスト(<Ol><Li>・・...
-
レスポンシブWebデザインでリン...
-
html <ul></ul>の並びで一行空...
-
list-style-type部分だけ大きく...
-
<ul><li></li></ul>にするメリ...
-
複数行にまたがる括弧を表示し...
-
リンク文字同士の間隔を開ける...
-
画像にリンクを張ると画像がず...
-
テーブル内のプルダウンの下に...
-
html <li>の中の文字一部に色を...
-
IEで<td>の全角を有効にする方法
-
ページを開いているときのリン...
おすすめ情報