2011-12-15 1 views
0

ラベルに囲まれたボタンをドキュメントに挿入するサーバーからスクリプトを取得しています。私はこれに2つの問題があります:私は、ボタンとボタンのラベルの間の改行を防ぐことはできませんし、返されたスクリプト自体の外でスタイルを行う方法を見つけることができません。最初の問題はwhite-space:nowrapボタンと、次の「foo1の」ラベルの間に改行を阻止されていないことですAjaxスクリプトのコンテンツをスタイルすることはできません(nowrapは機能しません)

document.getElementById("div-foo1").innerHTML=" 
    <label style='white-space:nowrap;'> 
    <input type='button' id='sButton0' style='width:10px; height:20px;'> 
    foo1 
    </label>"; 

: Firebugのは、このXHRレスポンスを(私は読みやすくするために改行を挿入した)を示しています。私はまた、差をつけずに<nobr></nobr>の封筒を試しました。私は、ボタンの幅を変更してブラウザの変更を見ることができるので、スタイリングが一般的に機能していることを知っています。

第2の問題は、スタイリングをスクリプトから取り除く方法が見つからないということです。これをHTMLヘッダーに入れた場合:

<style>  
    #sButton0 { width:30px; height:20px; } 
    </style> 

これは機能しません。誰かが私が間違っていることを教えてもらえますか?

ありがとうございました。

+0

ディスプレイを追加しようとしましたか?ボタンのスタイル(スタイルタグ上)に移動しますか?私は、ラベルのテキストの前に改行を引き起こすブロックを表示するように設定している別のCSSがあるのだろうかと思います。 – danludwig

+0

私はあなたの提案を試み、問題を修正したと思った。しかし、スタイルに「浮動小数点:left」を追加すると、改行を防ぐのに十分であることが分かりました。理由は分かりません。 F/F、Opera、Chromeでチェック。ありがとう。 – EML

答えて

0

2番目の問題は、タグからスタイル属性を削除するだけです。頭の中のスタイルを上書きします。

+0

そして私はあなたのjsを次のように1行に書くことを試みました: '' 入力と "foo1"の間に改行はありませんでした。 – ArVan

+0

私はこのスタイルを試してみると、すでにこれをやっていました。元の投稿ではっきりさせるべきでした。私は問題を単純化し、Ajaxを削除したので、より良い質問のタイトルでもう一度質問します... – EML

関連する問題