2011-08-18 50 views
0

我無法正確排列兩個元素。獲取閃存對象在輸入字段旁邊

這裏是我的HTML:

<input class='pretty-border' id='shareinput' value='afdsdasfdasfadsff' /> 
<span> 
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
      width="14" 
      height="14" 
      id="clippy" > 
     <param name="movie" value="/clippy.swf"/> 
     <param name="allowScriptAccess" value="always" /> 
     <param name="quality" value="high" /> 
     <param name="scale" value="noscale" /> 
     <param NAME="FlashVars" value="id=clip_text"> 
     <param name="bgcolor" value="#FFFFFF"> 
     <embed src="/clippy.swf" 
       width="14" 
       height="14" 
       name="clippy" 
       quality="high" 
       allowScriptAccess="always" 
       type="application/x-shockwave-flash" 
       pluginspage="http://www.macromedia.com/go/getflashplayer" 
       FlashVars="id=clip_text" 
       bgcolor="#FFFFFF" 
     /> 
    </object> 
</span> 

這是我的CSS:

input.pretty-border { 
    float:left; 
    font-size:1em; 
    width: 300px; 
    padding: 5px 10px; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
    border: 4px solid #c9deff; 
} 

不幸的是,如在附加的圖片中可以看出對象之間的換行。我怎樣才能擺脫它?

enter image description here

+0

您能發表一個鏈接或這個隱私? –

+0

對不起,這是僅在我的本地PC上的HTML – staackuser2

回答

1

嘗試給這兩個要素相同的類名,然後把浮動:左爲類,而不是隻是輸入元素。

.sameclass {     
    float:left;     
} 
+0

我擺脫了浮動後仍然工作:留在父母的div! – staackuser2

0

的對象上設置display:inline似乎工作(在Chrome & FF測試)

span object {display:inline;}