묻고답하기
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
-
브레인630
2014.04.15 18:32
-
임실치즈
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;
이부분의 문제 일까요 ?? -
브레인630
2014.04.16 11:56
사이트 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
정말 너무 감사합니다. ㅜㅜ
-
브레인630
2014.04.21 22:21
해결이 되신것인지요? 지금 확인해보니 아직까지 층이 져 있는데 이 층은 위쪽에 잘라진 이미지 폭 합이(705픽셀) 아래의 잘라지지 않은 이미지 사이즈(706픽셀)과 차이가 나기 때문입니다.
-
브레인630
2014.04.21 22:24
아울러 이런 경우라면 이미지를 라인까지 자르는 것이 아니라 텍스트가 있는데까지만 자르고 라인은 border를 통해 주시는 것이 레이아웃 깨지는 것을 방지해줄 수 있습니다.
아울러 table 보다는 ul로 레이아웃을 짜는 것이 좋습니다.
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
cypark0809 | 모듈이름 설정 시 관리자페이지오류 [1] | 2015.02.23 by 로이조52 |
bloomings | 일정 기간동안 모은 포인트를 랭킹하는 방법 [1] | 2015.02.23 by sejin7940 |
김학재 | 메뉴 초기화 [1] | 2015.02.23 by sejin7940 |
키스투엑스이 | procBoardInsertDocument와 첨부파일 존재 게시글 관련 [3] | 2015.02.23 by 키스투엑스이 |
보미언닝 | 폐이지관리 수정하려는데 도와주세요 | |
bog | xe로 만들어진 사이트인지 아닌지.... [3] | 2015.02.23 by cowboy20j |
디따마니 | 게시판 에디터의 셀병합 버튼은 인터넷 익스플로러에서는 작동 안 되나요? | |
추향1호 | 404에러가 뜹니다. 도와주세요..... | |
빤쭈 | 업로드 갯수 제한 방법 있을까요? [2] | 2015.02.23 by Podongi |
ictai | 위젯콘텐츠로 rss출력중입니다만.. [2] | 2015.02.23 by ictai |
타이스크로 | XE안에서 여기부분을 암호화 하려고 하면어떻게 해야되나여? | |
TARS | 레이아웃 변경이 안됩니다. [1] | 2015.02.23 by 요절 |
noregret94 | 제발도와주세요ㅠㅠ 모바일로 접속하면 크기가 이상해져요 | |
추억팔이 | 스케치북5 익명 분류 | |
JK광이 | 배포된 레이아웃 중에 세로형 메뉴 레이아웃은 없나요?? [3] | 2015.02.23 by DoorWeb |
브삼 | 회원정보가 계속 바뀝니다. | |
JK광이 | 다국어 사이트 관련해서 사이트를 복사하려고 하는데 | |
이동희892 | 갤러리형 게시판 썸네일 아래에 조회수,추천 노출 [1] | 2015.02.23 by DoorWeb |
ictai | 메인페이지를 위젯페이지로 사용중인데요.. [3] | 2015.02.23 by DoorWeb |
수달장군 | 인스톨 에러 |
html로 기본 테이블 코딩을 하는 경우 td에 패팅값을 가지게 됩니다.
그러므로 css로 이 패딩값을 잡아 주시면 됩니다.
위의 경우에는
#__01 td{padding:0}
을 css에 추가해 주시면 될 듯 합니다.