ホームページ、上の方に空間が空きます。
- ホームページの上部に空白スペースが発生しているため、修正方法を教えてください。
- ホームページ上部の空白スペースの修正方法についてご教示ください。
- ホームページの上に不要な空白スペースがあります。修正方法を教えてください。
- ベストアンサー
ホームページ、上の方に空間が空きます。
<html5> <html> <head> <title>長崎市写真集</title> </head> <body> <h1>長崎市写真集</h1> <table border="1"> <tr><th>元亀元年</th><th>1570年</th><th>長崎開港協定成立</th><br> <tr><td>元亀2年</th><th> 1571年</th><th> ポルトガル船初めての入港、町建て始まる(6か町)</th><br> <tr><td>天正 8年4月</th><th>1580年</th><th> 大村純忠、長崎6か町と茂木をイエズス会に寄進</th><br> <tr><td>天正12年</th><th>1584年</th><th> 有馬晴信、浦上村をイエズス会に寄進</th><br> <tr><td>天正15年6月19日</th><th>1587年</th><th> 豊臣秀吉、バテレン追放令を出す</th><br> <tr><td>天正18年6月20日</th><th>1590年</th><th> 天正遣欧少年使節一行長崎に帰る</th><br> <tr><td>慶長元年12月19日</th><th>1597年</th><th> キリスト教宣教師と信者26人を西坂で処刑(日本二十六聖人)</th><br> <tr><td>文禄元年</th><th> 1592年</th><th>豊臣秀吉、長崎奉行を置く</th><br> <tr><td>天正16年4月2日</th><th>1588年</th><th> 豊臣秀吉、イエズス会知行所を没収し公領とする</th><br> <tr><td>年月日</th><th> 西暦</th><th> できごと</th><br> <tr><td>元和2年8月8日</th><th> 1616年</th><th> 中国船を除く外国船の平戸、長崎以外での貿易を禁止</th><br> <tr><td>寛永3年</th><th> 1626年</th><th> キリスト教徒を改宗させるため、踏み絵を行う</th><br> <tr><td>寛永11年</th><th> 1634年</th><th> 眼鏡橋完成</th><br> <tr><td>寛永11年5月</th><th> 1634年</th><th> 出島埋築着工</th><br> <tr><td>寛永11年9月</th><th> 1634年</th><th> 長崎くんち始まる</th><br> <tr><td>寛永12年5月28日</th><th> 1635年</th><th> 日本人の海外渡航と帰国を禁止、外国船の入港地を長崎1港に限定</th><br> <tr><td>寛永13年5月10日</th><th> 1636年</th><th> 出島完成、ポルトガル人を収容し市中雑居を禁止</th><br> <tr><td>寛永16年7月5日</th><th> 1639年</th><th> ポルトガル船の日本渡航を禁止</th><br> <tr><td>寛永18年6月18日</th><th> 1641年</th><th> 平戸のオランダ商館を出島に移す(鎖国体制完成)</th><br> <tr><td>寛文3年3月8日</th><th> 1663年</th><th> 長崎大火、66町中全焼57町、半焼6町(寛文の大火)</th><br> <tr><td>寛文7年</th><th> 1667年</th><th> 倉田次郎右衛門、給水工事に着手(倉田水樋)</th><br> <tr><td>寛文12年</th><th> 1672年</th><th> 寛文の大火の再建に当たり都市計画を行い、長崎の町を80か町に分く</th><br> <tr><td>延宝元年</th><th> 1673年</th><th> 倉田水樋完成</th><br> <tr><td>元禄元年</th><th> 1688年</th><th> 入港唐船194、史上最高記録</th><br> <tr><td>元禄2年4月15日</th><th> 1689年</th><th> 唐人屋敷完成</th><br> <tr><td>正徳5年</th><th> 1715年</th><th> 長崎貿易新令を発布し、輸入を制限</th><br> <tr><td>天明4年7月24日</th><th> 1784年</th><th> 唐人屋敷全焼</th><br> <tr><td>享和3年7月8日</th><th> 1803年</th><th> アメリカ船が長崎に来て通商を求めるが、許可されず</th><br> <tr><td>文化元年9月6日</th><th> 1804年</th><th> ロシア使節レザノフ長崎に来航、通商を求める</th><br> <tr><td>文化5年8月15日</th><th> 1808年</th><th> イギリス艦フェートン号、長崎入港を強行</th><br> いつも教えていただき誠にありがとうございます。 上記の年表の件。 上の「長崎市写真集」と書いてあるタイトルと年表の間が 異常に25センチ程広がってしまいます。 どこを治せばいいでしょうか？ ご回答のほど、宜しく御願い申し上げます。
- jump7799
- お礼率91% (793/864)
- HTML
- 回答数3
- ありがとう数6
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
4017Bさんの通りですが、 <br>を</tr>で置換すればよいのでは
その他の回答 (2)
- bunjii
- ベストアンサー率43% (3589/8248)
>どこを治せばいいでしょうか？ 「治す」は病気を治すときに使います。 ものを直すときは「直す」を使ってください。 テーブルの行は <tr><td>・・・</td><td>・・・</td><td>・・・</td></tr> のように記載します。 なので<br>タグを</tr>タグに置き換えれば良いでしょう。 <td>タグと</td>タグの間はセル内の文字列です。 終了タグは省略できる場合もありますが省略しない方がベターです。 尚、<br>タグは平文に使う改行なのでテーブル内には適用されずテーブル外に弾かれます。そのためにテーブルの上部へ弾かれているようです。 また、<td>タグで始まり</th>タグで終っているセルもありますので等価であっても好ましくない使い方と思います。 HTMLコンテンツのタグの使い方を学び直す必要があるようです。
お礼
ご親切にご回答ありがとうございました。
- 4017B
- ベストアンサー率73% (1304/1775)
HTML内の </th><br> となってる部分を全て </th> に書き換える。つまり文末の <br> が余計。 あと最初の <html5> も余計というか間違ってますので削除して <html> だけにしてください。 とりあえずはそれで普通になります。
お礼
ご親切にご回答ありがとうございました。
関連するQ&A
- このようなソースを書いたのですが下に表示した二つのテーブルがどうしても
このようなソースを書いたのですが下に表示した二つのテーブルがどうしても左よりに表示されてしまいます。 一行に２つのテーブルを横に並べつつその２つのテーブルを中央に表示できないでしょうか？ よろしくお願いいたします <HTML><Div Align=center><HEAD><TITLE>検索結果詳細画面</TITLE></HEAD><BODY> <BR><BR><BR> <B>検索詳細画面</B><BR> <form action='/humans/servlet/Seach' method='get'> <table bor 社員番号</th> <td width=200> sno</td></tr><tr> <th>氏名</th> <td> name</td></tr><tr> <th>ヨミガナ</th> <td> kana</td></tr><tr> <th>住所</th> <td> address</td></tr><tr> <th>生年月日</th> <td> birthday</td></tr> <tr><th>性別</th> <td> sex</td></tr> <tr><th>身長</th> <td> hight</td></tr> <tr><th>体重</th> <td> weight</td></tr> <tr><th>血液型</th> <td> blood</td></tr> <tr><th>携帯電話番号</th> <td> mtel</td></tr> <tr><th>自宅電話番号</th> <td> ttel</td></tr></table><hr /> <br>家族（扶養家族）のデータ</br> <br></br><table border=1 align=left><tr><th width=150>氏名</th> <td width=200> name</td></tr><tr> <th>ヨミガナ</th> <td> kana</td></tr><tr> <th>生年月日</th> <td> birthday</td></tr><tr> <th>性別</th> <td> sex</td></tr><tr> <tr><th>身長</th> <td> hight</td></tr> <tr><th>体重</th> <td> weight</td></tr> <tr><th>血液型</th> <td> blood</td></tr> <tr><th>携帯電話番号</th> <td> mtel</td></tr> <tr><th>自宅電話番号</th> <td> ttel</td></tr> <tr><th>続柄</th> <td> reration</td> </tr></table> <table border=1 align=left><tr><th width=150>氏名</th> <td width=200> name2</td></tr><tr> <th>ヨミガナ</th> <td> kana2</td></tr><tr> <th>生年月日</th> <td> birthday2</td></tr><tr> <th>性別</th> <td> sex2</td></tr><tr> <tr><th>身長</th> <td> hight2</td></tr> <tr><th>体重</th> <td> weight2</td></tr> <tr><th>血液型</th> <td> blood2</td></tr> <tr><th>携帯電話番号</th> <td> mtel2</td></tr> <tr><th>自宅電話番号</th> <td> ttel2</td></tr> <tr><th>続柄</th> <td> reration2</td> </tr></table><br></br><br></br><br></br><br></br><br></br><br></br><br></br>
- 締切済み
- HTML
- VB 解析
下記のソースコードを取得するまでは出来ましたが，そこから必要なデータを抜き出す方法が分らず 困っています． 抜き出したいのは，時などの文字列と<class="data_0_0">1017.5</td>の間の1017.5などの数値です． どなたかご教示よろしくお願いいたします． <tr class="mtx"><th rowspan="2">時</th><th colspan="2">気圧(hPa)</th><th rowspan="2">降水量<br>(mm)</th><th rowspan="2">気温<br>(℃)</th><th rowspan="2">露点<br>温度<br>(℃)</th><th rowspan="2">蒸気圧<br>(hPa)</th><th rowspan="2">湿度<br>(％)</th><th colspan="2">風向・風速(m/s)</th><th rowspan="2">日照<br>時間<br>(h)</th><th rowspan="2">全天<br>日射量<br>(MJ/m2)</th><th colspan="2">雪(cm)</th><th rowspan="2">天気</th><th rowspan="2">雲量</th><th rowspan="2">視程<br>(km)</th></tr> <tr class="mtx"><th>現地</th><th>海面</th><th>風速</th><th>風向</th><th>降雪</th><th>積雪</th></tr> <tr class="mtx" style="text-align:right;"><td style="white-space:nowrap">1</td><td class="data_0_0">1017.5</td><td class="data_0_0">1020.8</td><td class="data_0_0">--</td><td class="data_0_0">-3.3</td><td class="data_0_0">-5.3</td><td class="data_0_0">4.1</td><td class="data_0_0">86</td><td class="data_0_0">2.1</td><td class="data_0_0" style="text-align:center">北西</td><td class="data_0_0"></td><td class="data_0_0"></td><td class="data_0_0"></td><td class="data_0_0">26</td><td class="data_0_0"></td><td class="data_0_0"></td><td class="data_0_0"></td></tr>
- ベストアンサー
- Visual Basic
- 複数のレコードをimplodeでまとめる方法
ほんと度々すいません…。 http://oshiete1.goo.ne.jp/qa3574682.htmlで一度解決したのですが、私の質問の仕方が悪く、結局実用できなかったので再度質問させてください。 上記URLでやったことに、更にフィールドが増えた場合の記述方法についてです。 table1 【ID｜field1】 ［1｜AAA］ ［1｜BBB］ ［2｜CCC］ ［3｜DDD］ ［3｜EEE］ ［3｜FFF］ table2 【ID｜field2】 ［1｜ooo］ ［2｜ppp］ ［2｜qqq］ ［2｜rrr］ ［3｜sss］ ［3｜ttt］ ↑構造が同じだけど内容が違うテーブルが5つあります(table1～table5まで)。そしてこれらのテーブルをクエリでは↓ <table> <tr><th>ID</th> <th>field1</th> <th>field2</th> <th>field3</th> <th>field4</th> <th>field5</th></tr> <tr><td>1</td> <td>AAA<br>BBB</td> <td>ooo</td> ・・・</tr> <tr><td>2</td> <td>CCC</td> <td>ppp<br>qqq<br>rrr</td> ・・・</tr> <tr><td>3</td> <td>DDD<br>EEE<br>FFF</td> <td>sss<br>ttt</td> ・・・</tr> </table> というように表示するのが理想です。 一応自分で考えましたが、できなかったので…お願いします。 ============================== 一応、前回http://oshiete1.goo.ne.jp/qa3574682.htmlにて頂いた回答をまとめたコードが↓です。 (table1のみの場合だとこうなります)→mr_araki様に感謝しております。 $query = mysql_query($sql); $rows = array(); while ($row = mysql_fetch_assoc($query)) { if (!isset($rows[$row[ID]])) { $rows[$row[ID]] = array(); } $rows[$row[ID]][] = $row[field1]; } echo "<table>\n"; echo "<tr><th>ID</th><th>field1</th></tr>\n"; foreach ($rows as $id => $row) { echo "<tr><td>" .$id. "</td><td>" .implode('<br>', $row). "</td></tr>\n"; } echo "</table>";
- ベストアンサー
- PHP
- tableタグの中にtableタグ
tableタグの中にtableタグ 課題をやっています。 ホームページを作っていて、画像のようなページを今作っています。 僕が書いたタグはこうです。（途中ですが、何か違うんだと思います。) <html> <head><title>FOMデンタルクリニック</title></head> <body bgcolor="#99ccff" background="images/back.jpg" link="#cc0000" vlink="#663333" alink="#cc9999"> <table width="600" height="400" align="center" bgcolor="#ffffff" valign="top"> <tr><td><font size="2">完全予約制となっておりますので、あらかじめご予約ください。</font></td></tr><br> <tr><td><hr></td></tr> <tr><td><b><font size="4" color="#000099" align="left">診療科目</font></b></td></tr><br> <br> <tr><th align="left"> <ol> <li>一般歯科</li> <li>矯正歯科</li> <li>審美歯科</li> </th></tr><br> <br> <br> <tr><td><b><font size="4" color="#000099" align="left">診療時間</font></b></td></tr><br> <table width="500" height="90" align="center" border="1"><tr bgcolor="#ffcccc" align="center"> <th>時間</th> <th>月</th> <th>火</th> <th>水</th> <th>木</th> <th>金</th> <th>土</th> <th>日</th> </tr> <tr> <th>午前(9時～12時)</th> <th>○</th> <th>○</th> <th>○</th> <th>○</th> <th>○</th> <th>○</th> <th>×</th> </tr> <tr> <th>午後(15時～18時)</th> <th>○</th> <th>○</th> <th>×</th> <th>○</th> <th>○</th> <th>×</th> <th>×</th> </table> <tr><td><b><font size="4" color="#000099" align="left">ご予約方法</font></b></td></tr><br> <br> <tr> <th align="left"> <ul> <li>予約専用フリーダイヤル（0120-333-XXX）にお電話ください。</li> <li>予約専用メールアドレス（yoyaku@fom）にお名前と希望日時をご記入の上、お申し込みください。</li> </th> </tr> </table> <a href="index.htm"><img src="images/button.gif" border="0"></a> </body> </html> 何が違うんでしょうか？ tableの中にtableを使ってるからでしょうか^^; ググってもよく分からないので教えてください。 よろしくお願いします。
- 締切済み
- HTML
- こういうｔable
カレンダーをtableで作りたいのですが <table border="5" cellspacing="5" cellpadding="5"> <tr><th colspan="7">2006年 6月</th></tr> <tr><th bgcolor="FF0000">日</th><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th bgcolor="0000FF">土</td></tr> <tr><th>1</th><td>2</td><th bgcolor="0000FF">3</td></tr> <tr><th bgcolor="FF0000">4</th><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><th bgcolor="0000FF">10</td></tr> <tr><th bgcolor="FF0000">11</th><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><th bgcolor="0000FF">17</td></tr> <tr><th bgcolor="FF0000">18</th><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><th bgcolor="0000FF">24</td></tr> <tr><th bgcolor="FF0000">25</th><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td></tr> </table> と打ち込んだら 2006年6月 月 火 水 木 金 土 日 １ ２ ３ ４ ５ ６ ７ ８ ９ 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 と一週間目が左寄せになってしまいます。右寄せの方法を教えてください＞＜
- ベストアンサー
- HTML
- ラジオボタンで入力し、その結果をCGIで表示するプログラム
htmlで <html> <head> </head> <body> <form method="get" action="question.cgi"> <table width="50" height="" border="1" bordercolor="black" bgcolor="white" cellSpacing="0" cellpadding="5"> <tr><th>／</th><th>yes</th><th>no</th></tr> <tr><th>1</th><td><input type="radio" name="char1"></td> <td><input type="radio" name="char1"></td></tr><br> <tr><th>2</th><td><input type="radio" name="char2"></td> <td><input type="radio" name="char2"></td></tr><br> <tr><th>3</th><td><input type="radio" name="char3"></td> <td><input type="radio" name="char3"></td></tr><br> <tr><th>4</th><td><input type="radio" name="char4"></td> <td><input type="radio" name="char4"></td></tr><br> </table> <input type="button" value="送信" ><input type="reset" value="リセット"><br> </form> </body> </html> と書き、C言語でCGIを書き、ラジオボタンを押して送信ボタンを押すと 1:yes,2:no,3:no,4:yesなどと文字列で出力したいのです。 getメソッドがいいのかpostメソッドいいのかも教えていただければうれしく思います。 (この質問ではgetメソッドを使っていますが、あまり気にしないでください)
- ベストアンサー
- CGI
- cssでテーブルの位置を設定するには？
<table border="1" align="left">でテーブルの位置を競ってすることはできたのですが スタイルシートで行いたいです。 そもそも他のテーブルはすべて中央に寄せたいため、 table { margin-left: auto; margin-right: auto; } としています。 そのうえで、任意のテーブルのみ左に寄せて表示したいので table.test { align:left; } としたのですが、うまくいきません。 ---------------------------------------------------------- <html> <head> <title>test</title> <STYLE type="text/css"> table { margin-left: auto; margin-right: auto; width: 40%; } table.test { width: 80%; align:left; } </STYLE> </head> <body> <table border="1"> <tr><th>見出</th><th>見出</th></tr> <tr><td>セル</td><td>セル</td></tr> </table> <br><br><br> <table border="1" align="left"> <tr><th>見出</th><th>見出</th></tr> <tr><td>セル</td><td>セル</td></tr> </table> <br><br><br> <table border="1" class="test"> <tr><th>見出</th><th>見出</th></tr> <tr><td>セル</td><td>セル</td></tr> </table> </body> </html> ----------------------------------------------------- このコードだと、 table.test { width: 80%; align:left; } の、 width: 80%; の部分は認識されるようですが、align:left;は無視されます。 スタイルシートでテーブルの位置を設定する方法をご教授ください。
- 締切済み
- CSS
- htmlの記述について
html初心者です。 下記のような表を作りました。 <center><table border="1" bgcolor="#f0f8ff" cellpadding="5"><tr><th colspan="2">見出し</th></tr><tr><td nowrap>入力1_1</tr></table><br></center> <center><table border="1" bgcolor="#f0f8ff" cellpadding="5"><tr><th colspan="2">見出し</th></tr><tr><td nowrap>入力1_1</td><td width="400">入力1_2</td></tr><tr><td nowrap>入力2_1</td><td width="400">入力2_2<br></td></tr><tr><td nowrap>入力3_1</td><td width="400">入力3_2<br></td></tr><tr><td nowrap>入力4_1</td><td width="400">入力4_2<br></td></tr><tr><td nowrap>入力5_1</td><td width="400">入力5_2<br></td></tr><tr><td nowrap>入力6_1</td><td width="400">入力6_2</td></tr></table><br></center> ２つ枠を作り表示する文字数に関係なく上の枠を常時下の枠と同じ幅にしたいのですが、文字数に依存した幅になってしまいます。常時同じ幅にするにはどこを直せばいいのでしょうか？ 宜しくお願い致します。
- ベストアンサー
- HTML
- HTMLのテーブルについて
HTMLのテーブルについて 今、HTMLを勉強しています。下記のようにテーブルを作成し一部にセルの結合を行ったところ、(2)の結合したセル右端から外枠までが広がってしまいます。せっかく綺麗に見えるように上の表と下の表のセル幅を合わせても、上の表の右端が出っ張ってしまって意味がありません。 これを解決するにはどのように改善すればいいのでしょうか？ <html> <head> <title>A</title> </head> <body> <table border="2"> <tr> <th>No.</th> <th>名前</th> <th width="50">備考</th> </tr> <tr> <td>１</td> <td>Ａ君</td> <td>(1)</td> </tr> <tr> <td>１</td> <td>Ｂ君</td> <td rowspan="2">(2)</td> </tr> <tr> <td>１</td> <td>Ｃ君</td> <td></td> </tr> </table> <br> <table border="2"> <tr> <th>No.</th> <th>名前</th> <th width="50">備考</th> </tr> <tr> <td>２</td> <td>Ｄ君</td> <td>(3)</td> </tr> <tr> <td>２</td> <td>Ｅ君</td> <td>(4)</td> </tr> <tr> <td>２</td> <td>Ｆ君</td> <td>(5)</td> </tr> </table> </body> </html>
- ベストアンサー
- その他（インターネット・Webサービス）
- 重複レコードをグループ化したいけど…。
度々お世話になってます。 table1 【ID｜フィールド1】 ［1｜AAA］ ［1｜BBB］ ［2｜CCC］ ［3｜DDD］ ［3｜EEE］ ［3｜FFF］ というようなテーブルがあるとして、クエリでは <table> <tr><td>1</td><td>AAA<br>BBB</td></tr> <tr><td>2</td><td>CCC</td></tr> <tr><td>3</td><td>DDD<br>EEE<br>FFF</td></tr> </table> …という形で表示したいのです。(理想です) 今までいろいろ試してみて、 $sql = " SELECT ID,フィールド FROM table1 GROUP BY ID "; に行き着きましたが、これだと <table> <tr><td>1</td><td>AAA</td></tr> <tr><td>2</td><td>CCC</td></tr> <tr><td>3</td><td>DDD</td></tr> </table> というように表示され、表示されないレコードが出来てしまいます。 GROUP BYが余計！と言われそうですが、同じIDが複数並ぶのを避けたいのです。 ソースコードは、 print "<table>\n"; print "<tr><th>ID</th><th>フィールド</th></tr>\n"; while( $row = mysql_fetch_array($result) ) { print "<tr><td>$row[ID]</td><td>$row[フィールド]</td></tr>\n"; } print "</table>\n"; になっている状態です。 $row[フィールド]を書き換えればいいのかな?と思いますが、検索してもそれらしいものは見当たらなかったので質問させていただきました。 心当たりのある方、よろしくおねがいします。
- ベストアンサー
- PHP
お礼
ご親切にご回答ありがとうございました。