2012-02-22 4 views
2

예를 들어 모두에게서 알 수있는 것처럼 크기를 조정할 수있는 검색 창을 원합니다. FireFox 그래서 오른쪽에 버튼으로 입력 상자와 돋보기가 필요합니다. 오른쪽에 이미지가있는 크기를 조정할 수있는 검색 창

은 이미 그것을 위해 테스트 케이스를 만든 :

http://jsfiddle.net/L8Wp3/61/

건이며, 크기 조정이 작동하지 않습니다. 전체 페이지의 크기를 조정하면 입력 양식의 크기가 조정되어야하고 이미지도 함께 전달되어야합니다. 그러나 나는 많은 것을 시도해 보았습니다. 이미지는 때로는 선을 깨뜨릴 것입니다 ....

내가 원하는 것은 : div 컨테이너 안에 두 개의 입력 태그 (A & B)가 있습니다. 이제 B가 흘러야합니다. 권리와 A는 사용할 수있는 모든 이름 바꾸기 공간을 가져야합니다.

어떻게 이것을 CSS로 구현할 수 있습니까?

+0

이해가 안 : 예제는 여기에 간단한 검색 상자를 만드는 방법? – jacktheripper

+0

분명히 아닙니다. FireFox의 검색 창을 알고 있습니까? FF 크기를 조정하면 입력 상자의 크기가 조정되고 검색 버튼 만 표시되는 것을 볼 수 있습니다. 나는 같은 효과를 원한다. – Zack

답변

0

검색 상자 제공 (입력 텍스트)

크기 : 가로; 오버플로 : 자동;

최대 폭 :

및 최대 크기 조정을위한

YYYpx;

+0

입력 상자의 크기를 조절할 수있는 방법을 조금 더 자세히 설명해 주시겠습니까? –

+0

여기 있습니다 : http://www.w3schools.com/cssref/css3_pr_resize.asp – haco

0

실제로 질문을 이해할 수 없지만 크기를 조정하려는 경우 div의 모든 너비와 함께 미디어 쿼리를 사용하여 정확한 너비를 입력 할 수 있습니다. 이 http://jsfiddle.net/L8Wp3/65/ 같은 것을 싶어,

Search box:

+0

죄송합니다, 아마도 충분히 명확하지 않았습니다. FireFox 검색 상자를 살펴보십시오. 전체 창 크기를 조정하면 검색 상자가 축소되고 검색 아이콘이 함께 표시됩니다. 그게 내가 원하는거야. 검색 창 너비를 예 : 85 % 크기가 조정되지만 볼 수 있듯이 특정 크기에서 아이콘을 줄 바꿈합니다. http://jsfiddle.net/L8Wp3/68/ – Zack

+0

이미지를 추가하면 필요! –

관련 문제