- 締切済み
ＨＴＭＬタグでツリーを作りたいです
現在ＦＣ２ブログを作ってるんですが その中でＨＴＭＬタグでツリーを作りたいと思ってるんですが 思う様に出来ない…と言う質問です まず、今回の目的なんですが ＦＣ２ブログで言う所のユーザータグを作りたいと思いました ところが…多分…ですが 現在のＦＣ２ブログのユーザータグ用プラグインでは 非常に不自由な設定の為、使用出来ないと判断しました そこで考えたのが、フリーウェアを使用して ツリー表示で類似の物を作るという方法です 内容としては、例えばテレビ番組と その番組に出てる役柄名と役者名をツリー表示でと考え <li>番組名</li> <ul> <li><a href="リンク先">役柄名名</a></li> <li><a href="リンク先">役者名</a></li> </ul> ところが…実際に設置して見ると カテゴリーなら下記画像の様なツリー表示が出るんですが どういう訳か 番組名 ●役柄名 ●役者名 こんな表示で出て来るんです これは、何が悪い(？)んでしょうか？
- みんなの回答 （2）
- 専門家の回答
みんなの回答
http://technique.eweb-design.com/0903_tm.html http://technique.eweb-design.com/0903_tm.html javascriptで書かなければならないみたいですが、FC２で使えるか確認してません。
お礼
回答有難う御座います まず、書き忘れたんですが 私の場合、タグに関しても詳しいと言う程じゃないんですが 御紹介のＵＲＬも調べた時に確認しました しかし、理解出来なかった…正確に言うと サンプルのタグを全てコピーして 貼り付けても意味が無い訳で ところが何処からを入れれば良いのかが分かりません 一応 <BODY bgcolor="#ffffff"> <A href="javaScript:treeMenu('treeMenu1')">■ Yahoo! Japan1</a><br> <DIV id="treeMenu1" style="display:none"> ┣ <A href="http://www.yahoo.co.jp/">Yahoo!</A><BR> ┣ <A href="http://bb.yahoo.co.jp/">Yahoo! BB</A><BR> ┣ <A href="http://shopping.yahoo.co.jp/">Yahoo! Shopping</A><BR> ┗ <A href="http://auctions.yahoo.co.jp/">Yahoo! Auctions</A><BR> </DIV> <A href="javaScript:treeMenu('treeMenu2')">■ Yahoo! Japan2</a><br> <DIV id="treeMenu2" style="display:none"> ┣ <A href="http://www.yahoo.co.jp/">Yahoo!</A><BR> ┣ <A href="http://bb.yahoo.co.jp/">Yahoo! BB</A><BR> ┣ <A href="http://shopping.yahoo.co.jp/">Yahoo! Shopping</A><BR> ┗ <A href="http://auctions.yahoo.co.jp/">Yahoo! Auctions</A><BR> </DIV> <BR><BR><BR><BR> </BODY> と入れましたが反映しませんでした 文字は出るんですがクリックしても何の変化も無かったです 更に、クリックするとツリー…と書いてますが ＦＣ２ブログのカテゴリーは クリックしなくても画像の様に表示が出てるんで その表示で出したいんです
関連するQ&A
- 自閉式ツリーの修正について
こんにちは。いつもお世話になっております。 こちらを参考に自閉式ツリーを作りました。 http://amenti.usamimi.info/treemenu2.html --------------------------------------------------------------- <p><a href="javascript:tree2('tree','menu1');" title="ツリーあり">ツリーあり</a></p> <div class="tree" id="menu1"> <ul> <li><a href="aaa.html" title="aaa">aaa</a></li> <li><a href="bbb.html" title="bbb">bbb</a></li> </ul> </div> <p><a href="nashi.html" title="ツリーなし">ツリーなし</a></p> --------------------------------------------------------------- ツリーにする必要のないメニューがあったので、上記の通り<div>～</div>を消したのですが、そのメニューをクリックしても開いたメニューが閉じてくれません。 いろいろと試したのですが駄目だったので、質問に伺いました。 どのように修正をしたらうまく動作するでしょうか。 ご教示のほどよろしくお願いします。
- ベストアンサー
- JavaScript
- ＨＴＭＬ、ＣＳＳ
ＦＣ２（無料サーバー）でホームページを作っているのですが、ＦＣ２の広告（Ｐｏｗｅｒｅｄ ｂｙ…という下に一行だけ出るもの）が私のホームページに表示されなくて困っています。テンプレートを借りて作成したページで、テンプレートのカスタマイズはしていません。広告が表示されないと規約違反になってしまうので、表示させたいのです。何が原因でしょうか？ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link rel="stylesheet" href="st.css" type="text/css"> <title>タイトル</title> </head> <body id="TOP"> <!-- ページ全体 --> <div id="page"> <!-- ヘッダー --> <div id="head"> <h1><a href="index.html">Your Sitename</a></h1> </div> <!-- メニュー --> <div id="menu"> <ul> <li><a href="sample.html">SAMPLE</a> <li><a href="link.html">LINK</a> <li class="on"><a href="text_menu.html">TEXT</a> <li><a href="index.html">INDEX</a> </ul> </div> <!-- コンテンツ --> <div id="contents"> <h2>MENU</h2> <div class="text"> <h3>SHORT STORY</h3> <ul class="sub01"> <li><a href="text.html">STORY01</a> </ul> </div> <div class="text"> <h3>LONG STORY</h3> <h4>TITLE01</h4> <ul class="sub02"> <li><a href="text.html">1</a> <li><a href="text.html">2</a> </ul> </div> <div class="text"> <h4>ILLUST01</h4> <ul class="sub02"> <li><a href="img.html"><img src="img/banner01.gif" width="31" height="31" alt="画像名"></a> <li><a href="img.html"><img src="img/banner01.gif" width="31" height="31" alt="画像名"></a> </ul> </div> <div class="pagetop"><a href="#TOP">▲Top</a></div> </div> <!-- フッター --> <div id="foot"> <ul> <li> </ul> </div> </div> </body> </html>
- ベストアンサー
- HTML
- fc2ブログ ユーザータグ検索先を自分のグログ内に
FC2ブログで、テンプレート名「hiyoko-menu950」を元に使用しています。 ユーザータグの設定でわからないので質問しました。 現在、記事内のユーザータグの単語をクリックすると、 同じユーザータグを使っているFC2ブログが集められたページへリンクされます。 これを、 「自分のブログ内」で同じユーザータグが集められたページへのリンクへ変更したいです。 調べたところ <%topentry_jointtag> という記述を <!--tag_list--> <a href="?tag=<%topentry_tag_list_parsename>"> <%topentry_tag_list_name></a>, <!--/tag_list--> に置き換えると良いようなのですが、 テンプレートでさがしても<%topentry_jointtag>を見つけることができませんでした。 どこをどのように変更したら良いでしょうか？ どうぞ宜しくお願いします。
- 締切済み
- ブログ
- HTMLのアンカーリンクについて。
HTMLのアンカーリンクについて。 アンカーリンクですが、通常どおりリンクをはると、ブラウザ画面の一番上にぴったりくっついたかたちでリンクしてしまします。 たしか、リンク先の上の幅を指定できたと思うのですが、やり方を忘れてしました(^^;ゞ ちなみにHTMLはこんな感じです。 <div id="content"> <div id="anchor"> <ul> <li><a href="post-1">投稿１</a></li> <li><a href="post-2">投稿２</a></li> <li><a href="post-3">投稿３</a></li> </ul> </div> <div id="entry"> <h2 id="post-1">投稿１</h2> <h2 id="post-2">投稿２</h2> <h2 id="post-3">投稿３</h2> </div> </div> すこし検索してみましたが見当たらなくて、質問させていただきました。 どなたか、おわかりの方ご教授いただけると助かります。 よろしくお願いします。
- ベストアンサー
- HTML
- リンクがうまくできません。
リンクがうまくできません。 ホームページのテンプレートをダウンロードし、メモ帳で編集しているところです。 ダウンロードしたものの中にindex.html(トップページ)とpage1.html（リンク先）が入っています。 トップページにリンクを他にも作りたいので、page2,page3,・・とつくったのですが、 <UL id="menu"> <LI><A href="page1.html">about</A></LI> <LI><A href="page2.html">photo</A></LI> <LI><A href="page3.html">blog</A></LI> <LI><A href="page4.html">link</A></LI> <LI><A href="page5.html">mail</A></LI> </UL> こうした場合に、page1.htmlはちゃんとリンクできるのですが、それ以外のリンクが出来ません。 何か間違えているんでしょうか？ それとも、他に何かしなくてはならないことがあるんでしょうか？ 初歩的な質問かもしれませんが、よろしくお願いします。
- ベストアンサー
- ブログ
- サイトのタグ打ちについて
はじめまして。リンクを貼りたいと考えタグを打ったのですが、 実際に、リンクが貼れていませんでした・・・。 どこが間違っているのか、教えていただけたら幸いです。 <li><a href="#koubutu">わんぱくゴンスケの大好物</a></li> <li><a href="#sanpo">ゴンスケの散歩道</a></li> <li><a href="#kuruma">ゴンスケ、車の運転に挑戦！</a></li> </ul> <h2><a name="koubutu">わんぱくゴンスケの大好物</a></h2> よろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- HTMLのulタグで表示される「・」を消したい
ネットで調べて下記二通りを試しましたが消せませんでした。 １．HTMLで<ul class="doterase">とし、CSSで .doterase li { list-style: none; } とした。HTMLでClass="doterase"としているのにCSSで.doteraseと先頭に「.」を追加した理由は 判りません。 ２．HTMLでulタグに <ul style="list-style: none;">としても同じでした。 HTML,CSSのコードは下記のとおりです。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>日本の将来る</title> <meta name="discriptio" content="八十路の提言"> <link rel="stylesheet" href="homestyle.css"> </head> <body> <h1><center>日本の将来</center></h1> <h2><center>八十路の提言</center></h2> </body> <ul > <li> <a href="https://google.co.jp">aaaa</a> </li> <li> <a href="https://google.co.jp">bbbb</a> </li> <li> <a href="https://google.co.jp">cccc</a> </li> </ul> <div style="border: 3px none;"> 枠線を実線で装飾１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１ </div> </html> CSS @charset "UTF-8" ; body { background-color : #adcc33; font-size: 40px; width: 200; height:200; position: relative; /* 日本の将来に期待する */ top: 10px; /* 上から10px */ p { font-size: 40px; } <style> .doterase li { list-style: none; } </style> <ul class="doterase"> <li>aaa</li> <li>bbb</li> <li>ccc</li> </ul> li { color: #000000; font-size:30px } 参考書を理解しないままコピペでつくっています。HTML/CSSは最近始めたばかりなので超初心者です。よろしくお願いいたします。Windows11なのでHTML,CSS.共最新バージョンだと思います。 なお、これと同じ内容で他のQ&Aサイトに投稿しましたが質問の仕方が拙かったようで内容の訂正でなく取り消し後再質問したら回答がなくなったためこちらに質問しています。
- ベストアンサー
- HTML
- HTMLタグについて質問です。
HTMLタグについて質問です。 FC2ブログを使用しているのですが、記事内やフリーエリアのプラグインなどでリンクをツリー表示できるようにしたいのです。 が、HTMLタグに関しては全くの無知なもので、どうしていいやらさっぱり。 どんなタグを打てばいいかお教えください。 よろしくお願いします。
- ベストアンサー
- ブログ
- UL, LIタグでの質問
いつもお世話になっています。 自分では以前から疑問に思いつつも放置していた問題です。 その問題とは、UL,LIタグでツリー表示を行い、 各項目にリンクがあります。その項目の選択位置が 項目の文字の長さによって文字がないところでも選択が出来るのです。 言語仕様であればそれで通すのですが、そういうわけでもなさそうな気配なのでどうにか解決したいと思っています。 ソースは下記のようになっていています。 <nobr><ul> <li id=foldheader><a href="">ZZZZZ</a></li> <ul id=foldinglist style=display:none style=&{head}> <li id=foldend><a href="">XXXXXXX</a></li> <ul id=foldinglist style=display:none style=&{head}> </ul> </ul> </nobr> これでいうと、ZZZZZの文字のちょっと後ろがクリックできて、XXXXXXXが表示されます。 で、XXXXXXXが表示されるとXXXXXXXの長さ＋アルファぶんだけ後ろまでZZZZZの後ろに選択できる範囲が広がります。 また、XXXXXXXの前にも選択出来る範囲が出てきます。 これを、純粋に文字の部分だけ選択出来るようにする方法はあるのでしょうか？ 以上、よろしくお願いいたします。 ※文字数制限により、開閉のJavaScriptは省略
- ベストアンサー
- HTML
- <li>タグを連続しようで IEで変な表示がされる
html上で下記のようなものを連続で使用したら 変なところにテキスト内容が出てきてしまっています。 IE６とIE７だけに見られる症状のようで ご存知の方いらっしゃいましたらご回答お願い致します。 <ul> <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> <ul> <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>
- ベストアンサー
- HTML
お礼
回答有難う御座います ただ…残念ながらダメです やはり反映しません それと、前回のレスで 私はツリー表示でもクリックしなくても表示出来る ツリー表示を希望と書いたんですが その事に対しては触れて頂いてませんが それも加えた上でのタグでしたか？
補足
書き忘れました 私も無料サーバーの事は知ってます 知ってます…と言っても 詳細は知りませんが、以前に人に教えて貰い 無料のアクセス解析を設置した経験だけ持ってます そのサーバーを、どう利用するんでしょうか？