みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

input type ボタン

お世話になります。
inputtype ログインボタン・検索ボタンの事で、お尋ねいたします。
あちらこちらのサイトを参考にログインと検索ができるプログラムを
真似て作成いたしています。初めての事で内容も半分ぐらいしか理解出来ていないままのスタートです。
参考サイトのhtml部分・CSSソースを作りかけの自分のサイトに記載しますとログインボタンと検索ボタンのレイアウトが崩れて
表示されません。
何が原因なのか不明のままです!!
お手数かけますが、ご指導お願い申しあげます。
下記に簡単にinputの部分だけソースを書きますので宜しくお願い
いたします。
また別ページ(新規に)html<body>~<body>間に同じソースを
書きますと検索ボタンもログインボタンもきちっと表示されます。
中身のプログラムソースに入る前にレイアウトを先に手掛けたのですが
意気消沈しています。
他のCSSとかjavascriptかのソースと競合するのでしょうか?
解らない事ばかりです。
奇麗に表示ができれば幸いです。
宜しくお願い申し上げます。
googleサーチのinputです。
<div class="entry_search">
<form method="get" action="http://www.google.co.jp/search" target="_parent">
<table width="166" border="0" bgcolor="#ffffff">
<tbody>
<tr>
<td width="160" height="32" align="left" valign="top" nowrap="nowrap"><a href="http://www.google.co.jp" target="_blank"> <img src="imges/common/poweredby_google.gif" alt="Google" border="0" /></a> <br />
<input type="text"name="q" size="17" maxlength="255" value="" />
<input type=hidden name=ie value=Shift_JIS />
<input type=hidden name=oe value=Shift_JIS />
<input type="hidden" name="hl" value="ja" />
<input type="hidden" name="domains" value="#" />
<input type="submit" name="btnG" value="検索" /></td>
</tr>
<tr>
<td nowrap="nowrap"><table>
<tbody>
<tr>
<td ><input type="radio" name="sitesearch" value=" " />
<font color="#000000" size="-1">Web</font></td>
<td><input type="radio" name="sitesearch" value="#" checked="checked" />
<font color="#000000" size="-2">サイト内</font></td>
</tr>
</tbody>
</table>
<input name="client" value="pub-5778690733142083" type="hidden" />
<input type=hidden name=ie value=Shift_JIS />
<input type=hidden name=oe value=Shift_JIS />
<input type=hidden name=hl value="ja" />
<input name="cof" value="GALT:GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:ffffff;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;" type="hidden" />
<input type="hidden" name="hl" value="ja" /></td>
</tr>
</tbody>
</table>
</form>
こちらがログオンの一部です。
<div class="AA_approach_b">
<h4 class="AA_blockHead AA_loginHead">ログイン</h4>
<form name="login" action="#" method="post"><input name="action" value="login" type="hidden">
<input name="#" value="4b96bbf140d2a3cb9821cc2cba76395e21feb0f5b9ab041b561f0a03fc15ef2a" type="hidden"><table class="bestfood_loginTable">
<tbody><tr>
<th class="CC_th">E-mail</th>
<td class="CC_td"><input name="loginEmailAddress" value="" type="text"></td>
</tr>
<tr>
<th class="CC_th">password</th>
<td class="CC_td"><input name="loginPassword" value="" type="password"></td>
</tr>
<tr>
<td colspan="2" button type="class="CC_submit" value="submit">
<input value="ログイン" type="submit">
</button>
</td>
</tr>
</tbody></table>
<div class="AA_annotation"><a href="#">パスワードをお忘れの方</a></div>
<input name="referer" value="block" type="hidden">
</form>
上記の他にCSSと手元にCGIソースがあります。
お手数ですが宜しくお願い申し上げます。
初めての事ですので表現や考えに間違いありますればご容赦を....!!

投稿日時 - 2009-02-17 09:05:13

QNo.4724673

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

3人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

No.1です。連続書き込みですみません。
もしかして、上のコードを既存のファイルに書き込むと何も表示されないということでしょうか?

だとすると、タグの閉じ忘れなどが考えられますね。
とりあえず文法チェックなどしてみてはいかがでしょう?
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

投稿日時 - 2009-02-17 12:42:44

お礼

ありがとうございました
ソースを洗い直して見ましたら
結果が解りました。
お陰様でありがとう!!

投稿日時 - 2009-02-18 19:33:32

ANo.1

えーっと、どのようなレイアウトにしたいのかがわからないので、なんとも言えませんが、通常レイアウトはCSSによって行われているのが多いので、まずその辺から見てみてはいかがでしょう?

TABLEでレイアウトするなら、まずは border="1" とかで線を表示してあげるとわかるかと・・・

CSSが不明なら、CSSも見せてください。

投稿日時 - 2009-02-17 09:56:57

補足

asapinya様
遅くなり申し訳ありません お目に掛けて頂きありがとうございます。
ご質問の”ボタン”は一様表示されます。
後記に記していますが崩れます。
早速ですがgoogleサーチ検索のソースは以下のようです。
htmlは前回のご質問の時のものです。
プラス CSSはこんな感じです。
<style type="text/css">
<!--
input[type="text"],
input[type="name"],
textarea {
border: solid 1px #999;
background-color:#fff;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
border: solid 1px #999;
background-color: #FFFFCC;
}
* {
margin-top:5px;
padding:0px;
font-family: Verdana, Helvetica;
font-size: 10pt;}
.entry_search{
width:171px;
display:block;
border:none;
padding:0px;
height:140px;
margin-top:10px;
font-family: Verdana, Helvetica;
font-size: 10pt;
--->
</style>
ログインCSSは.............

<style type="text/css">
<!--
.AA_approach_b{
float:left;
margin:0;
width:166px;
background-color:#FFF;
clear: both;
list-style:none;
height:auto;
border:none;
.entry_login{
width:171px;
display:block;
border:none;
padding:0px;
height:140px;
margin-top:10px;
font-family: Verdana, Helvetica;
font-size: 10pt;
}
/*------------◆◆◆ログインBOX◆◆◆----------------*/
.AA_login{
margin:10px 0;
}
.AA_loginTable .AA_th{
AA-color:#FFFFFF;
}
.AA_loginTable input{
width:100px;
height:18px;
}
.AA_loginTable .AA_submit{
text-align:center;
}
.AA_login .AA_annotation{
font-size:8pt;
}
</style>
でございます。
補足としまして同じページにjavascriptカレンダーやロールオーバーが
共存しています。
(不備がないか何度もチェックいたしますがボタンは表示されますが
 崩れるレイアウト(黒枠に3D風ではなく汚く)表示されます。
CSSは別紙に記載しています。
サーチボックスだけとかログインだけ間違えていれば納得がいくのですが、未だ解決に程遠く困りはてています。
また、ご指摘いただきました ソースのチェック早速いたしてみます。
色々すみません ご指導よろしく願う次第です。

投稿日時 - 2009-02-17 23:58:27

あなたにオススメの質問