허접하고 간단하면서도 아주 유용한 테그 하나... > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

허접하고 간단하면서도 아주 유용한 테그 하나... 정보

허접하고 간단하면서도 아주 유용한 테그 하나...

본문

소스라기 보다는
고수님들은 알고 계시는 테그이지만
제가 고생을 했던 테그이길래 초보분들께 도움이 될것 같아서
허접함을 무릅쓰고 올립니다.
게시판이나 최근게시물 또는 최신글에서
텍스트가 테이블이나 라인과 라인사이의 수직 중앙에 정렬이 안되어서
고생한 경험을 초보분들은 많이 가지고 계실 것입니다.
valign을 "middle"로 해도 텍스트의 위치가 아래나 위로 치우쳐져 있어서
보기에도 안좋고 여간 신경 쓰이는 부분이 아니었습니다.
저역시도 그렇습니다.
이럴때 텍스트의 위치를 기준위치로 부터 몇 픽셀 떨어진 곳에 위치하게 하는
padding 테그를 쓰면 편리합니다.
천상재회님이 알려 주신것을 저 나름대로 살을 보탰습니다.

먼저 수직위치 지정입니다.
<td align="center" height="24" style='padding-top:4px'>
td를 여는 테그 안에 style='padding-top:4px'을 넣어주면
위에서 부터 4픽셀 떨어진 곳에 위치하게 됩니다.
픽셀수를 바꿔 가며 확인하시면 테이블에 수직중앙에 맞추실 수 있습니다.

만약 왼쪽에서 15픽셀 떨어진 위치에 수평위치를 잡고 싶으실 때는
<td align="left" height="24" style='padding-left:15px;'>
위와 같이 입력하시면 됩니다.

수직의 위에서 4픽셀
수평의 왼쪽에서 15픽셀 떨어진 곳에 위치하고 싶으시면
아래와 같이 하시면 됩니다.
<td align="left" height="24" style='padding-top:4px; padding-left:15px;'>

고수분들이야 이보다 더 좋은 방법을 알고 계시겠지만
저는 위와 같은 방법으로 위치를 조절하고 있습니다.
이상 허접 팁이었습니다.
추천
0

댓글 8개

음..
이건 인기가 최악이군요..
전부 알고 계신걸 다시 중언부언 떠든게 아닌가 해서..
몰려드는 이 쑥스러움.....ㅠ.ㅠ
<td align="left" height="24" style='padding:  10 15 20 25;'>

이렇게 하면
top : 10 px;
right : 15px;
bottom : 20px;
left : 25;

이렇게 한꺼번에 적용시킬수 있습니다. ^^

괜히 적었나 ? 그냥 내용이 없는듯해서 저두 도움이 되는글귀를 올려보고싶은 맴에 ^^

~~~~~~~~~~ ㅇ
전체 26 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT