묻고답하기
tr과 td 문제 ..
2014.04.15 18:08
- [2018/03/06] 묻고답하기 html 홈페이지 작성중 이미지 표기 오류가 생깁니다. *2
- [2017/04/19] 묻고답하기 견적내기페이지 문의 *1
- [2016/09/13] 묻고답하기 제목에 html, css 가능하도록 하기? *2
- [2015/11/14] 묻고답하기 게시판에 태그(헤시태그) 작성하는 방법을 알려주세요 *1
- [2015/06/26] 묻고답하기 초보자입니다. XE에서 게시판 태그를 편집하려면? *1
댓글 17
-
임실치즈
2014.04.15 21:05
답변감사합니다.
css를 기존의 레이아웃 css에 입력하면되는 것인가요 ?? 기존의 레이아웃css에 추가를 해도 안나오는데 id 값이 __01이라서 그렇게 주는 것은 이해가 되는데 제가 아직 css에 대한 이해도가 낮아서 ..
td 속성을 가지고 있는 곳을 찾을수가 없어서 ..
xe내부의 css에서 추가를 해주어야하는걸까요 ? 구글 요소검사로도 위치가 정확하게 안나와서요 ㅜ
-
임실치즈
2014.04.15 21:24
css를 추가해도 변동이 없는데 혹시 ..
- display: table-cell;
- vertical-align: inherit;
이부분의 문제 일까요 ?? -
사이트 url을 알려주시면 처리해드리겠습니다. ^^;
-
임실치즈
2014.04.18 19:41
http://yhjfood.cafe24.com/test00 요거에요 .. 이렇게 칸이 생겨요 ..ㅠㅠ -
prologos
2014.04.15 22:20
디자인상의 문제는 해당 페이지의 url을 남겨주셔야 답변을 쉽게 받으실 수 있습니다.
-
임실치즈
2014.04.18 19:41
http://yhjfood.cafe24.com/test00 요거에요 .. 이렇게 칸이생겨요 ..ㅠ -
ForHanbi
2014.04.18 20:12
layouts/default/default.layout.css
22라인
.content img{max-width:100%;height:auto}이 부분을 아래처럼
.content img{max-width:100%;height:auto;vertical-align:middle}빨간폰트 추가
-
prologos
2014.04.18 20:28
<table id="__01" width="990" height="157" border="0" cellpadding="0" cellspacing="0">
이 부분을 아래 처럼 수정 해보세요. 폰트 크기 때문에 틈이 생기는 거 같습니다.
<table id="__01" width="990" height="157" border="0" cellpadding="0" cellspacing="0" style="font-size: 0;">
-
ForHanbi
2014.04.18 20:32
네 이것도 맞습니다.
img에 line-height가 먹혀서 생기는 현상이라...
-
임실치즈
2014.04.18 21:12
forhanbi 님 정말 감사합니다. 님 레이아웃 사서 공부했었어요 ! ㅎ 잘 은 못하지만 첫번째로 산 레이아웃이 forhanbi님꺼였어요 ㅎ
-
ForHanbi
2014.04.18 21:15
참고로 위 table에 font-size:0이 걸려도 되는건 저러면 img에 붙는 line-height가 사라지기 때문이고
이미지에 vertical-align:middle로 해결되는건 line-height가 이미지 중간쯤에 달라 붙어서 하단에 공백이 안생기는 겁니다.
-
임실치즈
2014.04.19 14:37
line-height 의 문제였기떄문에 폰트크기가 작아지면서 폰트가 차지하는 영역이 0px이 되면서 여백이 없어졌기때문이군요. 미들로 해결되는건 이미지 중간부터 들어가기때문에 해결되는 문제였구요 .. 만약에 그렇다면 line-height 에서
폰트크기가 이미지 크기보다 작다면 여백이 안생기게 되는걸까요 ?? line-height의 속성을 잘 파악하지 못하겠네요
분명 폰트사이즈는 14px 인데 왜 3픽셀씩 늘어나는건지 .. 죄송합니다 얼추 이해는 되면서도 이해가 되지 않네요 ㅜ
-
ForHanbi
2014.04.19 17:23
실질적으로 폰트가 없는 경우
사실 이런 경우는 이미지를 감싸고 있는 부분에만 생기는게 아닌데요.
보시면 폰트의 공간(이게 정확한 표현인지 모르겠지만 이미지 하단에 살짝 걸립니다.) 그런데 vertical-align:middle 을 해 버리면 이미지 중간에 걸리고 font-size:0 일때는 사라지는 경우를 볼 수 있습니다.
-
임실치즈
2014.04.18 21:11
정말 너무 감사합니다. ㅜㅜ
-
해결이 되신것인지요? 지금 확인해보니 아직까지 층이 져 있는데 이 층은 위쪽에 잘라진 이미지 폭 합이(705픽셀) 아래의 잘라지지 않은 이미지 사이즈(706픽셀)과 차이가 나기 때문입니다.
-
아울러 이런 경우라면 이미지를 라인까지 자르는 것이 아니라 텍스트가 있는데까지만 자르고 라인은 border를 통해 주시는 것이 레이아웃 깨지는 것을 방지해줄 수 있습니다.
아울러 table 보다는 ul로 레이아웃을 짜는 것이 좋습니다.
html로 기본 테이블 코딩을 하는 경우 td에 패팅값을 가지게 됩니다.
그러므로 css로 이 패딩값을 잡아 주시면 됩니다.
위의 경우에는
#__01 td{padding:0}
을 css에 추가해 주시면 될 듯 합니다.