プルダウンメニューの中央配置方法とSEO対策について

このQ&Aのポイント
  • プルダウンメニューを中央に配置する方法についてお尋ねです。
  • 質問者様が作成中のウェブページで、右側にある公共機関は中央に配置されているようですが、同じやり方でプルダウンメニューを中央に配置したいとのことです。
  • 具体的なウェブページのURLやコードも記載されており、それを参考にどのようにプルダウンメニューを中央に配置するか、またSEO対策にどのようなハッシュタグを使用するかをアドバイスしていただきたいとのことです。
回答を見る
  • ベストアンサー

プルダウンメニューを中央に置きたい 

HPB15 プルダウンメニューを中央に置きたいのです。 同じやり方で作成していますが、右側の公共機関 は中央にあります。 どうすれば 中央にできますか http://www006.upp.so-net.ne.jp/*******/********/index.html ---------------------------------------------------------- <!-- function jumpURL(target){ if(target != ""){ location.href = target } } document.write('<FORM>') document.write('<SELECT NAME="select" onChange="jumpURL(this.options[this.selectedIndex].value)">') document.write('<OPTION VALUE="">*****); document.write('<OPTION VALUE="../********/etc/aisatu.html">会長挨拶'); document.write('<OPTION VALUE="../********/etc/yakuin.html">役員名簿'); document.write('<OPTION VALUE="../********/etc/jigyoukeikaku.html">事業計画'); document.write('<OPTION VALUE="../********/H22katsudou.html">活動報告'); document.write('<OPTION VALUE="../********/H22kiyaku1.html">規約'); document.write('<OPTION VALUE="../********/etc/chiikizu.html">宮谷地域図'); document.write('<OPTION VALUE="../********/etc/heimenzu.html">会館平面図'); document.write('</SELECT></FORM>') //--> よろしくお願いします。

  • esd827
  • お礼率48% (219/455)
  • CSS
  • 回答数3
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

