SIR
이전글 목록 다음글
D

모바일에서 css로 검색창 만드려면 ?

KIMys
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 12년 전 · 2109 · 4
search_1.png

<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 를 써도 안되고

답답하네요...

#퍼블리셔톡 #퍼블리셔

첨부파일

search_1.png (1.2 KB) 17회 2013-05-01 19:13
|
글쓰기

댓글 4개

Rido
프로필 보기이 회원 글보기이 회원의 댓글보기
 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>

참고만 하세요 ^^
KKIMys
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
앗 감사합니다.
근데 애플에서 사이즈가 문제가 될 듯 한데 ?
아닌가요 ?
Rido
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
사이즈는 알아서 변경하세요 이미지 사이즈에 맞춰서 대충 만든거라..
KKIMys
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
네... 하하 감사합니다.
궁금해서 여쭤 본거에요 &^^
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12년 전 조회 1,383
12년 전 조회 937
12년 전 조회 1,606
12년 전 조회 1,033
12년 전 조회 3,326
12년 전 조회 2,033
12년 전 조회 3,026
12년 전 조회 1,937
12년 전 조회 1,212
12년 전 조회 1,738
12년 전 조회 2,877
12년 전 조회 2,706
12년 전 조회 1,149
12년 전 조회 2,262
12년 전 조회 1,949
12년 전 조회 932
12년 전 조회 2,212
12년 전 조회 3,913
12년 전 조회 3,246
12년 전 조회 1,679
12년 전 조회 7,923
12년 전 조회 2,685
12년 전 조회 2,943
12년 전 조회 2,014
12년 전 조회 3,693
12년 전 조회 1,586
12년 전 조회 1,335
12년 전 조회 1,986
12년 전 조회 1,561
12년 전 조회 2,207
12년 전 조회 1,517
12년 전 조회 1,961
12년 전 조회 2,046
12년 전 조회 1,470
12년 전 조회 1,702
12년 전 조회 5,399
12년 전 조회 1,779
12년 전 조회 1,102
12년 전 조회 1,466
12년 전 조회 2,583
12년 전 조회 1,257
12년 전 조회 1,565
12년 전 조회 1,940
12년 전 조회 1,370
12년 전 조회 647
12년 전 조회 1,841
12년 전 조회 1,475
12년 전 조회 7,754
12년 전 조회 2,340
12년 전 조회 2,110
12년 전 조회 2,172
12년 전 조회 2,618
12년 전 조회 721
12년 전 조회 3,839
12년 전 조회 1,506
12년 전 조회 6,561
12년 전 조회 1,144
12년 전 조회 1,123
12년 전 조회 1,295
12년 전 조회 803
12년 전 조회 3,175
12년 전 조회 1,549
12년 전 조회 1,626
12년 전 조회 1,125
12년 전 조회 2,770
12년 전 조회 1,783
12년 전 조회 591
12년 전 조회 3,654
12년 전 조회 1,160
12년 전 조회 953
12년 전 조회 1,333
12년 전 조회 5,692
12년 전 조회 1,315
12년 전 조회 2,953
12년 전 조회 2,390
12년 전 조회 618
12년 전 조회 3,089
12년 전 조회 1,523
12년 전 조회 1,428
12년 전 조회 1,495
12년 전 조회 3,412
12년 전 조회 2,188
12년 전 조회 3,845
12년 전 조회 8,732
12년 전 조회 4,319
12년 전 조회 3,891
12년 전 조회 1,492
12년 전 조회 1,573
12년 전 조회 3,284
12년 전 조회 4,120
12년 전 조회 4,531
12년 전 조회 1,746
12년 전 조회 1,433
12년 전 조회 1,029
12년 전 조회 1,132
12년 전 조회 2,863
12년 전 조회 2,866
12년 전 조회 1,393
12년 전 조회 2,941
12년 전 조회 1,420
이전 첫 페이지 다음
글쓰기
🐛 버그신고