• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:教えてください)

Googleカスタム検索の添付画像とHTML言語の違いによる見え方の違い

このQ&Aのポイント
  • Googleカスタム検索の添付画像とHTML言語の違いにより、検索ボックスの周りの余白と壁紙の表示が異なる。
  • Googleサイトから同じコードを使用すると、検索ボックスの周りに余白が生じてしまい、壁紙が隠れる。
  • この問題の原因は、HTML言語において検索ボックスの設定が異なっているためであり、見栄えが悪くなってしまう。

質問者が選んだベストアンサー

  • ベストアンサー
  • umimonogat
  • ベストアンサー率50% (798/1583)
回答No.4

>これは上のhtml言語のどの部分でしょうか?教えてください スタイル文タグです。 これを挿入したら挿入先のHTMLタグに元からある背景画像表示のタグ記述を削除してください。削除しないと背景画像表示がスタイル文で記述したものと重複するのでおかしくなります。 <html> <head> <title>ok-web</title> --------スタイル文タグ開始--------------- <style type="text/css"> body { background-image: url(ok-web.png); } </style> </head> --------スタイル文タグ終了-------------- --------Googleサイト検索のタグ開始 ------- <TR> <TD align="left" valign="top" colspan="12"><I><FONT size="-1"> サイト内検索</FONT></I></TD> </TR> <TR> <TD align="center" valign="top" colspan="12"><SCRIPT> (function() { var cx = '013325884962911286924:6zxylunciaw'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </SCRIPT> <gcse:searchbox-only></gcse:searchbox-only></TD> </TR> -------Googleサイト検索のタグ終了------------ </body> </html

Z31
質問者

お礼

いろいろお世話になりました。ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

  • umimonogat
  • ベストアンサー率50% (798/1583)
回答No.3

下記タグをHTMLに貼り付けて下さい。背景画像ファイル名は ok-web.pngです。 添付画像は貼り付けたHTMLをIEで開いたものです。 ------------------------------- <html> <head> <title>ok-web</title> <style type="text/css"> body { background-image: url(ok-web.png); } </style> </head> <TR> <TD align="left" valign="top" colspan="12"><I><FONT size="-1"> サイト内検索</FONT></I></TD> </TR> <TR> <TD align="center" valign="top" colspan="12"><SCRIPT> (function() { var cx = '013325884962911286924:6zxylunciaw'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </SCRIPT> <gcse:searchbox-only></gcse:searchbox-only></TD> </TR> </body> </html>

Z31
質問者

お礼

ありがとうございます。 umimonogatさんのコードで仮にビルダーでページを作ってみました。壁紙を変えて。 たしかに検索ボックスの周りに余白が無いものが出来ました。 これはコードのどの部分でしょうか?実は私の質問文の添付画像には余白が有りませんが、これは私があれやこれやビルダー上で触っているうちに、偶然に余白が消えてしまったのです。 しかし、いま最初からGoogleからコードを取得して作ると余白が出来てしまうのです。

全文を見る
すると、全ての回答が全文表示されます。
  • umimonogat
  • ベストアンサー率50% (798/1583)
回答No.2

誤解してましたが出来ました!すぐ回答します。

Z31
質問者

お礼

よろしくおねがいします。

全文を見る
すると、全ての回答が全文表示されます。
  • umimonogat
  • ベストアンサー率50% (798/1583)
回答No.1

background_positionタグで背景画像を下にずらして余白を作りそこに検索タグ貼り付ければいいと思います。 タグ説明:http://www.tagindex.com/stylesheet/page/background_position.html

Z31
質問者

お礼

ありがとうございました。よくわかりません。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 表(table)の字の大きさの設定

    ブログに表を載せたいと思って調べているところなのですが、↓のようにして、入力すると、字が14くらいの大きさになってしまいます。9くらいの小さめの字にしたいのですが、字の大きさは、どのように入力すれば良いのでしょうか?教えて下さい。どうぞ宜しくお願い致します。 <div align="center"> <table border=1><tr><tdalign="center"colspan="3"bgcolor="#99ee66">あ<BR>あ</td></tr><tr><td align="center" colspan="3"bgcolor="#ffcd59">あ</td></tr><tr><td width="30" align="left" valign="top" bgcolor="#efefde">あ</td><td width="45" align="left" valign="top" bgcolor="#efefde">あ</td><td align="left">・あ<BR>あ</td></tr><td width="30" align="left" valign="top" bgcolor="#efefde">あ</td><td width="45" align="left" valign="top" bgcolor="#efefde">あ</td><td align="left">あ</td></tr></table></div>

    • ベストアンサー
    • HTML
  • 指定月別背景

    <SCRIPT LANGUAGE="JavaScript"> <!-- m = (new Date()).getMonth(); if(m == 11) document.write("<tr bgcolor=\"mistyrose\" align=\"center\"><td colspan=\"4\">11月</td></tr>"); else document.write("<tr bgcolor=\"#b0e0e6\" align=\"center\"><td colspan=\"4\">11月</td></tr>"); //--> </SCRIPT> 11月であれば bgcolor を mistyrose に、その他の月には #b0e0e6 したくて、 「指定曜日別表示」のスクリプトを応用して作ったのですが、 このまま挿入すると表示はされますが背景が #b0e0e6 になってしまいます。 いつもコピーペーストが中心なので、どこが間違ってるのかがわかりません。よろしくお願いします。

  • テーブルの枠線が消えません。

    テーブルの枠線が消えません。 HTMLでテーブルを作成しています。 以下のようなHTMLなのですが、 先頭行の8と9の間や二行目の15と30の間に縦線が入ってしまいます。 これを表示させたくないのですが、よく見ると一番右側の項目は全て縦線が入っています。 これを消すことはできるでようか? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-31j"> </head> <body> <table> <tr bgcolor="blue"> <td colspan="60" align="center">8</td> <td colspan="60" align="center">9</td> <td colspan="60" align="center">10</td> </tr> <tr bgcolor="lightblue"> <td colspan="15" align="right">15</td> <td colspan="15" align="right">30</td> <td colspan="15" align="right">45</td> <td colspan="15" align="right">60</td> <td colspan="15" align="right">15</td> <td colspan="15" align="right">30</td> <td colspan="15" align="right">45</td> <td colspan="15" align="right">60</td> <td colspan="15" align="right">15</td> <td colspan="15" align="right">30</td> <td colspan="15" align="right">45</td> <td colspan="15" align="right">60</td> </tr> <tr align="center"> <td colspan="60" bgcolor="lightpink" height="40">仕事</td> <td colspan="60" bgcolor="lightgreen">休み</td> <td colspan="60" bgcolor="lightpink">仕事</td> </tr> <tr align="center"> <td colspan="80" bgcolor="lightgreen" height="40">休み</td> <td colspan="40" bgcolor="lightblue">仕事</td> <td colspan="60" bgcolor="lightgreen">休み</td> </tr> <tr align="center"> <td colspan="50" bgcolor="lightgreen" height="40">休み</td> <td colspan="60" bgcolor="lightpink">仕事</td> <td colspan="70" bgcolor="lightgreen">休み</td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • テーブル内でのランダムな並べ変え

    全然知識がないのですがよろしくお願いします。 タグで <table border="0"> <tr> <td colspan="3" width="100%" bgcolor="#FF1493"><font color="#ffffff">&nbsp;&nbsp;◆タイトル</font></td> </tr><tr><td width="100" height="100"><img src="画像.jpg" width="100" height="100" border="0"></td> <td colspan="2" width="380" height="100" valign="top" align="left" bgcolor="#F8E0F7">文書</td> </tr> <tr> <td colspan="3" width="100%" bgcolor="#FF1493"><font color="#ffffff">&nbsp;&nbsp;◆タイトル</font></td> </tr><tr><td width="100" height="100"><img src="画像.jpg" width="100" height="100" border="0"></td> <td colspan="2" width="380" height="100" valign="top" align="left" bgcolor="#F8E0F7">文書</td> </tr> <tr> <td colspan="3" width="100%" bgcolor="#FF1493"><font color="#ffffff">&nbsp;&nbsp;◆タイトル</font></td> </tr><tr><td width="100" height="100"><img src="画像.jpg" width="100" height="100" border="0"></td> <td colspan="2" width="380" height="100" valign="top" align="left" bgcolor="#F8E0F7">文書</td> </tr> </table> このようなテーブルがあって、その順番をページ更新でタイトル・画像・文書を一枠としてクルクルランダムに入れかえたいのですが、どうしたらいいでしようか? 今後、この一枠がドンドン増えて行って、それも含めて全ての枠をランダムに入れ替えたいのです。 jqueryで簡単にできるようなことは聞きましたが、私には知識がないので助けてください。 よろしくお願いします。 http://www.finefinefine.jp/web/kiji2068/ ここを見れとも言われたのですが、スクリプトは私には不明です・・・

  • Javascriptが書ける方 menberInfo.js の中身を書いて頂ける方いませんか?

    Javascriptについての質問です。 Javascriptには、ログイン画面のIDにID番号を読んで それぞれの表示画面にジャンプする機能があるみたいですが そのJavascriptの中身(menberInfo.js menberInfo2.js)がわかりません。 教授できる方直して頂きたいです。 ログイン画面のHTMLとログイン先のHTMLを記述いたしました。 <html> <head> <title>ログイン画面 </title> <script type="text/javascript" src="menberInfo.js"> <script type="text/javascript" src="menberInfo2.js"> <!- function check(){ var flag =0; // if(document.info.id.value.match(/[^0-9]+/)){ flag=001; }else if(document.info.example6.value.match(/[^0-9]+/)){ flag=002; } } //-> </script> </head> <body> <h4><b>ログイン画面</b></h4> <br> <br> <form method="info" action="menberInfo.html" target="_self" name="info"> <h4>ID <input type="text" name="id" max length="6" size="14" align="right"></h4> <br> <h4>パスワード <input type="password" name="example6" max length="6" size="16" align="right"></h4> <br> <br> <input type="submit" value="ログイン"> </form> </body> </htmi> 表示画面1 <html> <head> <title>会員情報表示 </title> </head> <body> <h4><b>会員情報表示画面</b></h4> <table border="3" width="1080" height="200"> <tr> <td align="center" valign="top">項目名</td> <td align="center" valign="middle">項目情報</td> </tr> <tr> <td align="left" valign="top">会員番号</td> <td align="left" valign="middle">001</td> </tr> <tr> <td align="left" valign="top">氏名</td> <td align="left" valign="middle">麻生 太郎</td> </tr> 表示画面2 <html> <head> <title>会員情報表示 </title> </head> <body> <h4><b>会員情報表示画面</b></h4> <table border="3" width="1080" height="200"> <tr> <td align="center" valign="top">項目名</td> <td align="center" valign="middle">項目情報</td> </tr> <tr> <td align="left" valign="top">会員番号</td> <td align="left" valign="middle">002</td> </tr> <tr> <td align="left" valign="top">氏名</td> <td align="left" valign="middle">中川 秀直</td> </tr>

  • モバイルで表示するゴルフスコアのデザイン

    お世話になっております、めぐみと申します。 4.7インチ程度のモバイル画面にかっこいいゴルフスコアが表示できないか悩んでいます。 自分で作っては見たもののあまりよくないです。 あまり、データを大きくしたくないので極力gif等使用したくはないですが、多少なら使ってもよいかと思っています。 色合いがきれいで、丸みとかあったほうがいいのかと考えてはいるのですが。。。 もし、何か良いアイデアがありましたらどんな些細なことでも結構ですのでアドバイス頂けないものでしょうか。 以下、HTMLを貼り付けます。 <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1"> <tbody> <tr> <td bgcolor="#4C6E29" style="color: #FFFFFF">日付</td> <td colspan="11" bgcolor="#4C6E29" style="color: #FFFFFF">2018.02.19</td> </tr> <tr> <td rowspan="2" bgcolor="#4C6E29" style="color: #FFFFFF">場所</td> <td colspan="11" bgcolor="#4C6E29" style="color: #FFFFFF">〇〇ゴルフ場In</td> </tr> <tr> <td colspan="11" bgcolor="#4C6E29" style="color: #FFFFFF">〇〇ゴルフ場Out</td> </tr> <tr> <td rowspan="4" bgcolor="#4C6E29">&nbsp;</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">1</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">2</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">3</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">4</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">5</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">6</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">7</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">8</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">9</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">小計</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">実績合計</td> </tr> <tr> <td align="center" valign="middle" bgcolor="#98A51C">-1</td> <td align="center" valign="middle" bgcolor="#98A51C">1</td> <td align="center" valign="middle" bgcolor="#98A51C">0</td> <td align="center" valign="middle" bgcolor="#98A51C">0</td> <td align="center" valign="middle" bgcolor="#98A51C">1</td> <td align="center" valign="middle" bgcolor="#98A51C">-2</td> <td align="center" valign="middle" bgcolor="#98A51C">0</td> <td align="center" valign="middle" bgcolor="#98A51C">2</td> <td align="center" valign="middle" bgcolor="#98A51C">0</td> <td align="center" valign="middle" bgcolor="#98A51C">1</td> <td align="center" valign="middle" bgcolor="#98A51C">+15</td> </tr> <tr> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">10</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">11</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">12</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">13</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">14</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">15</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">16</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">17</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">18</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">小計</td> <td align="center" valign="middle" bgcolor="#4C6E29" style="color: #FFFFFF">打数合計</td> </tr> <tr> <td align="center" valign="middle" bgcolor="#98A51C">2</td> <td align="center" valign="middle" bgcolor="#98A51C">1</td> <td align="center" valign="middle" bgcolor="#98A51C">-1</td> <td align="center" valign="middle" bgcolor="#98A51C">1</td> <td align="center" valign="middle" bgcolor="#98A51C">2</td> <td align="center" valign="middle" bgcolor="#98

  • ホームページビルダーで右端のセルが狭くなります。

    ホームページビルダーで右端のセルが狭くなります。 現在ホームページビルダーの教科書を見ながら勉強しているのですが、教科書が用意しているファイルをビルダーで開くと右端のセルだけが狭くなります。 ちなみにブラウザ(IE)で開くと問題ありません。 これは何が原因でしょうか?編集しにくいので教えてください。 ちなみにソースは以下の感じです。(BODY以下) 念のため画像も添付します。 <BODY text=#000000 vLink=#808080 aLink=#ff8040 link=#ff3535 bgColor=#333333> <CENTER> <TABLE cellPadding=3 width=650 bgColor=#ffffff> <COLGROUP> <COL> <COL width=220> <TBODY> <TR> <TD vAlign=top rowSpan=11><IMG height="400" alt="代替テキスト1" src="xxx.gif" width="120" border="0"></TD> <TD colSpan=2><IMG height="150" alt="代替テキスト2" src="xxx.jpg" width="520" border="0"></TD></TR> <TR> <TD colSpan=2> <UL> <LI></LI> </UL> </TD></TR> <TR> <TD colSpan=2><IMG alt="代替テキスト" src="ixxx.gif" border="0"></TD></TR> <TR> <TD><IMG height="180" alt="代替テキスト" src="xxxx.jpg" width="140" border="0"></TD> <TD vAlign=top><FONT size=-1>長いテキスト文<BR><BR>このページの先頭へ</FONT></TD></TR> <TR> <TD colSpan=2></TD></TR> <TR> <TD></TD> <TD vAlign=top></TD></TR> <TR> <TD colSpan=2></TD></TR> <TR> <TD></TD> <TD vAlign=top></TD></TR> <TR> <TD colSpan=2></TD></TR> <TR> <TD></TD> <TD vAlign=top></TD></TR> <TR> <TD align="center" colSpan=2></TD></TR></TBODY></TABLE></CENTER></BODY></HTML> ちなみにCOLGROUPとCOLの使い方もよくわかりません。 よろしくお願い致します。

  • colspanを使うと正しく表示できない?!

    あるwebシステムで 現在の予約数を表示するようなhtmlを作成しています。 tableを使って、td内に予約できる数をcolspanで指定して、 現在の予約状況がひとめでわかるように表示しているのですが なぜか、正しく表示できなくなってしまいました。 ブラウザもie6からie8にはなったのですが。 いろいろ検索してみると、似たような質問はたくさんされていましたし、 それぞれにwidth指定もすればよい・・・のように記載されていて解決されているようでした。 でも、同じように試してみましたがダメでした。(表示結果は同じ) サンプルとしまして、(全体で92がMAXの予約数として です) <table width="319" border="1" cellpadding="0" cellspacing="0"> <tr> <td width="100" height="25" colspan="2" align="center">日時</td> <td width="100" colspan="50" align=right>50</td> <td width="84" colspan="42" align=right>92</td> <td width="35" height="25" align="center" bgcolor="#ffd37d">空き</td> </tr> <tr> <td rowspan="12" width="55" align=center valign=top>11月26日</td> <td width="45" align=center>0時</td> <td width="110" colspan="55" bgcolor="#ff4500" align="center">55</td> <td width="74" colspan="37" bgcolor=white><br></td> <td width="35" align=center><font color=navy>37</font></td> </tr> <tr> <td width="45" align=center>1時</td> <td colspan="55" bgcolor="#ff4500"align="center">55</td> <td colspan="37" bgcolor=white><br></td> <td width="35" align=center><font color=navy>37</font></td> </tr> <tr> <td width="45" align=center>2時</td> <td colspan="55" bgcolor="#ff4500" align="center">55</td> <td colspan="37" bgcolor=white><br></td> <td width="35" align=center><font color=navy>37</font></td> </tr> <tr> <td width="45" align=center>3時</td> <td colspan="70" bgcolor="#ff4500" align="center">70</td> <td colspan="22" bgcolor=white><br></td> <td width="35" align=center><font color=navy>22</font></td> </tr>  ・  ・  ・ のような場合、<tr>内の2つめの<td>のcolspan=70も55も同じ幅で表示されます。 違う・・・といえば、align=centerでそれぞれ数字を表示させていますが 55のテキストが少し左寄り、70がcenterに表示されてるように見えます。 また、赤背景色の幅も微妙に0.xミリくらいは colspan=70の方が広いです。 tableのwidthがborderの幅を考慮していないのですが これも問題でしょうか? みなさん、似たような問題がでても解決されているようなのですが 自分の場合、どうやってもなかなか解決できません。 tableの幅を広めに取ったり、style指定したり、widthを入れたり・・・ 因みに依然(今年の春頃まで?)は、width無しのcolspan指定だけで、 思い通りに表示できていました。 その後、ブラウザのバージョンアップがありました。 最初(春頃)はstyleで table{ table-layout:fixed; } を指定したらなんとかうまく表示できました。 今回は春頃のバージョンのままで特に変更なく動かせるはずだったのですが。。。 そのままではダメなようです。 どのような方法があるのかアドバイスいただければと思います。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • テーブルにCSSの枠のつけ方

    はじめまして、こんにちわ。 HTMLで組んだテーブルにCSSの枠をつけたいと思っています。 ここのページ​http://www.rakuten.ne.jp/gold/royalparty/​ の『NEW ITEMS』みたいに1列4行に枠をつけたい場合はどうしたら良いのでしょうか。よろしくお願いいたします。 組んだテーブルは下です。 <table class="newtable" cellspacing="0" cellpadding="0" border="0" width="610"> <tbody> <tr> <td class="photo" valign="middle" align="center" width="138"> 1-1 </a> </td> <td class="tdspace" valign="top" align="left" width="5" rowspan="3"> </td> <td class="photo" valign="middle" align="center" width="138"> 1-2 </a> </td> <td class="tdspace" valign="top" align="left" width="5" rowspan="3"> </td> <td class="photo" valign="middle" align="center" width="138"> 1-3 </a> </td> <td class="tdspace" valign="top" align="left" width="5" rowspan="3"> </td> <td class="photo" valign="middle" align="center" width="138"> 1-4</a></td> </tr> <tr> <td valign="top" align="left" width="138"> 2-1</a> </td> <td valign="top" align="left" width="138"> 2-2</a> </td> <td valign="top" align="left" width="138"> 2-3 </a> </td> <td valign="top" align="left" width="138"> 2-4</a> </td> </tr> <tr> <td valign="top" align="left" width="138">3-1</td> <td valign="top" align="left" width="138">3-2</td> <td valign="top" align="left" width="138">3-3</td> <td valign="top" align="left" width="138">3-4</td> </tr> </tbody> </table>

    • ベストアンサー
    • HTML
  • background-color css

    目的:社員のスケジュール表を作りたいです。 出勤、休み、緊急休みを一目瞭然に表で表現したいですが、そのやり方が分からないです、ご存知の方々教えてお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "?http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="?http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-31j" /> <title>表</title> <style> <!-- .open{ background-color:rgb(255,255,255); } .holiday{ background-color:rgb(166,166,166); } .rest_holiday{ position:relative; filter:alpha(opacity=50); background-color:rgb(255,0,0); } .rev{ background-color:rgb(185,205,229); } --> </style> </head> <body> <table border="1" cellspacing="1"> <tr> <td valign="top"> <table border="1" cellspacing="0" width="60" > <tr align="center"> <td height="23" >名前</td> </tr> <tr align="center"> <td ></td> </tr> <tr align="center"><td>田中</td></tr> <tr align="center"><td>島村</td></tr> <tr align="center"><td>喜田村</td></tr> <tr align="center"><td>林義夫</td></tr> </table> </td> <td valign="top" > <table width="00" cellpadding="0" cellspacing="0" border="1"> <tr align="center"> <td width="100" height="23" colspan="2" >10時</td> <td width="100" height="23" colspan="2">11時</td> <td width="100" height="23" colspan="2" >12時</td> </tr> <tr > <td width="25" height="23" valign="top" class="open">&nbsp;</td> <td width="25" height="23" valign="top" class="open">&nbsp;</td> <td width="25" height="23" valign="top" class="rest_holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="rest_holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="rest_holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="rest_holiday">&nbsp;</td> </tr> <tr > <td width="25" height="23" valign="top" class="holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="holiday">&nbsp;</td> </tr> <tr > <td width="25" height="23" valign="top" class="rev">&nbsp;</td> <td width="25" height="23" valign="top" class="rev">&nbsp;</td> <td width="25" height="23" valign="top" class="open">&nbsp;</td> <td width="25" height="23" valign="top" class="rev">&nbsp;</td> <td width="25" height="23" valign="top" class="rev">&nbsp;</td> <td width="25" height="23" valign="top" class="open">&nbsp;</td> </tr> <tr > <td width="25" height="23" valign="top" class="rest_holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="rest_holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="rest_holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="rest_holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="rest_holiday">&nbsp;</td> <td width="25" height="23" valign="top" class="rev">&nbsp;</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>

専門家に質問してみよう