忙しい現代人の腰&肩のお悩み対策!

こんにちは。
<fieldset>タグについて質問があります。
ラジオボタンの選択内容を上記タグでグループ化(見た目)して表示したいのですが、
選択内容のタイトルが短く、<fieldset>タグが画面全体に表示されて
非常に醜い状態になります。
<fieldset>タグの大きさ(横の長さ)を変更することはできるのでしょうか?
参考書を見ながらやってるのですが、何も書いてないので困っています。

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

A 回答 (2件)

スタイルシートが使えますので、それでwidth属性を変更したらいいでしょう。


<fieldset style="width=ポイント数">
としてやれば、制御できます。
styleで制御できる属性は、スタイルシートに準ずるはずですので、CSSを調べてみてください。

ただし、<fieldset></fieldset>タグの中に<table>タグなどが入っていると、tableの幅以下にはできないのでご注意ください。
ラジオボタンをtableで配置していて、そのtableのwidthが100%とかになっているのであれば、tableタグのwidthを調整してやれば小さくできます。
    • good
    • 1
この回答へのお礼

わーーーーーーーーーーーーーーーい!!できました。
ありがとうございました。m(. .)m

お礼日時:2002/10/08 11:39

fieldsetタグの大きさを変更するのはあまり聞きませんが、


そのかわりtableタグの大きさを指定して、その中にfieldsetタグを挿入すれば大きさを指定することはできます。

もし他に方法が見つからなければ試してみてくださいね。
    • good
    • 0
この回答へのお礼

tableタグを使用してfieldsetタグを挟んだんですが、
fieldsetに格納したいデータの下にtableができてしまいます。(泣)
tableタグのサイズの問題なんでしょうか・・・

お礼日時:2002/10/08 11:30

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

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

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

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

Q複数のテーブルをFIELDSETで・・

<fieldset>
<legend>住所・氏名を記入して下さい。</legend>
<table border="1">
<tr>
<th colspan=4>お申し込み者</th>
</tr>
<tr>
<td>郵便番号</td>
<td colspan=3><input type="text" name="郵便番号" size="10"></td>
</tr>
<tr>
<td>ご住所</td>
<td colspan=3><input type="text" name="住所" size="60"></td>
</tr>
<tr>
<td>ふりがな<br>
お名前</td>
<td><input type="text" name="ふりがな" size="20"><br>
<input type="text" name="氏名" size="20">
<td>電話番号</td>
<td><input type="text" name="電話番号" size="16"></td>
</tr>
</table>

<br><br>
<table border="1">
<tr align="center">
<td colspan=4><b>お届け先</b>(お申し込み者と異なる場合のみご記入ください)</td>
</tr>
<tr>
<td>郵便番号</td>
<td colspan=3><input type="text" name="届け先郵便番号" size="10"></td>
</tr>
<tr>
<td>ご住所</td>
<td colspan=3><input type="text" name="届け先住所" size="60"></td>
</tr>
<tr>
<td>ふりがな<br>
お名前</td>
<td><input type="text" name="届け先ふりがな" size="20"><br>
<input type="text" name="届け先氏名" size="20">
<td>電話番号</td>
<td><input type="text" name="届け先電話番号" size="16"></td>
</tr>
</table>
</fieldset>

上のように縦に並んだ二つのテーブルをFIELDSETを使って囲んで、LEGENDで表題をつけようと思ったのですがうまくいきません。
どこがおかしいのでしょうか?初心者で参考書片手に作っているので、変なことを聞いていたらごめんなさい。

<fieldset>
<legend>住所・氏名を記入して下さい。</legend>
<table border="1">
<tr>
<th colspan=4>お申し込み者</th>
</tr>
<tr>
<td>郵便番号</td>
<td colspan=3><input type="text" name="郵便番号" size="10"></td>
</tr>
<tr>
<td>ご住所</td>
<td colspan=3><input type="text" name="住所" size="60"></td>
</tr>
<tr>
<td>ふりがな<br>
お名前</td>
<td><input type="text" name="ふりがな" size="20"><br>
<input type="text" name="氏名" size="20">
<td>電話番号</td>
<td><inp...続きを読む

