모바일에서 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년 전
네... 하하 감사합니다.
궁금해서 여쭤 본거에요 &^^
궁금해서 여쭤 본거에요 &^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 603 | |
| 589 | |
| 577 | |
| 575 | |
| 570 | |
| 562 | |
| 558 | |
| 536 | |
| 535 | |
| 497 | |
| 487 | |
| 482 | |
| 480 | |
| 475 | |
| 467 | |
| 462 | |
| 415 | |
| 410 | |
| 399 | |
| 392 | |
| 388 | |
| 386 | |
| 383 | |
| 380 | |
| 375 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기