プルダウンを右端にセットしたいのですが、

右端というのは、画面ではなく、自分の設定した幅の右端という事です。

従って、DIVでALIGN="RIGHT"とかはウィンドウの大きさに対して動いてしまうのでダメです。

なにかいい方法があれば、よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

指定幅のテーブルを作り、その中で


  <td align="right">
   <select name="...">
   <option value="..">項目名1
        :
   </select>
  </td>
とする。
これでNNでも問題なく表示されますよ。

No.1の補足にある
  >プルダウンの中身がおかしくなる
とは、具体的にどうなるのですか?文字化けですか?

またブラウザのバージョンもお願いします。
    • good
    • 0

 あらかじめ<table width=1200>などに設定して置けば、ウィンドウの幅如何に関わらず設定は保持されます。

つまり、ウィンドウを小さくすると横スクロールバーが出る、ということです。
 そのセルの中で<div align="right"></div>を指定すれば、問答無用で設定した幅を変えずに右端にいきます。
 つまり、ウィンドウの大きさに関わらず一定の絶対ピクセルで幅を指定すればなんでもOK、ということですね。
    • good
    • 0

設定した幅いっぱいのテーブルを組んで、その右端のセルにプルダウンを入れる、という方法ではダメでしょうか?

この回答への補足

すみません。NNでこの方法をやるとプルダウンの中身がおかしくなるので、
できれば違う方法があれば、教えください。
NNではtebleタグにselectを入れるとおかしくなるのですか?

補足日時:2001/05/11 16:19
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QSELECT要素の垂直位置

SELECTをheight指定で高さを広げています。

<select style='height:30px;'>
<option value='1'>要素1</option>
<option value='2'>要素2</option>
<option value='3'>要素3</option>
<option value='4'>要素4</option>
</select>

IE8だと要素文字列がプルダウン表示枠の下に寄ってしまいます。
FireFoxやIE9以上だと垂直方向の中央に寄ります。

できれば、これをIE8でも垂直方向の中央に寄せたいのですが、
方法がわかりません。宜しくお願いします。

IE8だと
┌─────────────
│                   
│                   ▼
│要素1               
└─────────────

↓ IE8でもこうしたい

FireFoxやIE9以上だと
┌─────────────
│                   
│要素1               ▼
│                   
└─────────────

SELECTをheight指定で高さを広げています。

<select style='height:30px;'>
<option value='1'>要素1</option>
<option value='2'>要素2</option>
<option value='3'>要素3</option>
<option value='4'>要素4</option>
</select>

IE8だと要素文字列がプルダウン表示枠の下に寄ってしまいます。
FireFoxやIE9以上だと垂直方向の中央に寄ります。

できれば、これをIE8でも垂直方向の中央に寄せたいのですが、
方法がわかりません。宜しくお願いします。

IE8だと
┌─────────────
│           ...続きを読む

Aベストアンサー

 formのユーザーインターフェースに関わる物は基本的にスタイルシートで変更はできません。出来たとしても弄るべきではありません。
 サイトごとに、ユーザーインターフェースが異なると困るからです。

 ただ、標準モードだと下記の通り・・
p.form{line-height:60px;}
p.form select,p.form select option{display:block;height:60px;}


<form action="./">
 <p>本文項記事</p>
 <p class="form">
  <select name="test">
   <option value='1'>要素1</option>
   <option value='2'>要素2</option>
   <option value='3'>要素3</option>
   <option value='4'>要素4</option>
  </select>
 </p>
</form>

★UIに関わる部分---例えばカソールとか---は弄らないは原則です。
 すべてのユーザーがfirefoxやIE,Chrome使っているわけじゃない。
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )]より

 formのユーザーインターフェースに関わる物は基本的にスタイルシートで変更はできません。出来たとしても弄るべきではありません。
 サイトごとに、ユーザーインターフェースが異なると困るからです。

 ただ、標準モードだと下記の通り・・
p.form{line-height:60px;}
p.form select,p.form select option{display:block;height:60px;}


<form action="./">
 <p>本文項記事</p>
 <p class="form">
  <select name="test">
   <option value='1'>要素1</option>
   <option value='2'>要素2</optio...続きを読む

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

Qプルダウンメニューの開く方向をコントロールしたいのですが

はじめまして、flyingmanと申します。いつも皆なさんの質問・回答で勉強させていただいて大変感謝しております。

さて今回、年・月・日・時を選択するために4つのプルダウンメニューをselectタグを使い作成したのですが、日指定のプルダウンメニューだけが、上方向に開いてしまいほかの3つのメニューと開く方向をそろえたいと色々調べておりますがなかなかいい方法が見つからないしだいです。
selectタグへのスタイル指定でそのようなことができるかどうか教えていただけないでしょうか?

