웹페이지에 2개의 이미지를 좌우로 나란히 붙이기...도와주세요~

2016.11.24 14:24|

uniquest|

좋아요2|

조회수1,699|

댓글8

웹페이지에 이미지 2개를 위와 같이 좌우로 붙이려고 합니다. (사이즈는 똑같습니다) 2개의 이미지는 각각 다른 링크가 걸려있어 클릭하면 다른 웹페이지로 가게끔 설정하려 합니다. 굳이 2개를 좌우로 붙이는 이유는 ... 예를 들어, 사진 하나를 반으로 자른 후 양쪽에 각기 다른 메시지 및 클릭버튼을 놓고 일종의 A/B test 같은 걸 해보고 싶어서입니다.

 

이렇게 구현하기 위해 이곳저곳 뒤져보다가 ... 대략 아래처럼 만들어 봤습니다.

<div class= 어쩌구저쩌구~~>

<div style="float: left; width: 50%"><a href ~><img src=1번></a></div>

</div>

 

<div class=저쩌구어쩌구~~>

<div style="float: right; width: 50%"><a href ~><img src=1번></a></div>

</div>

 

즉, div를 써서 이미지 1,2가 들어갈 공간 확보 후 ==> 다시 div style로 이미지 1,2를 각각 좌우로 배치하도록 float: left 와 right를 줬습니다.

(div class의 값은 쇼핑몰 만들 때 프로그래머가 만들어 놓은 거여서 건드리지 않았습니다...)

 

 

그런데 문제는...

해상도가 작은 스마트폰에서는 이미지 2개가 나란히 붙어서 예쁘게 보이는데, 태블릿 / 노트북 / 모니터에서는 바로 위 처럼 서로 떨어져서 보인다는 것입니다.

 

제 능력으로는 해결할 길이 없어서 도움을 요청드립니다. (도움을 주실 분이 계신데도... 제가 그 말을 이해 못 할까봐 걱정이기도 합니다....)

스크랩

공유하기

신고

하트 아이콘무행님 외 1명이 좋아합니다.

아이보스 정회원
아이보스 정회원입니다.
 uniquest
실무에서 1가지 이상의 장점을 가진 기획력 좋은 마케터가 되고 싶은 1인입니다. (기업 오너가 되면 더 좋구요 ㅋ)
  • 활동지수4단계 (156점)
  •  

목록글쓰기
댓글 8
소셜로그인
번호제목작성자등록일좋아요조회
AD 

교육매니저

04.06158
118스토어팜 폰트사이즈 조절[2] 

수성이

05.301,008
117개인방송국 솔루션 제작[4] 

택배왕김착불

05.261,065
116오픈마켓 크롤링 하시는 업체 있나요?[3] 

쇼핑왕

05.191,172
115자사몰 운영하시는 분들의 비율이 어느정도될까요?[5] 

두둠칫두둠칫

05.12887
114안녕하세요, 쇼핑몰 솔루션을 환불해 보신 분이 계실까..[3] 

코스모스플랜

04.26721
113안녕하세요. 사이트 운영에 도움이 필요해 의견 여쭤봐..[2] 

스텝어라운드

04.18698
BEST(html코딩)마케터를 위한 바로가기 버튼 생성법 [8] 

권용범

04.112,003
111기존 쇼핑몰 리뉴얼 관련 질문입니다.[4] 

ajlfdsjl

04.03746
110쇼핑몰 홈페이지 자체개발 vs 메이크샵 어떤게?[3] 

무슨상관

03.291,262
109동영상강좌 1강[4] 

바나로이

02.28898
108쇼핑몰제작 추천좀해주세요.[4] 

바나로이

02.27997
107[IOS]하이브리드앱 , 웹뷰에 관하여. 

바나로이

02.271,386
1061.쇼핑몰 솔루션의 선택 !![9] 

바나로이

02.251,403
105쇼핑몰 제작 강좌를 진행해보려 합니다[13] 

바나로이

02.25886
104다수엑셀파일을 하나로 합치기(무료프로그램)[7] 

전옥철

02.161,644
103기존 임대몰에서 몰인몰로의 이전 문의드립니다.[5] 

라임엘프

02.13859
102모바일에 HTML5 적용하면 문제가 될까요?[2] 

보스톡4

02.05701
101파비콘(Favicon) : 웹페이지 상단 탭 아이콘 

나리보스

02.01928
BEST카페24 SNS 로그인 연동! 가능합니다![11] 

나리보스

01.163,514
99자사몰 SNS 연동 로그인 기능 문의드립니다.[3] 

CHLOE_SK

01.16876
98카페24로 쇼핑몰제작시 페이스북 픽셀[5] 

디스트

01.141,282
BESTHTML 태그 정리[11] 

나리보스

01.131,998
96크롬 개발자 도구를 사용하여 홈페이지 수정요청하기[5] 

나리보스

01.061,085
95홈페이지 리뉴얼을 제로보드 xe로 하려고 합니다.[8] 

맘스퀸

12.051,072
94웹페이지에 2개의 이미지를 좌우로 나란히 붙이기...도와..[8] 

uniquest

11.241,700
93홈페이지 리뉴얼 작업하려고 합니다.[8] 

맘스퀸

11.071,297
92미샤닷컴 어디서 만들었는지 알 수 있을까요?[1] 

sinun

11.011,108
91굿엠디 써보신 분들 계시나요? 

groovy38

10.19908
90메이크샵과 카페24의 차이에 대한 간단한 대화 

보스톡

09.231,365
89고도몰5를 쓰려고 하는데 DB 연동이 가능할까요? 

보스톡

09.232,267
첫 페이지로 이동 이전 페이지로 이동 123456 다음 페이지로 이동 마지막 페이지로 이동

로그인 후 더욱 많은 기능을 이용하세요!

네이버 계정으로 로그인
페이스북 계정으로 로그인
구글 계정으로 로그인
카카오톡 계정으로 로그인
이메일 또는 아이디로 로그인
X
회원가입ID/PW 찾기 소셜 계정 로그인

전체 알림

모두 읽음 표시 알림함

받은 쪽지함

모두 읽음 표시 쪽지함