小鳥の成長。

ルービ · #1

javascript初めて早一日、テーブル内でテーブルを作ってみたんですがテーブル内のテーブルが上に寄せられません。
vspace="100"これが動かない？です。

コード:

<html>
<title>テーブルの罫線</title>
<head>
<TABLE border="4">
<TR><TD width="800" height="700">

 <TABLE border="1" vspace="100">
 <TR><TD width="600" height="300"></TD></TR>
 </TABLE>

</TD></TR>
</TABLE>
</head>
<body>

</body>
</html>

#2

うーん。ちゃんとｈｔｍｌの勉強をしないとマズイですね。
<head>に<table>を書いてはいけません。<body>に書くものです。他にも色々問題があります。
vspaceも使えない環境もありますし、垂直スペースを開けるための記述なので上と間が開いて当たり前です。
それと位置などの調整は昔はともかく今はcssが主流で自由度も高いですので、こちらも勉強してみて下さい。

下記サイトなどで勉強してみて下さい。
「やさしいホームページ入門　* ＨＴＭＬやＣＳＳ等の解説 *」
http://www.ink.or.jp/~bigblock/

ここが早いかも。
「ごく簡単なHTMLの説明」
http://www.kanzaki.com/docs/htminfo.html

#3

見本を書いておきますので参考にして下さい。

今では余り使わない例。

コード:

<html>
<head>
<title>テーブルの罫線</title>
</head>
<body>

<TABLE border="4">
<TR><TD width="800" height="700" valign="top" align="middle">
 
 <TABLE border="1" >
 <TR><TD width="600" height="300"></TD></TR>
 </TABLE>
 
</TD></TR>
</TABLE>

 
</body>
</html>

CSSをhtml内に記述した例。ただし中央寄せは少し姑息。手を抜きましたが実際にはサイズもcssで書くのが望ましいです。

コード:

<html>
<head>
<title>テーブルの罫線</title>
<style type="text/css">  
	<!--
	#table_top {
		margin-left: auto;
		margin-right: auto;
		vertical-align:middle;
	}
	-->
</style>	
</head>
<body>
<TABLE border="4">
	<TR><TD width="800" height="700">
		<TABLE border="1" id="table_top">
			<TR><TD width="600" height="300"></TD></TR>
		</TABLE>
	</TD></TR>
</TABLE>
</body>
</html>

ルービ · #4

返信遅れました。

>>softyaさん
見本ありがとうございます。

一応サイト1つは見たんですけどまだわからないことが多いようなのでCSSとjavascriptのサイトをいくつか見たらまた聞きに来ます。

		4月 2026
日	月	火	水	木	金	土
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30

小鳥の成長。

小鳥の成長。

Re: 小鳥の成長。

Re: 小鳥の成長。

Re: 小鳥の成長。