모바일에서 css로 검색창 만드려면 ?
<style>
/************************** search ******************************/
#search { width:100%; margin:0px; padding:0px; }
#search > div { margin:0px; width:100%; }
</style>
aaa.php
<div id="search">
<div>
이곳에 그림과 같은 두개의 이미지를 붙어서 만드려는데..??
</div>
</div>
참고로 모바일 해상도 기분을 480으로 한 상태 입니다.
ul > li 를 써도 안되고
답답하네요...
댓글 4개
12년 전
<style>
#search { width:370px; margin:0px; padding:0px; }
#search .left {float:left; width:300px; height:45px; background-image: url('http://sir.co.kr/data/thumb/pb_talk/811-ce59f1130dd585187503fd7cddea71bf.jpg');}
#search .right {float:right; width:70px; height:45px; background-image: url('http://sir.co.kr/data/thumb/pb_talk/811-fa44a908ee3de861d2c4258e68376e5e.jpg');}
#search .both {clear: both;}
</style>
<div id="search">
<div class="left"></div>
<div class="right"></div>
<div class="both"></div>
</div>
참고만 하세요 ^^
#search { width:370px; margin:0px; padding:0px; }
#search .left {float:left; width:300px; height:45px; background-image: url('http://sir.co.kr/data/thumb/pb_talk/811-ce59f1130dd585187503fd7cddea71bf.jpg');}
#search .right {float:right; width:70px; height:45px; background-image: url('http://sir.co.kr/data/thumb/pb_talk/811-fa44a908ee3de861d2c4258e68376e5e.jpg');}
#search .both {clear: both;}
</style>
<div id="search">
<div class="left"></div>
<div class="right"></div>
<div class="both"></div>
</div>
참고만 하세요 ^^
KIMys
12년 전
앗 감사합니다.
근데 애플에서 사이즈가 문제가 될 듯 한데 ?
아닌가요 ?
근데 애플에서 사이즈가 문제가 될 듯 한데 ?
아닌가요 ?
12년 전
사이즈는 알아서 변경하세요 이미지 사이즈에 맞춰서 대충 만든거라..
KIMys
12년 전
네... 하하 감사합니다.
궁금해서 여쭤 본거에요 &^^
궁금해서 여쭤 본거에요 &^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 211 |
퍼블리셔
디자이너 지만 질문요
6
|
| 198 | |
| 191 | |
| 180 |
퍼블리셔
그누보드 vs 나의 퍼블리싱
10
|
| 177 | |
| 169 | |
| 160 | |
| 150 | |
| 133 | |
| 119 | |
| 104 |
퍼블리셔
j-query 사용은 올바른가?
14
|
| 87 | |
| 79 | |
| 71 | |
| 65 |
퍼블리셔
퍼블리셔가 다뤄야 할 영역은?
5
|
| 53 |
퍼블리셔
신입 퍼블리셔 연봉은 얼마?
11
|
| 39 |
퍼블리셔
사이트를 제작하려고 합니다
13
|
| 34 |
퍼블리셔
사이트 제작해볼려구요
4
|
| 23 | |
| 16 |
퍼블리셔
이경우 어떻게 해야할까요??
6
|
| 13 |
퍼블리셔
우왕..퍼블리셔도 생겼네요~
2
|
| 12 |
퍼블리셔
이뻐요^^
|
| 8 |
퍼블리셔
저는 디자이너 이지만요..
3
|
| 4 | |
| 1 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기