2014-03-04 1 views
-1

나는 이미 여러 가지 방법을 시도하고 성공적으로 내 검색 표시 줄 아이콘을 떠 다니는 성공하지 못하고 있어요. 내가 뭘 잘못하고있는거야?바로 내 양식 검색 이미지

HTML :

<section id="menu-container"> 
     <nav id="menu"> 
      <ul> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">About</a></li> 
       <li><a href="#">Products</a></li> 
       <li><a href="#">Contats</a></li> 
       <li><a href="#">Links</a></li> 
       <li id="search_menu"> 
        <form name="form1"> 
        <input type="search" name="search1" /> 
        </form> 
       </li> 
      </ul> 
     </nav> 
    </section> 

CSS :

#search_menu search input[type="search"] 
{ 
background:url(imagens/search-icon-2.png) no-repeat; 
height:62px; 
line-height:62px; 
} 

답변

1

Working Fiddle

그냥 작은 변화

.asd 
{ 
    background:url(imagens/search-icon-2.png) no-repeat; 
    height:62px; 
    line-height:62px; 
    float:right; 
} 

nav{ 
    float:left; 
} 
+0

감사합니다,하지만 문제는 내가 메뉴는 가지고 싶은 것입니다 960 픽셀, 그리고 바로 떠 다니고 싶습니다. 그 960px에서 내 검색 양식,하지만 그 이유는 모르겠지만, 검색 양식은 오른쪽에 있지만 페이지의 100 %에 떠있는 것입니다. 여기처럼 : http://jsfiddle.net/ritz/3qqMc/ – John23

+0

너는 너비를 언급했다 : 960px; 그리고 그것의 작동 – Jatin

+0

고마워, 이제는 작업