ホームページビルダーをプロが使わない一番の理由は・・ 【引用】____________ここから しかし、動作モードや設定などの指定によっては、出力されるHTMLなどに問題が発生することがある(タグが自動的に修正されてしまうなど)ため、利用には注意が必要である。それらの問題が理由で、プロのウェブデザイナー(ウェブページ制作者)の場合、ホームページ・ビルダーを使用することはまずない。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[ホームページ・ビルダー - Wikipedia/作成モードごとの特徴( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%93%E3%83%AB%E3%83%80%E3%83%BC#.E4.BD.9C.E6.88.90.E3.83.A2.E3.83.BC.E3.83.89.E3.81.94.E3.81.A8.E3.81.AE.E7.89.B9.E5.BE.B4 )]より  テキストエディタで修正したら、ビルダーで開いたらダメです。そのままアップロードしてください。

esd827
質問者

補足

この回答 1/22 upload されています。 この時、一瞬 見えたのですが、消えていました。 今日見ましたら 現れていました。? ご指摘の通り 秀丸で修正し、そのままuploadしました。 両方、上になっています。高さも、これだけ高いです。 現状 使用上問題ないので、okです。

その他の回答 (2)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

HTMLソースをメモ帳で開いて、 <FONT color="#000080"><B><FONT color="#000099" face="MS Pゴシック">&nbsp ;</FONT></B></FONT> を削除してください。 ★削除されてますね。 余分なものがまた入っている <TD style="text-decoration : none;" align="center" valign="middle" bgcolor="#99ffcc">&nbsp;</TD> の&nbsp;も消すこと。  テキストエディタで修正できるようになりましょう。断然早い!!

esd827
質問者

補足

ありがとう御座います。 ご指摘の通り 削除しました。 両方とも 上になっています。 上 下 中央 安定しません。 やるたびに替わります。 それと、1行の高さが 2,3行より高くなっています。 これは今まで 全て 高いです。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

両者を比較してみましょう。 余分な <FONT color="#000080"><B><FONT color="#000099" face="MS Pゴシック">&nbsp;</FONT></B></FONT> が、入ってますね。 ★なお、非常に古い書き方です。  いずれ直さなきゃなりませんね。transitinalは非推奨ですし、HTML1.1,XHTMLでは使えません。またデザインにtabeを使うのも問題ですし・・ ★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )  で、HTMLヴァージョンの□をチェックしてHTML4.01strictでテストすると・・悲惨なことに・・

esd827
質問者

補足

この書き方は、HPB15スクリプトの記述のところに、単に、データを書き込んだだけです。 現在 両方とも 上になっています。 HPB15に問題があると受け止めました。 本の通りに利用しています。 一般のuserとして、具体的にどうしたらいいのか 分かりません。  

関連するQ&A

  • プルダウンメニュから画像fileを呼び出す方法

    hpb15 スクリプトシート  構成: /public_html | /********/   | link.htm   |   /etc/    chiikizu.jpg Q: 下記 A B うまくいきません。 間違いを教えてください。 --------------------------------------------------------------------------- <!-- function jumpURL(target){ if(target != ""){ location.href = target } } document.write('<FORM>') document.write('<SELECT NAME="select" onChange="jumpURL(this.options[this.selectedIndex].value)">') document.write('<OPTION VALUE="">*****'); document.write('<OPTION VALUE="http://www3.daiei.co.jp/stores/0310/">ダイエー港南台店'); ----ok document.write('<OPTION VALUE="href=../etc/chiikizu.jpg">地域図'); -----NG A document.write('<OPTION value="link.htm">リンク'); -----NG B document.write('</SELECT></FORM>') //--> --------------------------------------------------------------------------- よろしくお願いします。

    • ベストアンサー
    • CSS
  • プルダウンメニュー

     こんばんは。 日時をプルダウンメニューで選択するのですが、 月が変わると、内容も変わるようにしたいと思っています。JavaScriptで、出来ると聞いたのですが、 やり方が解りません。 このように書いてみたのですが、 画面には何も表示されません。 助けてください。 <SCRIPT LANGUAGE = "JavaScript"> <FORM NAME="form1" METHOD="post"> if (mm = 2){ document.write("<SELECT NAME="dd1" onChange="document.form1.dd.value=dd1.options[d d1.selectedIndex].value"> <OPTION VALUE="00"> <OPTION VALUE="16">16 <OPTION VALUE="17">17 <OPTION VALUE="18">18 <OPTION VALUE="19">19 <OPTION VALUE="20">20 <OPTION VALUE="21">21 <OPTION VALUE="22">22 <OPTION VALUE="23">23 <OPTION VALUE="24">24 <OPTION VALUE="25">25 <OPTION VALUE="26">26 <OPTION VALUE="27">27 <OPTION VALUE="28">28 </SELECT>日"); } if ((mm = 4) || (mm = 6) || (mm = 9) || (mm = 11)){ document.write("<SELECT NAME="dd1" onChange="document.form1.dd.value=dd1.options[d d1.selectedIndex].value"> <OPTION VALUE="00"> <OPTION VALUE="16">16 <OPTION VALUE="17">17 <OPTION VALUE="18">18 <OPTION VALUE="19">19 <OPTION VALUE="20">20 <OPTION VALUE="21">21 <OPTION VALUE="22">22 <OPTION VALUE="23">23 <OPTION VALUE="24">24 <OPTION VALUE="25">25 <OPTION VALUE="26">26 <OPTION VALUE="27">27 <OPTION VALUE="28">28 <OPTION VALUE="29">29 <OPTION VALUE="30">30 </SELECT>日"); } else{入らないので省きます。 </FORM> </SCRIPT>

  • プルダウンのメニューを表示を2つ設定。

    プルダウンのメニューを表示を2つ設定したいのですが、 どこが間違っているのでしょうか。 基本的にjsは、セレクタ名がかぶっていれば、機能しなくなります。 間違いをご指摘ください。 <!DOCTYPE html> <html> <head> <title></title> <script language="javascript" type="text/javascript"> function selectboxChange() { var val1 = document.forms.form1.Select1.value; var target = document.getElementById("output"); if (val1 == "要素1") { target.innerHTML = "合っています。"; } else { target.innerHTML = "間違っています。"; } } </script> </head> <body> <form name="form1" action=""> <select id="Select1" onchange="selectboxChange();"> <option>---</option> <option value1 == "要素1">要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> </form> <div id="output"></div> </body> </body> <script language="javascript" type="text/javascript"> function selectboxChange11() { var val11 = document.forms.form11.Select11.value; var target = document.getElementById("output11"); if (val11 == "要素11") { target.innerHTML = "合っています。"; } else { target.innerHTML = "間違っています。"; } } </script> </head> <body> <form name="form11" action=""> <select id="Select11" onchange="selectboxChange11();"> <option>---</option> <option value11 == "要素11">要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> </form> <div id="output11"></div> </body> </body> </html>

  • 【プルダウンメニュー】フレームの中のインラインフレームに、ターゲットを指定するには?

    現状は【フレームA(ヘッダー1)】【フレームB(ヘッダー2)】【フレームC(メイン)】【フレームD(フッター)】の4分割のうえに、更にフレームCの中に【インラインフレーム】があります。 フレーム3の中にプルダウンメニューを設置し、インラインフレームに表示させたいのですが上手く動作しません。 ※ちなみに、「var target = "フレームA名";」で試してみると動作はするのですが…。 という事は「フレームの中のインラインフレーム」という点がネックなのでしょうか? とあるソースを改良して使おうと思ったのですが、javascript素人につき行き詰まっています。どなたか回答いただけると嬉しいです。 <SCRIPT TYPE="text/javascript"> <!-- var target = "インラインフレーム名"; function jump(){ var url = document.form1.select.options[document.form1.select.selectedIndex].value; if(url != "" ){ if(target == 'top'){ top.location.href = url; } else if(target == 'blank'){ window.open(url, 'window_name'); } else if(target != ""){ eval('parent.' + target + '.location.href = url'); } else{ location.href = url; } } } // --> </SCRIPT> <FORM NAME="form1"> <SELECT NAME="select" onChange="jump()"> <option value="">お選びください <option value="Ahtml/arr">AAA <option value="B.html">BBB <option value="C.html">CCC <option value="D.html">DDD <option value="E.html">EEE </SELECT> </FORM>

  • プルダウンメニューのターゲット指定

    タイトルどおりなのですが、プルダウンメニュー のリンク先を同ページ内のiframeにしたいのですが これはどうすればできるのでしょうか? こちらに現在の状況を載せておきます。 <SCRIPT LANGUAGE="JavaScript"><!-- function Jump() { tu = document.f.elements['jumpto'].options[document.f.elements['jumpto'].selectedIndex].value if( tu != '-' ) { location.href = tu; } else { alert('移動先を選択して下さい。'); } } // --></SCRIPT> <FORM NAME="f"> <SELECT NAME="jumpto" onChange="Jump();">> <OPTION VALUE="-" SELECTED>移動先を選択</OPTION> <OPTION VALUE="menu1.htm" target="menu">Page1</OPTION> <OPTION VALUE="menu2.htm" target="menu">Page2</OPTION> </SELECT> </FORM> よろしくお願い致します。

  • フレームを使ったプルダウンメニュー

    フレームで「ヘッダー・左メニュー・右メインページ」というように3分割にし、左メニューに置いたプルダウンから項目を選ぶと右メインに表示される、という構造にしたいと思っています。 <HEAD>~</HEAD>内↓ <script language="JavaScript"> function jump(form) { var myindex=form.destination.selectedIndex window.open(form.destination.options[myindex].value, target="main"); } //--> </SCRIPT> プルダウン部分↓ <FORM NAME="form"> <SELECT NAME="destination"> <OPTION VALUE="a.html" SELECTED>あ</OPTION> <OPTION VALUE="k.html">か</OPTION> <OPTION VALUE="s.html">さ</OPTION> <OPTION VALUE="t.html">た</OPTION> <OPTION VALUE="n.html">な</OPTION> </SELECT> <INPUT TYPE="image" SRC="go.gif" onClick="jump(this.form)" BORDER="0"> </FORM> という様に記述した所、例えばプルダウンで「た」を選択した場合、右フレームにちゃんとt.htmlが表示されるのですが、左フレームのプルダウンの項目が「あ」に戻ってしまいます。「た」を選択した状態のまま残したいのですが。 ちなみにボタンに画像を使わず、<INPUT TYPE="button" ・・・・>にするとなぜか「た」選択の状態でちゃんと残ります。でも、できれば画像を使いたいのです。 うまいやり方をご存じの方は、教えていただけますか。おねがいします。

  • プルダウンを2個選び、その結果に基づき、値を返す。

    プルダウンを2個選び、その結果に基づき、値を返したいです。 以下はそのhtml文です。 <!DOCTYPE html> <html> <head> <title>プルダウンのメニューを表示を2つ設定</title> <script> function selectboxChange() { var value1 = document.forms.form1.Select1.value; var value2 = document.forms.form11.Select11.value; var target = document.getElementById("output11"); if ((value == "要素1")&&(value == "要素11")) { target.innerHTML = "合っています。"; } else { target.innerHTML = "間違っています。"; } } //--------------------- // </script> </head> <body> <div>プルダウンのメニュー1</div> <form name="form1" action=""> <select id="Select1" onchange="selectboxChange();"> <option>---</option> <option value="要素1">要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> </form> <div>プルダウンのメニュー2</div> <form name="form11" action=""> <select id="Select11" onchange="selectboxChange();"> <option>---</option> <option value="要素11">要素1</option> <option>要素2</option> <option>要素3</option> <option>要素4</option> <option>要素5</option> </select> </form> <div id="output11"></div> </body> </html> プルダウンを2個紐づけたいのですが、var value=document.formsの文言を紐づけようとしましたが、 紐づけができません。 ですので、打開案をご教授願えたら幸いです。

  • プルダウンメニューのvalue値取得について

    お世話になります。 プルダウンメニューのvalue値を取得するのに以下のjavascriptとhtmlを作成しました。 3つのカテゴリプルダウンメニューのそれぞれのvalue値をflg_fileへ格納して、その値に対応したHTMLへジャンプという物なのですが、実際に動作させると、main_select02や03でvalue値を4、5と指定しているにもかかわらず、実際に動作させるとジャンプする先はlist_NO"1".htmlとなってしまっています。 これはvalue値がちゃんと取得できていないのか、それともプルダウンメニューは値を設定しても、上から自動的に1、2・・・となるのが仕様なのか、元々の作りがおかしいのか頭を悩ませています。 何がおかしいのか、ご教授頂けますようお願いします。 ■javascriptソース function flg_set(n) { switch(n){ case 1: flg_file = document.selectForm.main_select01.selectedIndex; break; case 2: flg_file = document.selectForm.main_select02.selectedIndex; break; case 3: flg_file = document.selectForm.main_select03.selectedIndex; break; } } function select_list() { parent.select.location.href = "list_NO"+[flg_file]+".html"; } ■HTMLソース <FORM NAME="selectForm"> <td width="10"> </td> <td width="120"><select name="main_select01" onChange="flg_set(1)" onFocus="this.blur()" style="font-size:12px; width:120px;"> <option value="0">▲カテゴリ(1)</option> <option value="1">┗ ページ(1)</option> <option value="2">┗ ページ(2)</option> <option value="3">┗ ページ(3)</option> </select></td> <td width="10"> </td> <td width="120"><select name="main_select02" onChange="flg_set(2)" onFocus="this.blur()" style="font-size:12px;width:120px;"> <option value="0">▲カテゴリ(2)</option> <option value="4">┗ ページ(4)</option> <option value="5">┗ ページ(5)</option> </select> </td> <td width="10"> </td> <td width="120"><select name="main_select03" onChange="flg_set(3)" onFocus="this.blur()" style="font-size:12px;width:120px;"> <option value="0">▲カテゴリ(3)</option> <option value="6" selected>┗ ページ(6)</option> </select> </td> <td width="10"> </td> <td width="100%"><input type="button" value="ページジャンプ" onClick="select_list();"> </td> </form>

  • プルダウンで・・・???

    <FORM> <SELECT onchange="location=this.options[this.selectedIndex].value"> <OPTION value="">-----メニュー----- </OPTION> <OPTION value="index.html">TOP </OPTION> <OPTION value="">---------- </OPTION> <OPTION value="内緒・・・">BBS </OPTION> <OPTION value="">---------- </OPTION> </SELECT> </FORM> とした場合 -------- の部分をクリックすると変なページにとびます なんかファイルの一覧みたいな・・・  クリックしてもなにもおこらないようにまたはクリックができないようにするにはどうすればいいのですか?

    • ベストアンサー
    • HTML
  • 複数のプルダウンメニューの作り方。

    ・Aリスト、Bリスト…とプルダウンメニューを複数含んだフォームを一つのhtmlに作りたいのですが、上手くいきません。 一つのフォームに一つのプルダウンメニューは上手くいくのですが、Javascriptを二つ並べると動かなくなります。 とりあえず関数名を重複しない様にしたらいいという事だけはネットで調べてわかりました。 今は、下記の状態になっています。 <script language="JavaScript"> <!-- function MENU(){ mySelect = document.myForm.myMenu.selectedIndex; location.href = document.myForm.myMenu.options[mySelect].value; } // --> </script> <form name="myForm"> <select name="myMenu" onChange="MENU()"> <option value="">A</option> <option value="a001.html">A001</option> <option value="a002.html">A002</option> <option value="a003.html">A003</option> </select> <select name="myMenu2" onChange="MENU()"> <option value="">B</option> <option value="b001.html">B001</option> <option value="b002.html">B002</option> <option value="b003.html">B003</option> </select> </form> ご指南の程宜しくお願いします。