묻고답하기
XE 외부페이지 삽입시 이미지 사이 공백에 대한 부분을 질문드리겠습니다.
2015.01.15 07:13
안녕하세요. 아래 이미지 공백때문에 며칠째 고생하고 있습니다. 해결책좀 알려주십시오. 부탁드립니다.
아래 이미지는 예를 들기위해 첨부해드렸습니다.
XE 버전에서 외부페이지를 메인페이지로 만들려고 하는데요... 포토샵에서 분할도구를 이용하여 자른 후
HTML로 이미지와 같이 저장한후 XE에 적용을 하였습니다.
근데 아래와 같이 계속 공백이 생깁니다. HTML BODY에도 마진 0을 주라해서 해보았는데도 마찬가지입니다.
이공백을 없앨 수 있는 방법이 무엇인지요.. 글을 보면 CSS를 이용하라는데 CSS를 잘모릅니다. 어떻게 적용해야 하는
것이라면 좀 구체적으로 답변해 주시면 정말 감사드리겠습니다. 처음부터 막혀버려서 너무 자신이 없어집니다.
꼭 좀 알려주시면 감사하겠습니다.
P.S 강좌등을 보면 위젯이나 레이아웃을 이용하여 붙여넣기 식으로 홈페이지를 만들던데요...
XE가 이렇게 외부페이지를 만들지 않고도 아래와 같이 플래시도 삽입하고 이미지도 변경하여 만들 수 있는지요.
혹 있다면 강좌같은 부분이 있다면 소개좀 부탁드리고 싶습니다.
새해복많이 받으세요.
댓글 13
-
짱가797979
2015.01.15 07:17
댓글 감사합니다. ^^
정확히 어떤말씀인지 잘 모르겠습니다. 제가 초보라서요 ㅠㅠ 코딩은 아래와 같습니다.
어느부분을 말씀하시는 건지 좀 알려주시면 감사하겠습니다.
<html>
<head>
<title>메인페이지</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (메인페이지.psd) -->
<table id="__01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="/images/index_01.jpg" width="1024" height="315" alt=""></td>
</tr>
<tr>
<td>
<img src="/images/index_02.jpg" width="1024" height="453" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html> -
<img src="/images/index_01.jpg" width="1024" height="315" alt=""><img src="/images/index_02.jpg" width="1024" height="453" alt="">
이렇게 연달아서..
-
짱가797979
2015.01.15 07:36
알려주신데로 여러번 해봤는데 안되요.. 아래같이 하는게 맞습니까??
귀찮게 해드려서 죄송합니다. 부탁드리겠습니다.^^
<html>
<head>
<title>메인페이지</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (메인페이지.psd) -->
<table id="__01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="/images/index_01.jpg" width="1024" height="315" alt=""><img src="/images/index_02.jpg" width="1024" height="453" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html> -
네 이미지를 연달아서...
-
짱가797979
2015.01.15 17:30
BJ람보님 답변 감사합니다.
알려주신데로 위 소스대로 해도 잘 안되는데 혹시 HTML 코딩을 예로 들어주시면 제가 그 소스를 그대로 붙여다가 제로보드
레이아웃에 붙여 넣고 테스트를 해보고 싶은데... 혹시 가능할런지요..가로세로 3개정도 분할된 이미지로 테스트를 해보고 싶습니다.
혹시 익스플로러 버전에 따라 문제가 생기는지요... 아니면 이미지가 JPG라서 그러는건지요..
오늘도 해결을 못했습니다. ㅠㅠ
이유를 도저히 모르겠습니다. 꼭 좀 부탁드리겠습니다. 제발 ㅠㅠ
-
HTML과 CSS의 기본 코딩 지식이 필요합니다.
그 부분의 대한 지원부분은 초보님들에게상대로 완벽하게 가이드 해드리기가 어렵습니다.
간단한 기본 지식이 있어야 하는 부분이다 보니 다른 분들도 답변을 하지 못하는 부분인 것입니다.
간단한 소스 수정으로는 소스코드 수정할 내용만 알려드리면 되지만 이 부분의 경우 정보도 많이 필요하고 답변 작업 기간도 필요하기 때문입니다.
도움을 끝까지 드리지 못하는점 죄송합니다 (_ _ )
-
짱가797979
2015.01.16 01:10
아닙니다. 도움주셔서 정말 감사합니다. 더 공부해서 다시 해볼께요 . 감사함니다. 람보님.
-
해당 이미지에 vertical-align:middle 을 넣어보세요.
이미지에 line-height가 먹혀서 그렇습니다.
html5에서는 inline속성이 있으면 line-height가 먹힙니다.
-
jenny
2016.05.06 00:08
와.. 정말 감사합니다
저도 같은 증상으로 헤메다가
doorweb님 답변 보고 해결하였습니다 css 에 line-height 속성이 있었는데 0px 으로 바꿧더니 공백사라지고 잘붙었네요;;
진짜 감사해여 복받으실거에용 ^^
-
<html>
<head>
<title>메인페이지</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (메인페이지.psd) -->
<table id="__01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="/images/index_01.jpg" width="1024" height="315" alt="" style="vertical-align:middle"><img src="/images/index_02.jpg" width="1024" height="453" alt="" style="vertical-align:middle"></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html> -
짱가797979
2015.01.21 08:56
정말 감사합니다. 꼭 해보고 성공하도록 하겠습니다.
감사합니다~~~^^
-
짱가797979
2015.01.21 18:34
doorweb님 정말정말 감사합니다. 해결되었습니다.^^ 진짜 감사합니다.^^
엔터, 공백 없애세요.( 이미지 사이사이 태그감싼것도 제거하고 이미지끼리만 모아서 두개연달아서..)