테두리가없는 표 셀 사이의 공간

테이블에 넣은이 두 이미지 사이의 공간 크기를 줄이려고합니다. 나는 이것이 단지 기본 html 코드라는 것을 알고 매우 유감스럽게 생각합니다. 도와주세요.테두리가없는 표 셀 사이의 공간

<table class="sample" width="200" border="0" cellpadding="1" cellspacing="1" > 
<tr> 
<td align="center" valign="center"> 
    <a href="#" ><img src="images/reception2.png" alt="" /></a> 
    </br> 
    SERVICES 
    </td> 

<td align="center" valign="center"> 
<a href="#"><img src="images/services2.png" alt="" /></a> 
    </br> 
    OFFERS 
</td> 
</tr> 
</table>

출처

2016-12-04 Sophie Busog-Consignado

위의 이미지를 참조하십시오. 누군가 도와주세요 : ( –

왜'div' 대신'table'을 사용합니까?'div'는'table'보다 훨씬 낫습니다 –

그것은 당신이 사용하고있는 CSS를 보지 않고 조언을 열심히 :

enter image description here

이

는 코드입니다. 테이블 너비를 조정 해보십시오. 여기

데모 : http://codepen.io/sol_b/pen/VmQGzr

당신은이 같은 테이블에 인라인 스타일을 제거하고 다음 CSS에를 타겟팅 할 수 있습니다 : 폭 작동 무엇에

.sample { 
    width: 200px; 
}

변경합니다.

출처

2016-12-04 11:23:57 sol

고마워요. –

나는 정확히 당신이 나에게 말한 것을했으나 아무것도하지 못했습니다 : ( –

CSS의 margin 속성을 사용할 수 있습니다. 귀하의 질문에 대한 서비스 img 및 대답 margin-left 제공에 대한 img 적절한 솔루션입니다.

이 조각을 추가해보십시오 :

<img src="images/reception2.png" alt="" style="margin-right: -25px"/> 

<img src="images/services2.png" alt="" style="margin-left: -25px"/>

또한, 당신은 마지막으로 적절한 번호를 찾을 수 범위를 변경할 수 있습니다.

출처

2016-12-04 11:39:23

이것은 나를 위해 일했습니다. 많이 고마워요! –

좋은 소식입니다! –

테두리가없는 표 셀 사이의 공간

답변

관련 문제