허접하고 간단하면서도 아주 유용한 테그 하나... 정보
허접하고 간단하면서도 아주 유용한 테그 하나...본문
소스라기 보다는
고수님들은 알고 계시는 테그이지만
제가 고생을 했던 테그이길래 초보분들께 도움이 될것 같아서
허접함을 무릅쓰고 올립니다.
게시판이나 최근게시물 또는 최신글에서
텍스트가 테이블이나 라인과 라인사이의 수직 중앙에 정렬이 안되어서
고생한 경험을 초보분들은 많이 가지고 계실 것입니다.
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;'>
고수분들이야 이보다 더 좋은 방법을 알고 계시겠지만
저는 위와 같은 방법으로 위치를 조절하고 있습니다.
이상 허접 팁이었습니다.
고수님들은 알고 계시는 테그이지만
제가 고생을 했던 테그이길래 초보분들께 도움이 될것 같아서
허접함을 무릅쓰고 올립니다.
게시판이나 최근게시물 또는 최신글에서
텍스트가 테이블이나 라인과 라인사이의 수직 중앙에 정렬이 안되어서
고생한 경험을 초보분들은 많이 가지고 계실 것입니다.
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
0
댓글 8개
음..
이건 인기가 최악이군요..
전부 알고 계신걸 다시 중언부언 떠든게 아닌가 해서..
몰려드는 이 쑥스러움.....ㅠ.ㅠ
이건 인기가 최악이군요..
전부 알고 계신걸 다시 중언부언 떠든게 아닌가 해서..
몰려드는 이 쑥스러움.....ㅠ.ㅠ
오옷 아닙니다! 좋은팁!!
늘 챙겨주시는 Preware님 덕분에
가슴 한번 쓸어 내립니다...^^
울다가 웃으면 안되는데...@@
가슴 한번 쓸어 내립니다...^^
울다가 웃으면 안되는데...@@
감사합니다.초보자로선 매우 필요한팁입니다. 많이 배우고 갑니다.
<td align="left" height="24" style='padding: 10 15 20 25;'>
이렇게 하면
top : 10 px;
right : 15px;
bottom : 20px;
left : 25;
이렇게 한꺼번에 적용시킬수 있습니다. ^^
괜히 적었나 ? 그냥 내용이 없는듯해서 저두 도움이 되는글귀를 올려보고싶은 맴에 ^^
~~~~~~~~~~ ㅇ
이렇게 하면
top : 10 px;
right : 15px;
bottom : 20px;
left : 25;
이렇게 한꺼번에 적용시킬수 있습니다. ^^
괜히 적었나 ? 그냥 내용이 없는듯해서 저두 도움이 되는글귀를 올려보고싶은 맴에 ^^
~~~~~~~~~~ ㅇ
아~ 막시무스님 감사..^^ 한방에 해결^^
아아,, 이제막 입문한 태그 왕초보입니다.
머리싸매고 헤매던 부분이었는데..ㅠ
자세한 설명 감사합니다~!!! ^^
머리싸매고 헤매던 부분이었는데..ㅠ
자세한 설명 감사합니다~!!! ^^
유용한 정보 감사합니다~