- ベストアンサー
tableタグについて（ウェブリブログ)
ウェブリブログの記事内にテーブルタグで『表』は表示出来たのですが、公開ページを見ると表と同じだけの行数が上部にスペースとしてあきます。 記事作成ページでは改行はしてませんし、空白行もありません。 タグは↓です。 <table bgcolor="#000000"border=1> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> <tr><td>●●</td><td>■■</td><td>▲▲</td></tr> </table> 単純な表ですが別な表示方法があるのでしょうか？ できればタグが知りたいです。
- kavach830
- お礼率100% (3/3)
- ブログ
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
私も以前、同じ疑問を持ちました。 ウェブリブログでは、本文の中で改行すると 自動的に改行タグがつけられてしまうようです。 改行せずにずらずらとすべてくっつけると ちゃんと『表』になります。 とても見づらくて困りますが、ウェブリブログの Ｆ＆Ａのページをご覧になってみてください。
その他の回答 (1)
- notnot
- ベストアンサー率47% (4846/10257)
ウェブリブログは使っていませんが、編集画面の行末に自動的に <br> タグを追加するような設定だとそうなりますね。ブラウザでソースを表示させてみてください。</tr>のあとに<br>があるのでは？ 編集画面で、<br> の付加をやめるような設定はありませんか？
お礼
notnotさん、早速の回答ありがとうございました。 ソースの確認をしたところ改行タグが付いていましたので改行なしで記事作成をしたら、上部のスペースもなく表示できました。 また、何かありましたらよろしくお願いします。
関連するQ&A
- テーブル内のテーブルの高さを揃えたい。
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
- tableタグについて
<table width="700" border="0"> <tr><td width="700">あああああああ</td></tr> <tr><td width="200">いい</td><td width="500">ううううう</td></tr> </table> このタグですと【ああああああ】の部分が２段になります。 多分<td width="200">のためやと思うのですが、 <tr><td width="200">いい</td><td width="500">ううううう</td></tr> の部分を <tr><td width="700"><table width="700"><tr><td width="200">いい</td><td width="500">ううううう</td></tr></table></td></tr> にすると表示されます。 この方法以外にもっと簡単に表示できる方法はないでしょうか お願いします。
- ベストアンサー
- 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> １ </td> </tr> <tr bgcolor="#FFFFFF"> <td> ２ </td> <tr bgcolor="#FFFFFF"> <td> ３ </td> </table> </td> </tr> </table> ----------------------------------------------- まではわかったのですが、 3と4を区切る方法がわかりません。 ご回答よろしくお願いします。
- ベストアンサー
- HTML
- テーブルタグについて
私は今テーブルタグでレイアウトする勉強をしています。よくＨＰでみかける作り方ですが、セルを縦に設定したいと思っています。作り方がテーブルタグの中にテーブルタグをいれて作っているようなのですが、実際私が作ってみると、左右のテーブルの位置が行数が違ってくると少ない行数の方が上下にセンタリングされてしまい、トップの位置がずれてしまいます。 何回もＨＰを見て、これはと思うタグをいれてやってはみたのですが、うまくいきません。 下に私が作った「html」をのせましたので、どなたかわかる方、教えてください。お願いします。 ＜参考html＞ <html> <head> </head> <body> <table border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <td> <table> <tr> <td> <table border="1"> <tr> <td>これは日本昔話です。</td> </tr> <tr> <td>むかしむかしあるところにおじいさんとおばあさんが住んでいました。ある日おじいさんは芝刈りに、おばあさんは川へせんたくにいきました。</td> </tr> </table> </td> </tr> </table> </td> <td> <table border="1"> <tr> <td> <table border="1"> <tr> <td>私はＷＥＢの勉強をしています。</td> </tr> <tr> <td>なかなかむずかしいです。。</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- テーブルタグについてなんですけど・・・
下記のテーブルタグを使うと <Table Border> <Tr BgColor=#d5eaff> <Td>あ</Td><Td>い</Td> </Tr> <Tr BgColor=#ffffd5> <Td>う<Td><Td>え</Td> </Tr> </Table> これをHPに編集して反映させてみると上にテーブルと同じ色の棒線みたいなものが現れるんです。 http://heo.jp/tag/table/bgcolor.html ここから、テーブルタグを頂きました。 どなたか、わかる方がいましたら回答お願いします。
- 締切済み
- その他（インターネット・Webサービス）
- スクロール式テーブル内での改行を反映させる方法
アメブロのサイドバーでスクロール表示式の<table>タグを使いたいのですが、本文内が改行できず困っています。 アメブロの「フリースペース」「フリープラグイン」のどちらで試しても改行が反映されません。 スクロール素材は以下のソースのものです。 <!--★始まり--> <table cellpadding="7" cellspacing="2" bgcolor="#225599" width="320" style="font-size:13px;"> <tr><th bgcolor="#bbbbbb"> タイトル </th></tr> <tr><td bgcolor="#ffffff"> <textarea rows="6" style="width:100%;border-style:none;scrollbar-base-color:#88f6c6;"> 本文 本文 本文 本文 </textarea> </td> </tr> <tr><td bgcolor="#bbbbbb" height="16"></td></tr> </td> </tr> </table> <!--終わり★--> 「フリースペース」の方で上記タグを入れると、 プレビュー欄に自動で<br />タグが挿入され その状態で本文が表示されてしまいます。 「フリープラグイン」の方では 文字と文字の間で改行ができるものの なんの文字もない部分で「行間を１行あける」という事ができません。 フリースペースでもプラグインでもどちらを使っても構わないのですが 改行を反映させる方法（タグなどの挿入）があるでしょうか？ 上記の<table>タグを使わなくても スクロールができるような素材でしたら構わないのですが。 何かありましたら教えて下さい。
- ベストアンサー
- ブログ
- colspan セルの結合について
テーブルタグで作ったセルを結合させようとcolspan タグを使用したのですが 縦線が消えてしまいます。何故なのか調べてもわからず困っています。 ソースを載せるのでよければお知恵を貸してください。お願いします。 <html> <head></head> <body bgcolor="blue"> <table border=0 bgcolor="#ffffff cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#000000"><td colspan="9">aaa</td></tr> <tr bgcolor="#000000"><td>ccc</td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td></tr> </table> </td> </tr> </table> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> <br> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#000000"><td colspan="9">aaa</td></tr> <tr bgcolor="#000000"><td colspan="3">ccc</td><td colspan="3">kkk</td><td colspan="6">mmm</td></tr> </table> </td> </tr> </table> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> </body> </html>
- 締切済み
- HTML
- テーブル内の文字を一度に小さくするタグ
<table border=*> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table> でやっても文字はふつうサイズです。 かと言って <table border=*> <tr><td><font size=*></td><td><font size=*></td></tr> <tr><td><font size=*></td><td><font size=*></td></tr> </table> でやるとかなりの量を打ちこまなくてはなりません。 これを一度に済ませるタグはないのでしょうか？ 教えてください。
- ベストアンサー
- ホームページ作成ソフト
お礼
sora98さん、早速の回答ありがとうございました。 言われたとおり改行なしで公開したら上部のスペースは空きませんでした。 参考URLのＦ＆Ａにも書いてありました。 また、何かありましたらよろしくお願いします。