搜索欄和按鈕css

-1

無法正確排列我的搜索欄和搜索按鈕。任何幫助都會很棒。搜索欄和按鈕css

我會發布更多的代碼，如果你需要它。現場直播。

http://foyermakeover.businesscatalyst.com/index.html

我希望它的菜單排隊。謝謝。

這裏是html。我使用兩個CSS。其中一個來自Business Catalyst稱爲模塊的東西。我相信這個CSS文件控制搜索框。我只是不知道要修改哪個規則。

<!-- Higher Menu Start --> 
<!-- DC Mega Menu Start --> 
<div class="fm_menu_top"> 
     <ul id="dc_mega-menu-white" class="dc_mm-white"> 
      <li><a href="/shop.html">SHOP </a></li> 
      <li><a href="/gallery.html">GALLERY</a></li> 
      <li><a href="#">DOOR BUILDER</a></li> 
      <li><a href="#">STAIR BUILDER</a></li>  
      <li><a href="#">CONTACT US</a></li> 

     </ul> 


<!-- Higher Menu End --> 
<!-- Search Begin --> 

<form name="catsearchform60238" method="post" action="/Default.aspx?SiteSearchID=2433&PageID=/search.html"><div class="cat_textbox"> 
    <input name="CAT_Search" type="text" class="CAT_Searchy" id="CAT_Searchy" placeholder="Type text here..." value="" /> 
    <input class="fm_letsearch" type="image" src="/images/search.png" value="Search" /></div></form> 
</div> 

<!-- Search End -->

來源

2014-02-14 user3112767

如果你需要它，我會發布更多的代碼。 **是的，我們做** ...和JSfiddle也會有所幫助。詢問代碼的問題必須證明對所解決問題的最小理解。包括嘗試的解決方案，爲什麼他們不工作，並且預期的結果 –

只在菜單和搜索欄上發佈了一些html。 – user3112767

一個骯髒的黑客要做到這一點將通過設置一個負面的頂部。添加到你的CSS礦石樣式定義：

.CAT_Searchy{ 
    position:relative; 
    top:-18px 
}

這將對準這樣的：

enter image description here

或者只是使用的老好人表的佈局。

來源

2014-02-14 16:15:54 mainguy

儘管閱讀和嘗試的內容很多，但您應該考慮@Radixs的建議。這看起來仍然很糟糕，如果你炸開輸入的高度和字體大小，它看起來不會好得多。也許找到你的輸入框的另一個地方，並重新考慮你的設計。 – mainguy

U可以包括自舉，然後使用內嵌列表排隊烏爾鏈接和搜索參見：http://getbootstrap.com/css/#type-lists

來源

2014-02-14 16:17:59

搜索欄和按鈕css

回答

相關問題