「夫を成功」へ導く妻の秘訣 座談会

tableを画面の中心に表示させたい場合は、どのように指定すればよいのでしょうか?

div algin="center"だと左からのみの指定ですよね
これに上からもcenterにしたい時は、どうすれば良いのか、教えて欲しいのです。

どうか宜しくお願い致しますm(_ _)m

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

A 回答 (3件)

画面の中心というのがいまいちよくわからないのですが・・・。



ページ全体にtableを組んで、その中にさらにtableを組んではいかがでしょう?
bodyのtopmarginとleftmarginに0を指定すれば、隙間なく表示できます。

<table border=0 cellpadding=0 cellspacing=0 width=100% height=100%>
<tr><td align=center valign=middle>
<table><tr><td>
デザインをいれる
  </td></tr>
</table>
</td></tr>
</table>

これでできませんかね?
クロスブラウザ対応かは、チェックしてませんが・・・。

はずしていたらごめんなさい。
    • good
    • 1
この回答へのお礼

有難うございます(#^.^#)
早速試してみたら上手くいきました♪

tableタグの勉強してたのですが、奥が深いですね~
本当に有難うございました!

お礼日時:2002/09/27 14:42

書いてたら全く同じことををPrynneさんが書いてくれたので


他のブラウザで見てみました。

と言ってもマイナーなOpera6.5だけですが。
ちゃんと中央に表示されます。

MozillaとNetscapeはわかりませんが恐らく大丈夫でしょう。
    • good
    • 1
この回答へのお礼

有難うございました=^_^=
Mozillaでもちゃんと表示されました。

ご協力感謝します♪

お礼日時:2002/09/27 14:48

これで左右の中央に来ますね。



<BODY>
<CENTER>
<TABLE border="1">
<TBODY>
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
</TBODY>
</TABLE>
</CENTER>
</BODY>

上からセンターというのは?

画面表示サイズを設定して
中央に配置するようにテーブルを設定するしかないような気がします。
(スタイルシートを使ってでは)

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
BODY{
width : 800px;
height : 600px;
}
TABLE{
position : absolute;
top : 100px;
left : 100px;
width : 600px;
height : 400px;
}
-->
</STYLE>
</HEAD>
<BODY>
<TABLE border="1">
<TBODY>
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
    • good
    • 0
この回答へのお礼

有難うございます♪
スタイルシートでも出来るのですね、一つ勉強になりました=^_^=

本当に有難うございましたm(_ _)m

お礼日時:2002/09/27 14:45

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

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

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

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

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

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

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

Aベストアンサー

<select style="width: 200px">

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

QJava-jspの画面入力値保持について

画面にテキスト、ラジオボタン、リストボックス とボタンがあります。
ボタンを押すと、JAVAで処理を行い、jspのviewで表示します。

1.テキスト、ラジオボタン、リストボックスなどに値が入力、設定されている状態で
ボタンを押して処理後にテキスト、ラジオボタン、リストボックスの値が
変わらないようにしたいのですが、
その場合、たとえば、入力、設定値をセッションになどに格納しておき
jspの所で、セッションから値を設定すると言うような方法になるのでしょうか?

2.ボタン押して処理後、ラジオボタン、リストボックスの選択値も
  変えないようにしたいのですが、
  これはどのように実現するのが、適切なのでしょうか?


以上、よろしくお願いします。

Aベストアンサー

ボタンというのはフォームのサブミットボタンのことですよ?
つまり、画面遷移が起きることを前提とすると(元の同じ画面に戻るのも含みます)

テキスト、ラジオボタン、リストボックスの状態を「要求パラメータ」として
送信し、それを次画面に反映するというのが最も一般的な方法です。

フレームワーク struts のアクションフォーム&JSPカスタムタグを使うと比較的楽に
そういう画面が作れますが、多くのフレームワークでも大差ありません。
簡単な画面なら素のサーブレート+JSPでも十分作れます。

セッションでもできますが、 セッションはログイン情報などの保持など、
限定された範囲で使うのが普通です。また、結局セッションに最新の
テキスト、ラジオボタン、リストボックスの状態を送るには、「要求パラメータ」
を送信する必要があります。

AJAXを使うという方法もあります。この場合、ボタンは AJAX 処理だけを行い
画面遷移を起こさないので、サーバ側で画面のテキスト、ラジオボタン、
リストボックスの状態をもつ必要はありません。

Q 内のテーブルを上寄せにするには?

すみません教えていただけますか?
初心者です。
このまま表示するとTABLE A の直ぐ下のテーブルが中央に来てしまいます。
上寄せにしたいのですが、どのようにすればよいでしょうか?

よろしくお願いします。

<table width="960" border="1">
<tr>
<td width="160">

<!-- TABLE A -->
<table width="160" border="1">
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
</td>
</tr>
</table>
</td>

<td width="800" height="1200" border="1">

</td>
</tr>
</table>

すみません教えていただけますか?
初心者です。
このまま表示するとTABLE A の直ぐ下のテーブルが中央に来てしまいます。
上寄せにしたいのですが、どのようにすればよいでしょうか?

よろしくお願いします。

<table width="960" border="1">
<tr>
<td width="160">

<!-- TABLE A -->
<table width="160" border="1">
<tr>
<td>
<a href="" ><img src="subMenu.gif" /></a>
...続きを読む

Aベストアンサー

TABLE Aを入れているtdに対してvalign="top"を入れると
解決しますよ。

QCSSでテーブルを中央にする方法

CSSでテーブルを中央にする方法を教えてください
いろいろなサイトで見た通りにしたのですが、どうしてもFirefoxではテーブルが中央によりません。

<!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 name="description" content="">
<meta name="keywords" content="">
<title>テーブル</title>
<style type="text/css">
<!--
.tableley {
margin-left: auto;
margin-right: auto;
text-align: center;
}
//-->
</style>
</head>
<body>
<div class="tableley">
<table cellpadding="0" cellspacing="0" summary="テスト" border="1">
<caption style="font-weight: bolder;">てすと</caption>
<tbody>
<tr>
<td>てすと1</td>
<td>てすと2</td>
<td>てすと3</td>
<td>てすと4</td>
</tr>
<tr>
<td>てすと5</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

何が悪いのでしょうか?
<div align="center">にするしか方法がないのでしょうか?
文法検証すると<div align="center">はあまりよくない使い方と指摘されてしまいます

よろしくお願いします。

CSSでテーブルを中央にする方法を教えてください
いろいろなサイトで見た通りにしたのですが、どうしてもFirefoxではテーブルが中央によりません。

<!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 name="description" content="">
<meta name="keywords" content="">
...続きを読む

Aベストアンサー

<style type="text/css">
<!--
.tableley {
text-align: center;
}
.tableley table{
margin-left: auto;
margin-right: auto;
}
.tableley caption{
margin-left: auto;
margin-right: auto;
}
//-->
と記述すれば、table、captionともにセンタリングされます。

余談ですが、
.tableley caption{
margin-left: auto;
margin-right: auto;
font-weight: bold;
}

と記述すれば、
<caption>てすと</caption>

と「style="font-weight: bolder;"」を消してもcaptionが太字になります。
ここら辺は好みですが…

Q縦軸に対して常に中央に配置する方法

centerだと横軸に対して中央に配置しますよね?
縦軸の場合はどんな方法がありますか?
よろしくおねがいします。

Aベストアンサー

どうも、uduki4です。
これと似たような質問に私は答えましたから、
多分、過去の質問検索されたのでしょうか。
されたとしても、よく分らなかったのではないのでしょうか。
まあ追い帰すというのもなんですので、
私が前に答えたのでもよければ、答えましょう。

※この意味は、HTMLタグ辞典等で調べてください。
一様解説もありますが、辞典は、いろんなHTMLの基礎の事を教えてくれるし、今でも私のよき友ですから、いつになっても使えないと言う事はありません。
では、

<HTML>
<HEAD>
<TITLE>index</TITLE>
</HEAD>

<BODY leftmargin="0" topmargin="0">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">内容を書く</td>
</tr>
</table>
</body>
</html>

こうすれば、完全に真中にきます。
解説を、
<BODY leftmargin="0" topmargin="0">
は、まず、
『leftmargin="0"』横の空きが0で、
『topmargin="0"』縦の空きが0と言う事です。
これを応用すれば、テーブルにも出来ますし色々とできます。
次に、テーブルを張ります。
何故と感じたら、HTMLタグ辞典をよく読んで勉強して下さい。
では、
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">は、
『width="100%"』と『height="100%"』が、縦と横を100%とする事で、
表示されているIEやNeなどと言ったブラウザーなどで見たときに、
きちんと表示される事が出来ます。
ただ、表示しようとする物が、表示枠よりも大きくなったときは、出来ませんので・・・
で、『 border="0" cellspacing="0" cellpadding="0"』これは、まじないです。
これをすると、テーブルの枠も見えませんし、隙間だってありません。
で、最後に、『<td align="center" valign="middle">』は、全部真中に持ってくるときのまじないです。

分らないのとがありましたら、HTMLタグ辞典に詳しく載っていますので、解説はこれぐらいにしておきます。

これは、私が試行錯誤の末に、完成したものです(他の人が先に見つけているという可能性もなくはない)が、どうせばれる事だし、『HTML』は、残念ながら、どんな事をしても相手のブラウザーに『HTML』言語を送って表示しているのだから、どうしても何をしても見えてしまいます。ならば、分りやすくきちんと後に続く人のための教えておいたほうが言いでしょう。と、私の勝手な考えを言ってしまいましたが、これが本音です。
それでは、いいホームページが出来ます事を祈って。
では。
以上

どうも、uduki4です。
これと似たような質問に私は答えましたから、
多分、過去の質問検索されたのでしょうか。
されたとしても、よく分らなかったのではないのでしょうか。
まあ追い帰すというのもなんですので、
私が前に答えたのでもよければ、答えましょう。

※この意味は、HTMLタグ辞典等で調べてください。
一様解説もありますが、辞典は、いろんなHTMLの基礎の事を教えてくれるし、今でも私のよき友ですから、いつになっても使えないと言う事はありません。
では、

<HTML>
<HEAD>
<TITLE>i...続きを読む

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スペースを使わず文字位置を揃える方法

素人な者で大変申し訳ありません
以下のように、複数行の文字位置を揃えるタグはどうなるのでしょうか?
(下の例は揃っていませんが・・・)

1.あ        :ABC
2.abc       :ABC
3.あいう      :ABC
4、えお       :ABC

のように、空白部にスペースを使わずに文字位置を揃える方法です
ワードなどの「tabキー」の役割をするタグなんてありますか?

ご教示の程、宜しくお願い致します

以上

Aベストアンサー

 これは、No.がある序列リストですか?あるいは、用語とその説明のようなものでしょうか?
 HTMLは、その文書構造を記述するだけですので、それにしたがってマークアップすれば良いです。
[例][用語とその説明のようなもの]のようですから定義リストでマークアップしてみましょう。
<h3>元素</h3>
<dl class="periodic table">
<dt>水素</dt>
<dd>元素記号(H)、原子量1.008、酸素と共に水をくつる。</dd>
<dt>ヘリウム</dt>
<dd>元素記号(He)、原子量4.003、不活性ガス</dd>
<dt>リチウム</dt>
<dd>元素記号(Li)、原子量6.941、リチウムイオン電池</dd>
</dl>

<h3>元素</h3>
<ol class="periodic table">
<li><span class="element">水素</span>元素記号(H)、原子量1.008、酸素と共に水をくつる。</li>
<li><span class="element">ヘリウム</span>元素記号(He)、原子量4.003、不活性ガス</li>
<li><span class="element">リチウム</span>元素記号(Li)、原子量6.941、リチウムイオン電池</li>
</ol>

これに対して、スタイルシートを次のように書いたりします。
dl.periodic.table{counter-reset: atomicNum 0;padding-left:2em;}
dl.periodic.table dt{float:left;font-weight:bold;}
dl.periodic.table dt:before{
content: counter(atomicNum) ". ";
counter-increment: atomicNum;
}
dl.periodic.table dd{margin-left:7em;}
dl.periodic.table dd:before{content:": ";}

ol.periodic.table span.element{float:left;width:7em;position:relative;font-weight:bold;}
ol.periodic.table span.element:before{content:": ";position:absolute;right:0.5em;}

★他にどのようにマークアップされていても、用語とその説明がが区別できるようにマークアップされていれば、デザインはできます。
★デザインのためにDIVやSAPNを追加しているわけではありません。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』ものです。デザインのために書いてしまうと、デザインのためにtableを使ったのと大差ありません。
 HTML5では、
※DIVやSPANは他に適した要素がないときのための最後の手段
※文書構造を示すため
 となります。

 これは、No.がある序列リストですか?あるいは、用語とその説明のようなものでしょうか?
 HTMLは、その文書構造を記述するだけですので、それにしたがってマークアップすれば良いです。
[例][用語とその説明のようなもの]のようですから定義リストでマークアップしてみましょう。
<h3>元素</h3>
<dl class="periodic table">
<dt>水素</dt>
<dd>元素記号(H)、原子量1.008、酸素と共に水をくつる。</dd>
<dt>ヘリウム</dt>
<dd>元素記号(He)、原子量4.003、不活性ガス</dd>
<dt>リチウム</dt>
<dd>元素記号(L...続きを読む

Qテーブルの位置を細かく指定したい。

現在、テーブルを組み合わせたサイトを作っていまして
そのテーブルの位置に悩んでおります。


背景固定で一つ大きめのイラストを置いていまして
そこに合わせてテーブルの位置を細かく調整したいのです。

center、left、rightの偏った3種類の位置じゃなく
左から200ピクセル程度の位置にテーブルを置きたいのです。

この様なタグはありませんか?

これはCSSなどて指定するしかないのでしようか?

Aベストアンサー

>左から200ピクセル程度の位置にテーブルを置きたいのです

<TABLE style="margin-left:200px;">
<TR><TD></TD></TR>
</TABLE>

CSSを使っての指定になると思います。


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

人気Q&Aランキング