• 締切済み

Netscapで・・・。

INPUTタイプのボタンを2つ並べて置いたとき、IEだと普通に並んで見れるのに、 Netscapだと縦2行になってしまいます。(nowrapを付けても) なぜでしょう? あと、"margin-top"の指定が利かない(NNで)のもなぜでしょう?

  • HTML
  • 回答数2
  • ありがとう数1

みんなの回答

  • next-co
  • ベストアンサー率28% (43/149)
回答No.2

<INPUT TYPE="XXXXX">に<P>タグで囲めば? <P><INPUT TYPE="XXXXX"> <INPUT TYPE="XXXXX"></P> あと、<TABLE><DIV>タグで囲む方法もありますが。 >あと、"margin-top"の指定が利かない(NNで)のもなぜでしょう? marginやpaddingプロパティーは、IEとNNでは共通で使用できません。 NNと共通したWebを作る場合、FONTやTEXT関係のプロパティー以外は使用できません。 IEは全て指定どおり表示しますが、NNはmargin-topとmargin-leftだけしか表示しないと思いますが?

  • leaz024
  • ベストアンサー率75% (398/526)
回答No.1

普通に書いた感じでは、IEでもNNでも横に出ますが。 どのようなタグを書いたのか、補足の欄にでも書いてもらえれば、アドバイスできると思います。 あとマージンの方ですが、BODYタグのTOPMARGINのことであれば、BOTTOMMARGINやLEFTMARGIN、RIGHTMARGINも含め、すべてNNでは対応していません。 参考URLの「とほほのWWW入門」の「HTMLサポート状況一覧」で確認してみてください。

参考URL:
http://tohoho.wakusei.ne.jp/www.htm

