검색창을 이미지맵으로 어떻게 만드나요? 정보
검색창을 이미지맵으로 어떻게 만드나요?본문
탑메뉴를 png로 만들어서 올렸습니다.
각각의 메뉴를 이미지맵으로 걸었는데, 검색창은 어떻게 해야될지 모르겠네요..
http://smartreaders.co.kr 입니다..봐주세요~~ㅜ
각각의 메뉴를 이미지맵으로 걸었는데, 검색창은 어떻게 해야될지 모르겠네요..
http://smartreaders.co.kr 입니다..봐주세요~~ㅜ
댓글 전체
그냥 css로 백그라운드 처리 하셔야 할텐데...
<input type="text" .... style="background:url() no-repeat 0 0; position:absolute; top:??px; right: ??px;" /> 으로 하시고요 그담에 이 인풋의 상위 엘리먼트에 style="position:relative;" 줘보세요...
<input type="text" .... style="background:url() no-repeat 0 0; position:absolute; top:??px; right: ??px;" /> 으로 하시고요 그담에 이 인풋의 상위 엘리먼트에 style="position:relative;" 줘보세요...
윗분의 말씀대로 하셔도 될꺼고...
근데 이미 틀을 만들어 놓으셨으니 이렇게 해 보세요..
1. 상단 메뉴바(topmenu.png) 이미지 중 오른쪽에 있는 검색부분을 지우고 다시 올린다.
2. <div style="position:absolute; top:위에서부터의 위치값px; left:왼쪽으로부터의 위치값px;">
<input type="text" name="search"><input type="submit" value="검색">
</div>
이런식이면 수정을 최소화 해서 가능할듯하네요.
근데 이미 틀을 만들어 놓으셨으니 이렇게 해 보세요..
1. 상단 메뉴바(topmenu.png) 이미지 중 오른쪽에 있는 검색부분을 지우고 다시 올린다.
2. <div style="position:absolute; top:위에서부터의 위치값px; left:왼쪽으로부터의 위치값px;">
<input type="text" name="search"><input type="submit" value="검색">
</div>
이런식이면 수정을 최소화 해서 가능할듯하네요.
엘코님 애기아빠님 감사합니다.
제 능력에서는 애기아빠님 것을 적용하기가 쉬워 애기아빠님 말씀대로 적용하고 채택해드렸습니다.
두분 다 감사드립니다.
제 능력에서는 애기아빠님 것을 적용하기가 쉬워 애기아빠님 말씀대로 적용하고 채택해드렸습니다.
두분 다 감사드립니다.
