- 締切済み
Firefoxの場合だけ、2つのtableの間に空行が入ってしまいます(HTMLソース付き)。
いつも勉強させていただいております。今回は質問をさせていただけないでしょうか。 Firefoxの場合だけ、2つのtableの間に空行が入ってしまいます。 下記がそのソースです。 IEでは問題がありません。 本番ソースの二行目には、項目を追加するので、<ul>、<li>は必要になります。 <ul>、<li>を消せば、空行が入らない事は確認できています。 <ul>、<li>を入れても空行を消す方法はないでしょうか? <html> <body> <table width="440" border="0" cellspacing="0" cellpadding="0" vspace="0" hspace="0"> <tr> <td bgcolor="#2875DE">一行目です。</td> </td> </table> <table width="440" border="0" cellspacing="0" cellpadding="0" vspace="0" hspace="0"> <ul><tr> <td bgcolor="#2875DE"><li>Firefoxの場合だけ、↑ここに空行が入ります。</li></td> </td></ul> </table> </body> </html> それでは、よろしくお願いします。
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- bibi8916
- ベストアンサー率40% (24/59)
- grumpy_the_dwarf
- ベストアンサー率48% (1628/3337)
- bibi8916
- ベストアンサー率40% (24/59)
関連するQ&A
- ●tableをCSSで書き直すには(HTMLソース付き)
いつも勉強させていただいております。 今回は質問をさせていただけないでしょうか。 上の表の枠のように少し立体感があるようにしたいと思います。 これを、CSSにしたいのですが、border-styleをいろいろ試しても同じようになりません。 どのようにすれば良いでしょうか? <html> <STYLE TYPE="text/css"> <!-- .TTT { border-style:ridge; padding:0px; border-width:1px; } --> </STYLE> <body bgcolor="#FF88FF"> <table width="270" border="1" cellpadding="0" cellspacing="0" > <tr> <td>こんな感じにしたいです。</td> <td>BBB</td> </tr> </table> <br> <table style="width:270px;" class="TTT"> <tr class="TTT"> <td class="TTT">なぜか、こんな感じになってしまいます。</td> <td class="TTT">DDD</td> </tr> </table> <br> </body> </html>
- 締切済み
- HTML
- HTMLでテーブルを作成すると上に大きなスペースが空いてしまいます。
HTMLでテーブルを作成すると上に大きなスペースが空いてしまいます。 色々ネットで検索して他の方がおっしゃる通りためしてみたのですができなくて困っています。 できないのは下記の二点です。 間違ってるところがあればご教授下さい。 1. <table width=600 border="5" bgcolor=#FFC0CB> 2. <table width=800 border=0 cellpadding=30 cellspacing=0 bgcolor=#FFB6C1><tr> <td width=0%><br></td></tr><tr> <td width=0%><br></td> <td align=left> <font color=#696969 size=3> よろしくお願いしますm(__)m
- 締切済み
- HTML
- テーブルの作り方をご教示ください
図のようなテーブルを作りたいのですがどうすればいいのかわかりません。 図はエクセルで書きました。 ----------------------------------------------- <table border=0 cellspacing=0 cellpadding=0> <tr> <td> <table border=0 bgcolor="#000000" cellspacing=1 cellpadding=1 width="230"> <tr bgcolor="#FFFFFF"> <td> 1 </td> </tr> <tr bgcolor="#FFFFFF"> <td> 2 </td> <tr bgcolor="#FFFFFF"> <td> 3 </td> </table> </td> </tr> </table> ----------------------------------------------- まではわかったのですが、 3と4を区切る方法がわかりません。 ご回答よろしくお願いします。
- ベストアンサー
- HTML
- テーブルのテーブルの間に間ができるのでしょうか?
はじめまして、超html初心者のものです。 なぜ同じようテーブルを3つ書いているのに一番上のテーブルと真ん中のテーブルの間が開いてしまっているのかがわかりません。 あと、一番上のテーブルの-から先をもう少し左に寄せることもうまくいきません。 なにかアドバイスをよろしくお願いします。 ↓これがソースです。 <html> <head><title>test</title> </head> <form> <table border=1 cellspacing=0 cellpadding=2 width=760> <tr> <th width=95 height=30 align="right">日付け:</th> <td width=284> <input type="text"><input type="button"> </td> <td> - </td> <td><input type="text"><input type="button"></td> </tr> </table> <table border=1 cellspacing=0 cellpadding=2 width=760> <tr> <th width=95 height=30 align="right">部署:</th> <td width=100> <select name="busyo"></select> </td> <th width=80 align="right">営業所:</th> <td width=100> <select name="eigyousyo"></select> </td> <th width= 80 align="right">担当コード:</th> <td width=450> <select name="tantocode"></select> </td> </tr> </table> <table border=1cellspacing=0cellpadding=2width=760> <tr> <th width=80 align="right">権限:</th> <td width=700> <select name="kengen"></select> </td> </tr> </table> </form> </html>
- 締切済み
- HTML
- ビルダー9 表の枠(罫線?空白?)を完全になくすには?
会社のHPを作っています。 下記のタグを見て頂くとわかると思うのですが、 一番大きい画像と、その右の画像の間に細い線が入ってしまっています。 (ファイル名は消してあります) 最初は上下にも入っていたのですが、それはどうにか消すことができました。 (どうやったか覚えてないですけど) この線をないものとすることはできますか? 周りに詳しい人がいなくて、ほんっっとうに困ってます!助けてください(T_T) <TABLE width="785" cellspacing="0" cellpadding="0"> <TBODY> <TR align="left" bgcolor="#ffffff"> <TD colspan="4" rowspan="3" width="691" height="73"><IMG src="" width="691" height="76" border="0"></TD> <TD colspan="2" width="77"><IMG src="" width="94" height="19" border="0" hspace="0" vspace="0"></TD> </TR> <TR> <TD colspan="2" width="77"><IMG src="" width="94" height="20" border="0" hspace="0" vspace="0"></TD> </TR> <TR> <TD colspan="2" width="77"><IMG src="" width="94" height="37" border="0" hspace="0" vspace="0"></TD> </TR> <TR> <TD colspan="6" height="18"><IMG src="" width="84" height="21" border="0"><IMG src="" width="130" height="21" border="0"><IMG src="" width="156" height="21" border="0"><IMG src="" width="126" height="21" border="0"><IMG src="" width="114" height="21" border="0"><IMG src="" width="175" height="21" border="0"></TD> </TR> </TBODY> </TABLE>
- ベストアンサー
- ホームページ作成ソフト
- tableをcssで表記したい
下記のhtmlのスタイル部分をcssで表記したいのですが、 どのようにすればよいのでしょうか? tableの種類が一つの場合はできるのですが・・・ <table width="100" border="1" cellpadding="1" cellspacing="1" bgcolor="#AAAAAA"> <tr> <td width="30" bgcolor="#FFFFFF">a</td> <td ">b</td> </tr> </table> <br> <table width="50" border="2" cellpadding="2" cellspacing="2" bgcolor="#BBBBBB"> <tr> <td width="25" bgcolor="#CCCCCC">c</td> <td>d</td> </tr> </table>
- 締切済み
- HTML
- テーブル内のテーブルの高さを揃えたい。
CGIの表示部分を改造中です。 下のソースをhtmlファイルにして見てもらったら判ると思うのですが、 <TABLE border="0"> <COL span="4" width="50"> <TR> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">こんな風に</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">枠を置いたときに</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">100%のサイズ指定しても合わない高さを</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">ちゃんと揃えて配置したい</TD> </TR> </TABLE> </TD> </TR> </TABLE> 高さを100%にしても広がりませんでした。 どうにかして高さ(下の位置)を揃えることは出来ないでしょうか?
- ベストアンサー
- HTML
- HTMLソース
下記のソースをhtmlで保存、開きます、正常ですが、 日本をクリックして戻るをクリックしますと、右スクロールとの間、下側にも隙間ができます。ホームページ作成中です。 <BODY bgcolor="#cccccc" topmargin="0" leftmargin="0" marginwidth="0" marginheiht="0"> <TABLE border="0" width="100%" height="100%" cellspacing="0" cellpadding="0"> <TBODY> <TR> <TD width="10%" bgcolor="#666666"></TD> <TD width="80%" bgcolor="#cccccc"> <A href="nihon.htm"><font color="3333ff">日本</font></a> <TD width="10%" bgcolor="#666666"></TD> </BODY> よろしくお願い致します。
- ベストアンサー
- その他(インターネット・Webサービス)
- HTML tableの枠線について
tableの枠線を cellspacingとcellpadding で作成しています。 d3のセルの下と右の線を消す場合には、 どのようにすればいいのでしょうか? <table border="0" cellspacing="1" cellpadding="2" bgcolor="#999999"> <tr> <td bgcolor="#f9f9f9">A</td> <td bgcolor="#FFFFFF">B</td> <td bgcolor="#f9f9f9">c</td> <td bgcolor="#FFFFFF">d</td> <tr> <td bgcolor="#f9f9f9">A2</td> <td bgcolor="#FFFFFF">B2</td> <td bgcolor="#f9f9f9">c2</td> <td bgcolor="#FFFFFF">d3</td> </tr> </table> よろしくお願いします
- 締切済み
- HTML
- 入れ子にしたテーブルをheight100%にする
お世話になります。 以下のソースで、table2の高さを100%にしたいです。 この書き方では、firefoxではうまく表示できるのですが、 IEではだめでした。どこがいけないのでしょうか?? ---------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> <!-- html {height:100%;} body {height:100%;} .th100 {height:100%;} --> </style> </head> <body> <table width="600" border="1" cellpadding="0" cellspacing="0" class="th100"> <tr> <td width="300" rowspan="2"> 長いテキスト </td> <td height="50"><table width="300" height="50" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td>table1</td> </tr> </table></td> </tr> <tr> <td><table width="300" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999" class="th100"> <tr> <td>table2</td> </tr> </table></td> </tr> </table> </body> </html>
- ベストアンサー
- HTML