関連するQ&A

  • Netscapで"input type=botton or submit"の・・・。

    NNで"input"のボタンのサイズや色を指定したいのですが、うまくいきません。 IEのように、style="width : 00px;background-color : #ffffff;"では、 ダメみたいなのですが・・・。

    • ベストアンサー
    • HTML
  • IEでFORMタグを入れると空白ができる

    IEだけなのですがFORMタグを入れるとTABLEとTABLEの間に空白ができます。 自分なりに切り分けをしたみたところ下記のような結果になりました。 1、XHTML1.0をHTML4.0に変更すると正常に表示 2、Firefoxで開くと正常に表示 3、FORMタグを外すと正常に表示 4、このhtmlファイルをローカル(自身のPC上)で表示すると正常に表示 (Webサーバにアップロードすると現象が現れる) ソースは以下の通りです <!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" xml:lang="ja" lang="ja"> <table border="0" width="800"><tr> <td><font color="#000080"><b>サブメニュー</b></font></td> <td width="20"></td> <td align="right"> <input type="button" value="戻る" onclick=window.open("http://www.xxxx.xxx/xxx.html","_top")> </td></tr></table> ※この間に空白ができます※ <table border="1" cellspacing="0" cellpadding="5" width="800"> <tr><th nowrap class="l" width="270">商品A</th> <th nowrap class="l" width="100">商品A</th> <th nowrap class="l" width="270">商品名B</th> <th nowrap class="l" width="100">商品B</th> <p></tr> <tr> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> </tr> <tr> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> <form action="./xxx.cgi" method="post" style="margin:0px"> <input type="hidden" name="view" value="0"> <input type="hidden" name="pick" value="0"> <input type="hidden" name="back" value=""> <td valign="top" width="270">あ</td> <td nowrap align="center" valign="top" width="100">あ</td></form> </tr> </table> </p> </html> 実際にはもっと長い表になるのですが<tr></tr>を増やせば増やすほど空白が大きくなります。 どうすれば解消できるでしょうか ご存知の方がいらっしゃいましたらご教授願います。 いろいろなサイトを拝見して試してみましたが解決できないのでよろしくお願いします。

    • ベストアンサー
    • HTML
  • onclickで文字をクリックしたら下の方に文字を出す

     ラジオボタンならありましたが、ボタンをクリックしたときではなく普通の文字をクリックしたときに文字を出したいのですが出来ますか。 <input type="button" value="クリック1" onClick="document.all.div1.innerText='クリック1がクリック'"> <div id=div1></div> がラジオボタンで文字を表示する方法で <A onclick="javascript:location.href='index.html';">トップ</A>  トップをクリックしたらindexに移動する方法なのでこれを組み合わせれば出来ると思いますがなにせJavaScriptは初心者なものでよく分かりません。  それと文字を押したら「どこどこ」に出すと「どこどこ」の制御、例えばmarginで指定など出来ましたら教えてください。 長くて判りにくいですがどうぞよろしくお願いします。

  • サーバカレント配下サブフォルダ内にファイルをアップさせたいのですが…

    ブラウザからローカルのファイルを指定して、実行ボタンを押すとサーバに、指定したファイルがアップされるプログラムを作成中です。 『copy($file, $file_name);』で、サーバにアップされるところまでは出来たのですが、このソース(.php)が存在するカレントに、ファイルがアップされてしまいます。 カレント配下に作成してあるサブフォルダ内にアップさせるには、どうすれば良いでしょうか? (もしくは、カレントにアップされたファイルを配下サブフォルダに移動でも良いですが) <以下PHPソースの抜粋> ~~~~~~~~~~~8<~~~~~~~~~~~~8<~~~~~~~~~~~ <TD nowrap><FONT size="-1">ファイル file</FONT></TD> <TD nowrap> <INPUT TYPE="hidden" NAME="MAX_FILE_SIZE" SIZE="65536"> <INPUT TYPE="file" NAME="file" SIZE="42"> </TD> ~~~~~~~~~~~8<~~~~~~~~~~~~8<~~~~~~~~~~~ <TD nowrap><INPUT id=submit1 NAME=submit1 type=submit value=" 実 行 "></TD> ~~~~~~~~~~~8<~~~~~~~~~~~~8<~~~~~~~~~~~ if ($file_name != '' && $file_size != 0) { copy($file, $file_name); } ~~~~~~~~~~~8<~~~~~~~~~~~~8<~~~~~~~~~~~

    • ベストアンサー
    • PHP
  • winのIEで正しく表示させたい

    一行に、画像3つを左寄せ、画像2つを右寄せに表示しようとしています。 macのIE5、NN7、winのNN7での確認では、なんとか思うとように表示できたのですが、winのIEではどうにもなりません。 ソースは以下のように作っております。 <html> <div class="icon"> <img A>&nbsp;<img B>&nbsp;<img C> </div> <div class="inquiry"> <img D>&nbsp;<img E> </div> </html> ......... CSS .icon { margin-left: 140px; font-size: 12px; color: #333399; float: left; vertical-align: middle; white-space: nowrap; } .inquiry { margin-right: 30px; float: right; vertical-align: middle; white-space: nowrap; } ちなみに長くなるので省きましたが、右寄せの2つの画像はジャバスクリプトでカーソルが乗ると変わるようにしてあります。

  • submitボタンを横一列複数リンクするには?

    自分のHP作成中に困っています。 OSはWindowsME,ブラウザはIE5.5です。 body内に設定したformの複数のsubmitボタンに それぞれリンクを張って、ページ中央に 横一列に並べたいのですが、以下のpにCSSで p { text-align:center; white-space:nowrap; } と設定しても、ボタンが中央に縦一列に 並んでしまいます(リンクは張れたのですが)。 <p> <form action="index.html"> <input type="submit" value="top"> </form> <form action="about.html"> <input type="submit" value="about"> </form> : </p> ※実際のHTMLは<p>から全て改行無しで並べて  います。全部で5個のボタンです。 CSSをやめて<p>の後のHTMLに<nobr>を書いても だめでした。縦一列だと場所も取るし、見栄えも 悪いのです。 当初はinputのtypeを"button"にして <input type="button" onclick="location.href='index.html'"> の様にして複数並べてみたのですが、このHPは PCと同時に出来れば携帯(i-modeだけでも)対応に したいので、上記の方法だとPCではOKでも 携帯(i-mode)からだとボタンを押しても何も 変わらないのです(docomoサイトで調べた所、inputで "button"は未対応なのと、携帯はJavaScript未対応 だからなのでしょうか?)。 submitボタンで上記の希望を満たせれば、携帯でも PCのデザイン的にもOKかな?と思うのですが、 どうしてもボタンを横一列に並べられず、困っています。 こういった事は不可能なのでしょうか? どなたかお教え下さいます様、お願い致します。

  • input type="file"で複数選択を可能にする方法

    初めて利用させていただきます。初心者の為、できれば詳細なご回答いただけると嬉しいです。 早速ですが、<input type="file">の実行結果は、テキストエリアの横に【参照】ボタンがあるような状態になります。 このテキストエリアの部分に複数のファイルをどんどん選択して格納できる方法を探しております。 イメージとして、3行くらいがデフォルト表示のテキストエリアがあり、その横に【参照】と【削除】ボタンが上下に並び、 参照で選択したファイルがそのテキストエリアに格納されてゆき、3行を超えるとスクロールバーが表示される、 格納されたあるファイル名を反転させて【削除】選択で削除される、 というものを作りたいのです。 今回、クライアントの要望で添付ファイルは1000個まで選択可能という状態を実現しなくてはならず、<input type="file">を1000個並べる訳にもいかない為、とても困っております。 且つ、java script禁止令を出されています。 ファイル形式はjspですので、formのactionでサーバ側で処理を制御することは可能です。 念の為、私が探し出したソースで一番理想に近いものを併記致します。 <table>  <tr>   <td rowspan="2" nowrap><select name="File" size="3" multiple> <option value="">                         </select></td>   <td>   <iframe width="60" height="25" frameborder="no" scrolling="no" src="とあるexeファイルを指定"></iframe>   </td>   <td rowspan="2" valign="top" nowrap><font size="-1">「参照...」ボタンをクリックして<br>ファイルを指定してください。</font></td>  </tr>  <tr>   <td nowrap><input type="button" value=" 削除 " onClick="RemoveFile( this.form )"></td>  </tr> </table>

  • 行と行の間のスペースをなくしたい

    行と行の間のスペースをなくしたいのですが、 うまくいきません。 <div style='margin-bottom:0;padding-bottom:0;'>ああ</div> <div style='margin-top:0;padding-top:0;'>いい</div> のような形でいろいろ試しているのですが、行間は残ってしまいます。 ブラウザはIEです。 ご教授よろしくお願いします。

  • 複数のcheckboxを間隔を空けず引っ付けて、横に並べたいのですが、

    複数のcheckboxを間隔を空けず引っ付けて、横に並べたいのですが、 以下のように、styleの中で、左右のマージンで調整すると、 ブラウザ(ie、firefox、safariなど)によって見え方が異なってしまいます。 他によい方法はないでしょうか。 よろしくお願いします。 <input type="checkbox" name="a1" value="1" style="margin-left: -10; margin-right: 0"> <input type="checkbox" name="a2" value="2" style="margin-left: -10; margin-right: 0"> <input type="checkbox" name="a3" value="3" style="margin-left: -10; margin-right: 0">  :

    • ベストアンサー
    • HTML
  • css使って<br>みたいに改行したいけど出来ない

    ブログの記事を書くときに<br/> を連発して改行していたんですが、seo敵によろしくないらしいのでこれからは cssを使って書き変えていこうと思いました ワードプレスのエディターから style.css の一番下に p.p1{ margin-top: 1em; } p.p2{ margin-top: 2em; } p.p3 { margin-top: 3em; } こうやって書きました。 それでブログの記事htmlを書くときには <p class=“p1"></p> ⇐これ書けば1行空白が空く <p class=“p3"></p> ⇐これ書けば3行空白が空く と思い書いてみたんですが <p class=“p1"></p> <p class=“p3"></p> どちらを書いても、記事は1行分の空白しか空きませんでした 大げさに p.p6{ margin-top: 6em; } というのをcssに書いて 記事のhtmlに <p class=“p6"></p> と 書いても空白は1行しか空きませんでした(;へ:) ブラウザのキャッシュを消して表示し直したりしてますが駄目です1行しか空きません なぜでしょうか??cssの記入場所が悪いのか書き方が悪いのか margin-top   を margin-bottom に変えても変わりませんでした 初心者にもわかるよう、 cssを使った改行、レイアウト変更方法を教えてください なんかcssで指定して html側になんかp classみたいな指定をした方が SEO対策になっているとか ルールにのっとっているらしいですが ググってもわかりませんでしたし なぜか一行分の空白しか空きませんで困っております。 こうやって何行も空けたいです! <p style="margin-top:6em;"></p> とhtml側に書くと改行思ったようにできます これが一番簡単ですがそれもcssで指定してないから良くないらしいです たすけて!