![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
http://oshiete1.goo.ne.jp/qa533906.htmlを参考にし、ツリーリンク自体は出来たのですが、文字サイズが変えられません。
ツリーリンクででてくる文字のサイズを少し小さくしたいのですが、どうしたらいいのでしょうか
No.2ベストアンサー
- 回答日時:
#1です。
そのままで、サブタイトルの文字を小さくしたいのなら、fontのsize属性で-1とか指定してあげれば、一応できますが…
http://www.tohoho-web.com/html/font.htm
そもそもfontタグは非推奨とか、「id="com"」が複数ある(idは重複を許さない)とか、テーブルタグの片鱗が見られますがテーブルレイアウトもなくなる方向にありますし、「document.all」という記述もあまりいただけないなどいろいろありそうなので、今のうちに修正しておいたほうがよろしいかも…
(記法については、人のことを言えた柄ではないけれど…)
No.1
- 回答日時:
どのようなソースで実現しているのか不明ですが、ツリーの開閉はスクリプトでやるにしても、文字サイズは階層構造で決まっているのでしょうからスクリプトの必要はないと思われます。
表示スタイルの設定なので、CSSを利用するのがよろしいかと…
(ソースが不明なので、参考まで)
<html>
<head><title>test</title>
<style type="text/css">
ul.list, ul.list ul { list-style:none; }
ul.list li { font-size:120%; font-weight:bold; }
ul.list ul li { font-size:100%; font-weight:normal; }
ul.list ul ul li { font-size:70%; }
</style>
</head>
<body>
<ul class="list">
<li>大項目1
<ul>
<li>中項目1-1</li>
<li>中項目1-2</li>
</ul>
</li>
<li>大項目2
<ul>
<li>中項目2-1
<ul>
<li>小項目2-1-1</li>
<li>小項目2-1-2</li>
</ul>
</li>
<li>中項目2-2</li>
</ul>
</body>
</html>
ふつうソース書きますよね…申し訳ありません
文字サイズが変えられない今は
<SCRIPT language="JavaScript">
<!--
flag = new Array();
function tree(num){
com_list = document.all.item("com");
if(flag[num] == 1){
com_list[num].style.display='none';
flag[num] = 0;
}
else{
com_list[num].style.display='block';
flag[num] = 1;
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<SPAN onclick="tree(0)">
<B>タイトルI</B>
</SPAN>
<BR>
<!--リンクの設定-->
<FONT color="green" id="com" style={display:none;}>
┣ <a href="URL">サブタイトルI</a><BR>
┣ <a href="URL">サブタイトルI</a><BR>
┣ <a href="URL">サブタイトルI</a><BR>
┗ <a href="URL">サブタイトルI</a><BR>
</FONT>
<BR>
</TD>
</TR><TR>
<TD>
<SPAN onclick="tree(1)">
<B>タイトルII</B>
</SPAN>
<BR>
<!--リンクの設定-->
<FONT color="green" id="com" style={display:none;}>
┣ <a href="URL">サブタイトルII</a><BR>
┣ <a href="URL">サブタイトルII</a><BR>
┣ <a href="URL">サブタイトルII</a><BR>
┗ <a href="URL">サブタイトルII</a><BR>
</FONT>
<BR>
を使っています
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ブラウザ) Webサイトのフォントサイズを統一できないか 1 2023/06/28 11:11
- ヤフオク! ヤフオクに出品したいのですが、タグを実行出来ません。 2 2022/09/16 12:36
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- WordPress(ワードプレス) ワードプレスの表示文字サイズの変更 1 2022/07/22 09:31
- Gmail 「Andoroidスマホ、Gmailで 文字の大きさの変更はどうすればいいのでしょうか?」 普段、文 1 2023/04/04 17:11
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- Word(ワード) Wordでの印刷サイズについて A4の原稿をB5サイズで出力したいとき、 印刷から用紙サイズの指定か 4 2022/04/30 09:51
- Illustrator(イラストレーター) イラストレーターでA3用のサイズでポスターを作成しましたが、B5サイズに縮め変更したいです。しかしB 4 2022/07/19 20:30
- 画像編集・動画編集・音楽編集 写真への文字の貼り付け 4 2023/04/06 18:39
- その他(メールソフト・メールサービス) メールソフトを教えてください 1 2023/03/28 23:32
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
「jQuery」アコーディオンメニ...
-
jqueryのsortableで一部ソート...
-
Jqueryでリストのスクロール
-
jquery ドロップダウンメニュー...
-
質問に答えていくと、回答によ...
-
どの<li><a> が押されたか判別...
-
ツリーリンク 文字サイズ
-
jqueryプルダウンメニュー個別着色
-
jqueryのvalue習得によるhtml書...
-
サイトにコンテンツを並べる際...
-
MAX関数を使ってからLEFT JOIN...
-
クリックで色変更後に既に変更...
-
jspでcssが読み込めない
-
JavaScriptで変更した属性の元...
-
JavaScriptでボタンをクリック...
-
曜日と時間を指定して表示画像...
-
eclipseでcssを使うためには?
-
JSPでの画像ファイル表示
-
iframe内のリンクが飛ばないの...
-
libjpegライブラリの使い方につ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jqueryのsortableで一部ソート...
-
「jQuery」アコーディオンメニ...
-
javascript テキストエリアを1...
-
jquery ドロップダウンメニュー...
-
jQueryでネスト構造の<li>がク...
-
クリックした<a>タグのみにClas...
-
jQueryの配列の渡し方について
-
for(var i=0;...) の i の値を...
-
JavaScriptによる疑似プルダウ...
-
jQueryのeqで最後からn番目以降...
-
javascriptでEnterキーをtabキ...
-
Jquery タブで、4つのliのうち...
-
【javascript で動的に a タグ...
-
どの<li><a> が押されたか判別...
-
マウスオーバーで開閉できるア...
-
同一ページ内で、任意の文字列...
-
jqueryプルダウンメニュー個別着色
-
JavaScript インクリメントの書...
-
複数の画像をランダム(シャッ...
-
タブ切り替えの初期表示について
おすすめ情報