이미지 간격 질문 [1만 포인트] > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

이미지 간격 질문 [1만 포인트] 정보

이미지 간격 질문 [1만 포인트]

본문

이미지 간격 때문에 질문을 남깁니다.
아무래도 크로스 브라우징으로 홈페이지를 만들다 보니 약간 다를수 있다고 생각합니다.
처음부터 사파리를 켜놓고 작업 중입니다.
크로스 브라우징 테스트를 위하여 IE계열에서 확인결과
IE에서 지부안내(아래 그림) 같이 그림과 그림사이의 간격이 너무 넓습니다.

IE계열
IE.gif

기타계열
cfs.gif

IE계열도 기타계열 브라우저 처럼 똑같이 그림 사이 간격을 맞춰 주려면 어떻게 해야할까요?

소스 


<?

include_once("./_common.php");

include_once("$g4[path]/lib/latest.lib.php");

include_once("./_head.php");

?>





















 







<?=latest("notice", "notice", 4, 31);?>





























































































































































































 




<?

include_once("./_tail.php");

?>



ps. 흠 작성한 소스랑 여기에 붙혀넣기한 소스랑 다르네요.... 머지... 무튼 크게 다른게 아님으로~
  • 복사

댓글 전체

Terrorboys　 홈페이지 자기소개 아이디로 검색 회원게시물 11.01.17 15:54:14
라인 헤이트 , 마진, 패딩 전부 조정해보았습니다.^^
더블마진 버그도 아닌것 같구요.
아시는분께 문의 결과 css목록으로 뿌릴때 단 출력 버그라 테이블로 해보라고 하네요..
ㅠ.ㅠ;
버렸던 테이블 다시 손대는중입니다.
류진씨 홈페이지 자기소개 아이디로 검색 회원게시물 11.01.17 16:21:42
line 이미지 들어가는 spacer로 사용하는 li가 문제인것 같은데요.
어차피 space용으로 쓰시니 목록 엘리먼트로의 의미도 없고
그냥 지역명 링크를 묶고 있는 li 하단에 마진과 패딩을 주시고
1px짜리 배경이미지를 깔아주시는게 좋을듯 싶습니다.

지금 ie엔 별다른 디버거가 없어서 확인을 못하겠네요 ㅋ
JY소프트 홈페이지 자기소개 아이디로 검색 회원게시물 11.01.17 16:42:01
이미지가 글자와 같이 인라인 요소라 그런것 같은데.
그로인해서 여백이 생기게 됩니다. 글자도 마찬가지죠?
찾아보시면 여백을 없애는 방법이 몇가지 있을거에요.
이경우에는 block 요소를 주는게 맞다고 보여지네요.

포인트 주세요.!! ㅎㅎ
Terrorboys　 홈페이지 자기소개 아이디로 검색 회원게시물 11.01.17 16:47:22
일단 이미지에  display:block를 줬을경우 변화가 생기는것 맞습니다.
하지만 전체적으로 늘어지는 크기는 변화 없이 그대로내요
( display:block할경우 지역 및의 라인이미지가 위 이미지에 붙는것 때고 없더라구요.)
JY소프트 홈페이지 자기소개 아이디로 검색 회원게시물 11.01.17 16:59:23
그문제는 이미지 처리와는 별개구요.
li 태그에 style="font-size:0" 을 주시면 해결됩니다.

<li style="font-size:0">
<div style="text-align:left; float:left;" //라인>
Terrorboys　 홈페이지 자기소개 아이디로 검색 회원게시물 11.01.17 17:09:44
흠..
일단 말씀 하시기 전에 테이블로 작업했는데... 정상작동 되서 다음과 같은 소스로 사용하기로 했습니다 ㅎ.ㅎ;;;

<table style="margin:0px; padding:0px;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="margin:0px; padding:0px; height:14px;">
<div style="text-align:left; float:left;" //광주.전남>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_01.gif" border="0" alt="광주.전남" />
<img src="<?=$g4[path]?>/img/map_jibu_on_01.gif" class="imgover" border="0" alt="광주.전남" />
</a>
</div>
<div style="text-align:left; float:left;" //서울>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_02.gif" border="0" alt="서울" />
<img src="<?=$g4[path]?>/img/map_jibu_on_02.gif" class="imgover" border="0" alt="서울" />
</a>
</div>
<div style="text-align:left; float:left;" //경기.인천>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_03.gif" border="0" alt="경기.인천" />
<img src="<?=$g4[path]?>/img/map_jibu_on_03.gif" class="imgover" border="0" alt="경기.인천" />
</a>
</div>
</td>
</tr>
<tr>
<td style="margin:0px; padding:0px; height:4px;">
<img src="<?=$g4[path]?>/img/map_jibu_line.gif" style=" display:block" alt="" />
</td>
</tr>
<tr>
<td style="margin:0px; padding:0px; height:13px;">
<div style="text-align:left; float:left;" //대전.충청>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_04.gif" border="0" alt="대전.충청" />
<img src="<?=$g4[path]?>/img/map_jibu_on_04.gif" class="imgover" border="0" alt="대전.충청" />
</a>
</div>
<div style="text-align:left; float:left;" //대구.경북>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_05.gif" border="0" alt="대구.경북" />
<img src="<?=$g4[path]?>/img/map_jibu_on_05.gif" class="imgover" border="0" alt="대구.경북" />
</a>
</div>
</td>
</tr>
<tr>
<td style="margin:0px; padding:0px; height:4px;">
<img src="<?=$g4[path]?>/img/map_jibu_line.gif" alt="" />
</td>
</tr>
<tr>
<td style="margin:0px; padding:0px; height:14px;">
<div style="text-align:left; float:left;" //부산.울산.경남>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_06.gif" border="0" alt="부산.울산.경남" />
<img src="<?=$g4[path]?>/img/map_jibu_on_06.gif" class="imgover" border="0" alt="부산.울산.경남" />
</a>
</div>
</td>
</table>
Terrorboys　 홈페이지 자기소개 아이디로 검색 회원게시물 11.01.17 18:10:29
일단 모든 브라우저에서 동일하게만 보이면 되서요.. 그렇다고 웹표준으로 짜면 시간이 많이 잡히고 해서 최대한 돌리고 돌리고 해서 결국 테이블을 쓰고 말았습니다 ㅎ.ㅎ;
처음에 작업을 css파일을 만들어서 했어야는데....
하다보니 ..... 그생각을 못하고 막넣어버렸네요....

지금 다시 빼서 css로 만들자니 너무 많아서 손을 못대고 있습니다 ㅎ.ㅎ;;
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로