3

以下のコードは、ロゴの下に検索フォームをレンダリングします。

 LOGO IMAGE

Logon or register

Search:

同じ行のロゴの後にログイン/検索がレンダリングされるように変更する方法:

               Logon or register
LOGO IMAGE        
               Search:

site.master には以下が含まれます。

<div id="header" style="margin: 0; background-color: white; width: 100%">
   <a href="http://mysite.com">
     <img alt='' style='width:30%' src='/Store/Logo' />
     </a>
   <div >
      <p class="accBoxUnloggedOther">
           <a href="/logon">Logon</a>
             or <a href="/register">
              Register</a></p>
      <br />
      <form action="/Store/Search" style="margin:0">
        <input class="searchfield" id="Search"  />
        <input class="button blue bigrounded" type="submit" value="Search... " />
        </form>
     </div>
....
4

2 に答える 2

1

style="float:right;"内側の div で使用します。ただし、インライン CSS の使用は避けるようにしてください。それはメンテナンスの悪夢につながります。

jsフィドル

于 2012-12-31T19:42:08.923 に答える
0

必要な要素を<div>タグの同じ行に配置し、画像を別の行に配置することもできます<div>

于 2012-12-31T21:07:22.420 に答える