0

私はコーディングが初めてなので、これが基本的な質問であれば申し訳ありません。画面の左側にテキスト、画面の右側にフォームを配置しようとしています。両方のアイテムを正確に配置することができましたが、何らかの理由でテキストが誤って折り返されています。

テキストを次のように表示しようとしています。


「明日には手に入らない才能を雇え！」

ただし、CSS の何かによって、テキストが次のように折り返されます。

「明日には手に入ら
ない才能を雇え！」

フォームをテキストの右側に配置する方法に関係していると思います。テキストを制御する CSS は次のとおりです。

.SimpleText { width:928px; margin:50px auto  auto  auto; padding-top: 18px; height:90px;} 
.SimpleText h2 { color:#fff; font:normal 30px  Georgia, "Times New Roman", Times, serif;     padding:0 0 0 40px; margin:0; background:url(images/h2_bg_simple_text.gif) left no-repeat;}<br>
.SimpleText p { color:#bbe2ed; font:normal 11px  Georgia, "Times New Roman", Times, serif; padding:0 0 0 60px; margin:0;}

フォームを管理する css は次のとおりです。

#formtest{ position: relative; float: right; left: 100px;}

HTMLページに表示される方法は次のとおりです。

  <div class="SimpleText">
      <div id="formtest">

          <!--form is here !-->

      </div>

    <h2>Hire the talent you won't be <br />able to afford tomorrow!</h2>
    <p>Great talent you can depend upon</p>

  </div>

正しくラップするように修正するにはどうすればよいですか? ありがとうございました。

また、フォームは iframe 内にあります。iframe のコードは次のとおりです。

<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\"     src=\"formio.php" + window.location.search + "\" width=\"560\" height=\"677\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"new_Form.php\" title=\"new_Form\"&gt;blan&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="560" height="677" style="border:none; background:transparent;   overflow:hidden;"
 id="formfas" src="axyform.html">
&lt;a href="formio.php" title="new_Form"&gt;m&lt;/a&gt;
</iframe>
</noscript>
4

1 に答える 1

0

の幅を広げることで、この問題を解決できます.SimpleText。例えば：

.SimpleText {
    width:968px;
}

JS フィドルの例

于 2013-02-19T20:22:55.483 に答える