環境
OS:WindowsXP SP2
ブラウザ:Internet Explorer Ver6.0 のみ

プルダウンメニューの開く方向は、プルダウンメニューの位置と開くメニューの高さで自動に決まってしまうのだろうとは思うのですが、位置をずらさずに開く方向だけを変更できる方法をご存知でしたら教えてください。
よろしくお願いいたします。

Aベストアンサー

#1補足>
補足ありがとうございました。
状況は確認できましたが、やはり、そのような指定をする設定はないようです。

Qjavascriptでセレクトボックスの"selected"を動的につ

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>月

<select name='day'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
<option value='13'>13</option>
<option value='14'>14</option>
<option value='15'>15</option>
<option value='16'>16</option>
<option value='17'>17</option>
<option value='18'>18</option>
<option value='19'>19</option>
<option value='20'>20</option>
<option value='21'>21</option>
<option value='22'>22</option>
<option value='23'>23</option>
<option value='24'>24</option>
<option value='25'>25</option>
<option value='26'>26</option>
<option value='27'>27</option>
<option value='28'>28</option>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日


このセレクトボックスに、例えば今日の日付"2010年9月30日"だったら、それぞれの年、月、日の<option>に"selected"をつけたいのですが、javascriptではどのようにして実現したら良いのでしょうか?

よろしくお願いします。

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8...続きを読む

Aベストアンサー

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<option value='2009'>2009</option>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>月

<select name='day'>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日
</div>
</form>

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<opt...続きを読む

Qボタンを横に並べて表示させる方法

<input type="button"> ←このボタンを、並べて表示させるにはどうしたら良いでしょうか? (tableは使わない方法で) よろしくお願いいたします

Aベストアンサー

ソースをください。

inputはインライン要素なので改行は入らないです。

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか?
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、3つ以上なら
別途function化したほうが、可読性が高くなると
思います。

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Qテーブル内の文字列を改行させたい

<TABLE border="1">
<tr> <TD>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</TD>
</tr>
</TABLE>

これを、ある一定の幅を指定して改行させたいのですが、
CSSを使おうが使わず指定しようが、反映されません。
全角文字だと反映されます。

IE6、IE7で対応させたいと思っています。

CSSでも何でも良いので、どうすれば対応出来るのか
ご教示下さい。

Aベストアンサー

英数半角文字だと、続けて入力した場合、一つの単語とみなして禁則処理をしてしまうんだと思います。
なので、<br>で改行するのがいいのかと思いますが、
IEで対応したいということなので、IE7で動作するかはわかりませんが、
word-break:break-all;
の指示で単語の切れ目を無視して改行してくれると思います。

参考URL:http://www.htmq.com/style/word-break.shtml

Qプルダウンメニューで中央表示

プルダウンメニューで中央表示
HTMLのプルダウンメニューで文字を中央寄せにすることは可能でしょうか?
ページのレイアウト上、ボックスの幅を広くとっていて、
リストの文字が端によりすぎてしまうので、中央に表示したいのですが、
tableタグなどで使えるalignのようなものはないのでしょうか。
ご存知の方、教えていただけると助かります。
よろしくお願いします。

Aベストアンサー

ブラウザ次第ですね

firefoxだとtext-align:centerでできるんですがIEだと無効のようです。
どうしてもということであれば、fontをmonospaceにして
スペースでインデントするなどでごまかすとか・・・

<style>
select{
font-family:monospace;
}
</style>
<select>
<option value="">1</option>
<option value="">test</option>
<option value="">3</option>
</select>

QHTMLのSELECTタグの選択肢表示方向

もしお分かりの方おられましたらご教示いただけましたら助かります。

HTMLのSELECTタグですが、
▼を押すと選択肢が出てきます。
この表示される方向が上のときと下のときがあるのですが、
どちらに表示されたかをJavascriptで取得したいと思っています。
そのようなことはできるのでしょうか。。

やりたいことは、SELECTをクリックされたときに、
選択肢が上に出るときは、選択肢のリストの内容を逆順にしたいと思っています。
よろしくお願いします。

Aベストアンサー

・基本的に下に表示する
・ディスプレイからはみ出す場合には上に表示する
という仕様のようですので

・ディスプレイのサイズ
・ブラウザのウインドウのサイズ
・SELECT要素の位置
・ブラウザのスクロール位置
・SELECT要素のリストの長さ
から算出すれば実現可能だと思います。

それぞれJavaScriptで取得可能ですが
ブラウザの種類やバージョンによって
取得方法が異なったり取得できないものもあるかもしれません。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング