教えてください

解決済

質問者：Z31
質問日時：2014/01/28 20:48
回答数：4件

<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>

上のｈｔｍｌ言語はホームページビルダー11で添付画像の「Googleカスタム検索」の「文字入力の検索ボックス部分」のものです。

添付画像では文字入力の検索ボックスの周りに余白が全くなしで「壁紙」が全く消えていません。

これは上のｈｔｍｌ言語のどの部分でしょうか？教えてください。

Googleサイトから同じようにコードを作ったら検索ボックスの周りに余白が出来て、壁紙がその部分消えてしまいまして、見栄えが悪いんです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： umimonogat
回答日時：2014/01/30 16:09

＞これは上のｈｔｍｌ言語のどの部分でしょうか？教えてください

スタイル文タグです。
これを挿入したら挿入先の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

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2014/01/30 21:59

No.3

回答者： umimonogat
回答日時：2014/01/29 19:05

下記タグをHTMLに貼り付けて下さい。

背景画像ファイル名は ok-web.pngです。
添付画像は貼り付けたHTMLをＩＥで開いたものです。

-------------------------------
<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>

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。

umimonogatさんのコードで仮にビルダーでページを作ってみました。壁紙を変えて。

たしかに検索ボックスの周りに余白が無いものが出来ました。

これはコードのどの部分でしょうか？実は私の質問文の添付画像には余白が有りませんが、これは私があれやこれやビルダー上で触っているうちに、偶然に余白が消えてしまったのです。

しかし、いま最初からGoogleからコードを取得して作ると余白が出来てしまうのです。

通報する

お礼日時：2014/01/30 09:40