電子書籍の厳選無料作品が豊富!

http://oshiete1.goo.ne.jp/qa533906.htmlを参考にし、ツリーリンク自体は出来たのですが、文字サイズが変えられません。

ツリーリンクででてくる文字のサイズを少し小さくしたいのですが、どうしたらいいのでしょうか

A 回答 (2件)

#1です。



そのままで、サブタイトルの文字を小さくしたいのなら、fontのsize属性で-1とか指定してあげれば、一応できますが…
http://www.tohoho-web.com/html/font.htm

そもそもfontタグは非推奨とか、「id="com"」が複数ある(idは重複を許さない)とか、テーブルタグの片鱗が見られますがテーブルレイアウトもなくなる方向にありますし、「document.all」という記述もあまりいただけないなどいろいろありそうなので、今のうちに修正しておいたほうがよろしいかも…
(記法については、人のことを言えた柄ではないけれど…)
    • good
    • 0
この回答へのお礼

2回もありがとうございます・・・!
おかげで文字サイズもしっかり小さく出来ました、ありがとうございました!

お礼日時:2009/12/25 00:09

どのようなソースで実現しているのか不明ですが、ツリーの開閉はスクリプトでやるにしても、文字サイズは階層構造で決まっているのでしょうからスクリプトの必要はないと思われます。



表示スタイルの設定なので、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>
    • good
    • 0
この回答へのお礼

ふつうソース書きますよね…申し訳ありません

文字サイズが変えられない今は

<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>

を使っています

お礼日時:2009/12/24 18:12

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!