ページ 1 ／ 1
小鳥の成長。
Posted: 2012年6月25日(月) 11:06
by ルービ
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>
Re: 小鳥の成長。
Posted: 2012年6月25日(月) 11:26
by softya（ソフト屋)
うーん。ちゃんとｈｔｍｌの勉強をしないとマズイですね。
<head>に<table>を書いてはいけません。<body>に書くものです。他にも色々問題があります。
vspaceも使えない環境もありますし、垂直スペースを開けるための記述なので上と間が開いて当たり前です。
それと位置などの調整は昔はともかく今はcssが主流で自由度も高いですので、こちらも勉強してみて下さい。
下記サイトなどで勉強してみて下さい。
「やさしいホームページ入門 * ＨＴＭＬやＣＳＳ等の解説 *」
http://www.ink.or.jp/~bigblock/
ここが早いかも。
「ごく簡単なHTMLの説明」
http://www.kanzaki.com/docs/htminfo.html
Re: 小鳥の成長。
Posted: 2012年6月25日(月) 11:48
by softya（ソフト屋)
見本を書いておきますので参考にして下さい。
今では余り使わない例。
コード:
<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>
Re: 小鳥の成長。
Posted: 2012年6月26日(火) 11:05
by ルービ
返信遅れました。
>>softyaさん
見本ありがとうございます。
一応サイト1つは見たんですけどまだわからないことが多いようなのでCSSとjavascriptのサイトをいくつか見たらまた聞きに来ます。