묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
메인 메뉴 글씨체 및 위치(CSS첨부)
2013.01.08 17:59
메인메뉴 글씨체를 바꾸고 싶은데 방법을 몰라요..... 또 메인메뉴글씨가 너무 위로 쏠려있어
중간으로 높이를 낮추고 싶습니다. 레이아웃CSS파일 첨부하오니 도와주시기 바랍니다.
댓글 1
-
mindpainter
2013.01.09 15:59
-
Happy_day
2013.01.09 19:10
정말 감사합니다!!!!!! 대단하시네요~^^ 완벽히 글씨체,높이 수정하였답니다. 정말 감사합니다^^
또 뵙네요..^^;;
지난번에 글자크기를 39번째 줄에 넣으라고 말씀렸습니다. 그래서
#gnb li { padding-left:30px; top:800px; float:left; list-style:none; font-size:17px} 이렇게 바꾸셨더군요.. 잘 하셨구요..
이번에 질문하신 답은 원래는 간단하게
#gnb li { padding-left:30px; top:800px; float:left; list-style:none; font-size:17px; line-height: 높이 또는 padding-top: 높이}
붉은색으로 조정합니다. 하지만 여기서 문제가 line-height나 padding은 li의 height와 연계가 되어야 하는데 보시면 아시겠지만 height가 없습니다.
찾아 보니 아랫줄에
#gnb li a { display:block; float:left; padding:0; height:20px; color:#000; text-align:center; white-space:nowrap; text-decoration:none; font-family:?��?; } 이런정의가 있는데요 여기서 글꼴, 높이등을 정의하고 있습니다.
정석은
li {li라는 사각형의 크기, 그 안에 있는 텍스트의 글꼴, 글자크기, 글자색 등}
li a {li안에 있는 링크된것들에 대한 꾸밈}- 왜냐하면 li안의 모든것이 링크가 걸리는 것은 아니므로..
제작자 분이 필요에 의해 이렇게 만드셨을테니 막 건드리면 위험하고, 우선은
#gnb li { padding-left:30px; top:800px; float:left; list-style:none}- font-size삭제
#gnb li a { display:block; float:left; padding:0; height:20px; color:#000; text-align:center; white-space:nowrap; text-decoration:none; font-family:Dotum,'돋움'; font-size: 17px; line-height: 20px}
이렇게 해보세요. font-family가 글꼴이구요 원하시는 글꼴을 css에 어떤이름으로 넣는지 아셔야 하고 홈페이지에서의 글꼴은 보는 사람 기준이라 보는사람이 그 글꼴이 없으면 소용없으므로 보통은 시스템 서체를 많이 씁니다. 보기 드린것은 돋움체입니다.
안되면 조금 복잡해 지겠네요..- -;;