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

2016.11.24 14:24|

uniquest|

추천2|

조회수669|

댓글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개가 나란히 붙어서 예쁘게 보이는데, 태블릿 / 노트북 / 모니터에서는 바로 위 처럼 서로 떨어져서 보인다는 것입니다.

 

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

2
0

하트 아이콘무행님 외 1명이 추천했습니다.

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

댓글 8
소셜로그인
번호제목작성자등록일추천조회
107홈페이지 리뉴얼을 제로보드 xe로 하려고 합니다.[8] 

맘스퀸

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

uniquest

16.11.242670
105홈페이지 리뉴얼 작업하려고 합니다.[8] 

맘스퀸

16.11.071962
104미샤닷컴 어디서 만들었는지 알 수 있을까요?[1] 

sinun

16.11.011704
102굿엠디 써보신 분들 계시나요? 

groovy38

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

보스톡

16.09.233931
98고도몰5를 쓰려고 하는데 DB 연동이 가능할까요? 

보스톡

16.09.2301,149
97방문자 카운팅 프로그램 삽입으로 홈페이지 먹통이 될 .. 

보스톡

16.09.220470
96카페24 아이콘과 할인가 일괄 적용하는 방법 

보스톡

16.09.220694
95웹사이트 템플릿 참조 사이트 추천해주세요. 

보스톡

16.09.220439
94고도몰로 제작한 쇼핑몰인데 좀 느린 것 같아요. 도와주..[1] 

보스톡

16.09.220601
93도움요청_모바일버전 준비중입니다.[9] 

이즈가구

16.08.260874
91쇼핑몰 디자인 제작 하실수있는분[2] 

홍콩

16.08.110583
90홈페이지 제작 문의 드립니다[1] 

김독수리2

16.08.051681
89안녕하세요 쇼핑몰 스크립트 관련해서 문의하고싶습니.. 

마마쥬

16.08.040347
87리셀러기능이 있는 쇼핑몰 솔루션 있을까요?[2] 

생활부기자

16.07.270818
86고도몰, NHN(?)에서 인수해서 네이버 노출이 도움이 된다.. 

백억만

16.07.1821,248
85웹호스팅 트래픽 문의드립니다![2] 

마스터맨

16.07.161761
84고수님들 질문있습니다.[1] 

ckilloe

16.07.061436
78유흥 사이트 솔루션 제작[1] 

쩡디렉터

16.06.1501,108
76여러가지 렌탈하는 업체 사이트를 만들고싶습니다.[3] 

컵누들

16.05.190674
15네이버 검색등록시 질문요.[1] 

arisri

11.07.3004,207
17pg사 수수료 문의드립니다.[1] 

김지인

11.07.1715,489
16보스님들께[6] 

황금농장

11.07.1304,468
14홈페이지 리뉴얼 요구분석에 관하여...[2] 

마케홍보

11.07.0503,727
13내부 광고 링크를 어떻게 거는 게 좋을까?[4] 

신용성

11.07.0204,305
12홈요 질문..[1] 

청개구리

11.06.2904,222
11홈요 신청했습니다. 

로보

11.06.2903,546
10사이트제작문의[3] 

fern

11.06.2705,396
18pg사 가입시 접수비문의??[2] 

arisri

11.06.2214,839
첫 페이지로 이동 이전 페이지로 이동 12345 다음 페이지로 이동 마지막 페이지로 이동
top

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

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

전체 알림

모두 읽음 표시 알림함

내 댓글

전체보기

받은 쪽지함

모두 읽음 표시 쪽지함

새로운 쪽지가 없습니다.

쪽지함

스크랩함

전체보기

스크랩한 게시글이 없습니다.

아이보스 추천 게시글을 스크랩 해보세요! 스크랩하기
아이보스 배너광고 영역