그누보드 랜딩페이지 이미지가 틀어졌어요 ㅠㅠ
관련링크
본문
제가 코드를 잘 볼줄 몰라서 여기에 도움을 요청해봅니다
외부업체에서 그누보드로 랜딩페이지를 제작해준것 같은데 원래는 가로 사이즈가 1098px였는데
가로사이즈를 제가 1400px로키워서 ftp에 이미지를 업로드를 했습니다.
그런데 다른건 다 얼추 맞게 업로드 됬는데 중간 부분이랑 지도 있는 부분이 틀어져서 안맞더라구요 ㅠㅠ
왜 그런건지 정말 모르겠습니다
포토샵에서 이미지 사이즈 맞게 잘라서 업로드를 했는데 왜 안맞는지..
코드를 만지거나 수정한건 없습니다 ㅠ
사이트는 여기인데요 http://www.carsada.co.kr/ 아래에 지도랑 중간에 원스톱매칭 가격 견적문의하는 버튼이... 안맞네요 ㅠ
원래 이미지가 조각조각 나서 ftp에 있더라구요 그래서 그대로 이미지 수정해서 덮어쓴거 밖에 없는데
왜 저렇게 되는지 알려주세요 ㅠㅠ
혹시 몰라서 인덱스 소스코드도 올려드립니다
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_THEME_PATH.'/head.php');
?>
<div style="width:1400px;margin:0 auto;position:relative;background:#fff">
<div style="text-align:center ;padding:0px;height:138px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_01.jpg" border="0"></div>
<div style="text-align:center;padding:0px;height:631px;" id="main1">
<ul class="top1">
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_02.jpg" border="0"></a></li>
<li><img src="<?php echo G5_THEME_URL ?>/img/main_03.jpg" border="0"></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:311px; ">
<a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_04.jpg" border="0"></a></div>
<div style="text-align:center;padding:0px;height:361px;" id="main1">
<ul class="top1">
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_05.jpg" border="0"></a></li>
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_06.jpg" border="0"></a></li>
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_07.jpg" border="0"></a></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:133px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_08.jpg" border="0"></div>
<div style="text-align:center;padding:0px;height:73px;" id="main1">
<ul class="top1">
<li><img src="<?php echo G5_THEME_URL ?>/img/main_09.jpg" border="0"></a></li>
<li><a href="http://cafe.naver.com/carssada" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_10.jpg" border="0"></a></li>
<li><img src="<?php echo G5_THEME_URL ?>/img/main_11.jpg" border="0"></a></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:306px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_12.jpg" border="0"></div>
<div style="text-align:center;padding:0px;height:135px;" id="main1">
<ul class="top1">
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_13.jpg" border="0"></a></li>
<li><img src="<?php echo G5_THEME_URL ?>/img/main_14.jpg" border="0"></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:326px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_15.jpg" border="0"></div>
<div style="text-align:center;padding:0px;height:109px;" id="main1">
<ul class="top1">
<li><img src="<?php echo G5_THEME_URL ?>/img/main_16.jpg" border="0"></li>
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_17.jpg" border="0"></a></li>
<li><img src="<?php echo G5_THEME_URL ?>/img/main_18.jpg" border="0"></li>
</ul>
</div>
<div style="text-align:center;padding:0px;height:488px;" id="main1">
<ul class="top1">
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_19.jpg" border="0"></a></li>
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_20.jpg" border="0"></a></li>
<li><a href="http://naver.me/GyvcmHHM" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_21.jpg" border="0"></a></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:217px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_22.jpg" border="0"></div>
<div style="text-align:center;padding:0px;height:212px;" id="main1">
<ul class="top1">
<li><img src="<?php echo G5_THEME_URL ?>/img/main_23.jpg" border="0"></li>
<li><a href="http://cafe.naver.com/carssada" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_24.jpg" border="0"></a></li>
<li><img src="<?php echo G5_THEME_URL ?>/img/main_25.jpg" border="0"></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:128px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_26.jpg" border="0"></div>
<script type="text/javascript" src="http://openapi.map.naver.com/openapi/v3/maps.js?clientId=vpesttccEqoqqJ8BchBN"></script>
<script>
function search_si(m_si){
location.href="search_map.asp?m_si="+m_si;
}
function search_do(m_do){
m_si = $("#m_si").val();
location.href="search_map.asp?m_si="+m_si+"&m_do="+m_do;
}
function search_form(){
s_Keyword = $("#s_Keyword").val();
m_si = $("#m_si").val();
m_do = $("#m_do").val();
location.href="search_map.asp?s_Keyword="+s_Keyword+"&m_si="+m_si+"&m_do="+m_do;
}
</script>
<?
$adrr = "서울 강남구 테헤란로 441 송암빌딩 5층";
$geo2=geocode($adrr);
$data2 = json_decode($geo2,1);
$map_y_point = $data2['result']['items'][0]['point']['x'];
$map_x_point = $data2['result']['items'][0]['point']['y'];
?>
<div style="text-align:center;padding:0px;height:450px;" id="main1">
<ul class="top1" >
<li style="background:#302e2f;height:450px;width:30px;"></li>
<li style="background:#fff;height:450px;width:1038px;"><div class="in_map" id="in_map" style="width:1038px; height:450px;margin:0 auto;"></div></li>
<li style="background:#302e2f;height:450px;width:30px;"></li>
</ul>
</div>
<div style="text-align:center ;padding:0px;height:150px; ">
<img src="<?php echo G5_THEME_URL ?>/img/main_33.jpg" border="0"></div>
<div style="text-align:center ;padding:0px;height:40px; ">
<a href="https://form.office.naver.com/form/responseView.cmd?formkey=MTU5NDFkYzItMWNkNy00ODEzLWE0NjQtMjQ2NjJkMWEwMmU0&sourceId=urlshare" target="_blank"><img src="<?php echo G5_THEME_URL ?>/img/main_34.jpg" border="0"></a></div>
<script type="text/javascript">
<!--
//지도를 삽입할 HTML 엘리먼트 또는 HTML 엘리먼트의 id를 지정합니다.
var mapDiv = document.getElementById('in_map'); // 'map' 으로 선언해도 동일
//옵션 없이 지도 객체를 생성하면 서울시청을 중심으로 하는 11레벨의 지도가 생성됩니다.
var map = new naver.maps.Map('in_map', {
center: new naver.maps.LatLng( <? echo $map_x_point;?>, <? echo $map_y_point;?> ), //지도의 초기 중심 좌표
zoom: 13, //지도의 초기 줌 레벨 1~14
minZoom: 1, //지도의 최소 줌 레벨 1~14
zoomControl: true, //줌 컨트롤의 표시 여부
mapTypeId: naver.maps.MapTypeId.HYBRID,
mapTypeControl: true,
mapTypeControlOptions: {
style: naver.maps.MapTypeControlStyle.BUTTON,
position: naver.maps.Position.TOP_RIGHT
},
zoomControlOptions: { //줌 컨트롤의 옵션
position: naver.maps.Position.TOP_RIGHT
},
setSize:{width:'1050px',height:'500px'}
});
map.setOptions({ //모든 지도 컨트롤 숨기기
scaleControl: true,
mapOptions: true,
logoControl: true,
mapDataControl: true,
zoomControl: true,
mapTypeControl: true
});
var cityhall = new naver.maps.LatLng(<? echo $map_x_point;?>, <? echo $map_y_point;?> );
var contentString = [
'<div class="iw_inner" style="padding:10px;width:250px;">',
' <h3>CARSADA</h3>',
' <p>서울 강남구 테헤란로 441 송암빌딩 5층<br>',
' TEL.*** 개인정보보호를 위한 전화번호 노출방지 ***',
' </p>',
'</div>'
].join('');
var marker = new naver.maps.Marker({
map: map,
position: cityhall
});
var infowindow = new naver.maps.InfoWindow({
content: contentString
});
naver.maps.Event.addListener(marker, "click", function(e) {
if (infowindow.getMap()) {
infowindow.close();
} else {
infowindow.open(map, marker);
}
});
infowindow.open(map, marker);
//-->
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>
답변 1
깨져 보이는 곳은 없는데요? 브라우저 캐시나 임시파일 등 다 지우고 새로고침 해보세요.
지도 크기는 여기서 수정하는 거고요.
<li style="background:#fff;height:450px;width:1038px;"><div class="in_map" id="in_map" style="width:1038px; height:450px;margin:0 auto;"></div></li>
..
etSize:{width:'1050px',height:'500px'}