Aベストアンサー

<fieldset>や<legend>はHTML4.0のタグですが、
ネットスケープでは対応していません。
IE4.0以降だそうです。MACで使えるのかも確認してみる必要がありますね。

ちなみに、上記のものをコピーしてWINDOWS98, IE5.5で確認したところ、
ちゃんとLEGENDは使えていましたので、環境の問題であるような気がします。

また、snowdustさんもご指摘されていますが、

<form>
<fieldset>
<legend>住所・氏名を記入して下さい。</legend>
<table border="1">
.
.
.
<td><input type="text" name="届け先電話番号" size="16"></td>
</tr>
</table>
</fieldset>
</form>

と<form>タグを入れ、ここのオプションにデータを渡すcgiなどのアドレスを記入します。

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複数のボタンを等間隔に、かつ中央に配置する

ホームページで、ボタンを横に3つ等間隔に、適度な余白をもって並べ、
さらにその3つがちょうどページの中央に表示されるようにしたいです。
cssをどのように記述すればいいですか?
↓下記のようなイメージにしたいです。

--------------------
--------------------
    □ □ □  ←これがボタンです


↓htmlファイルです↓
<div class="button">
<input type="submit" value="<< 戻る <<" />
</div>

<div class="button">
<input type="submit" value="選択リセット" />
</div>

<div class="button">
<input type="submit" value=">> 進 む>>" />
</div>

↓CSSファイルです↓
div.button {
padding-right:35px;
float:left;
}

上記設定で、ボタンの左右間隔はいい感じにあいたのですが
全体的に左に寄ってしまってます。

よろしくお願いいたします。

ホームページで、ボタンを横に3つ等間隔に、適度な余白をもって並べ、
さらにその3つがちょうどページの中央に表示されるようにしたいです。
cssをどのように記述すればいいですか?
↓下記のようなイメージにしたいです。

--------------------
--------------------
    □ □ □  ←これがボタンです


↓htmlファイルです↓
<div class="button">
<input type="submit" value="<< 戻る <<" />
</div>

<div class="button">
<input type="submit" value="選択リセット" />
</div>

<div class="button...続きを読む

Aベストアンサー

<div class="button">
<input type="submit" value="<< 戻る <<" />
<input type="submit" value="選択リセット" />
<input type="submit" value=">> 進 む>>" />
</div>

div.button {
text-align:center;
}
div.button input {
margin: 0px 20px;
}

Q

こんにちは。教えて下さい。
<fieldset>タグでラジオボタンをグループ化しました。
そのグループ化した囲いの横に表(table)を記述しようと
考えています。
現在はグループ化、表の作成は終了していますが、
動作確認をすると
グループした囲いの下に表が作成されています。
グループ化した後、特に改行など何もしていません。
<fieldset>タグというのは改行の働きも含まれているのでしょうか?

Aベストアンサー

それは当然ではないでしょうか?
特に<fieldset>タグに改行の動きが含まれているわけではなく、ある意味HTMLの仕様かと。
<table>タグを二つかいたら、横には並ばないでしょう?
それと同じだと思います。
(だから、<table>タグの問題になるのかな?)

左右に並べたいなら、大外に<table>タグで枠を作ってあげて、レイアウトする必要があります。

<table>
<tr>
<td><fieldset>~ラジオボタンのグループ~</fieldset></td>
<td><table>~表~</table></td>
</tr>
</table>

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

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

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

Aベストアンサー

<select style="width: 200px">

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テーブルセル余白(例えば左側だけ、上側だけ、など)

こんにちは。
宜しくお願いいたします。

テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、

左側だけ5ピクセル、とか、上側だけ5ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。

その場合のHTML記述を教えてください。

また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="XX"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。

Aベストアンサー

1つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">

両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・

複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>

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