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。它会导致维护噩梦。

jsFiddle

于 2012-12-31T19:42:08.923 回答
0

您还可以将您想要的元素放在标签的同一行中<div>,将图像放在另一个标签中<div>

于 2012-12-31T21:07:22.420 回答