묻고답하기
대메뉴, 서브메뉴. 글자크기 변경 질문합니다!
2015.11.10 13:29
대메뉴, 서브메뉴의 글자색은 바꿀 수 있는데..... 크기는 안 바뀌네요.
css는 아래처럼 되어 있구요....
대메뉴, 서브메뉴 글자크기 바꾸려고 하나씩 수정해도.... 안바뀌네요....
zoom을 확대시키면 메뉴 크기가 커지긴 하는데... 아무래도 이건 아닌것 같아서요.
글자색 바꾸는 그 줄에서, font size도 넣어보고... 막... 해봤지만.... 안 바뀌네요....
대메뉴 글자크기 바꾸는 법, 서브메뉴 글자크기 바꾸는법.
이 두가지 좀 알려주세요!
@charset "utf-8";
/* Layout */
hr{display:none}
form, fieldset{border:0;margin:0;padding:-20}
body{margin:0;padding:0}
.user_layout{width:960px;margin:0 auto}
.header:after{content:"";display:none;clear:both}
.header{zoom:1;background:#FEFFB7;padding:0}
.header .gnb{float:right}
.gnb ul{list-style:none;margin:0;padding:0;zoom:1}
.gnb ul:after{content:"";display:block;clear:both}
.gnb>ul>li>ul{position: absolute}
.gnb>ul>li:first-child>ul {left: -150px; right: auto}
.gnb>ul>li:nth-child(2)>ul {left: -80px; right: auto}
.gnb>ul>li:nth-child(3)>ul {left: auto; right: -200px}
.gnb>ul>li:nth-child(4)>ul {left: auto; right: -140px}
.gnb>ul>li:nth-child(5)>ul {left: auto; right: -50px}
.gnb>ul>li:last-child>ul {left: auto; right: 0}
.gnb ul ul{display:block;left:0;top:38px;padding:15px 0;background:#FFFFFF;border:1px solid #187200;border-top:1}
.gnb li{float:left;list-style:none;background:url(./images/default/bgGnbVr.gif) no-repeat left center;padding-left:2px;position:relative;white-space:nowrap}
.gnb li.first{display:inline;padding:0;background:none}
.gnb li li{display:inline;float:none;background:none;padding:0;left:0}
.gnb li a{float:left;padding:13px 15px 0 15px;height:25px;color:#0000FF;white-space:nowrap;text-decoration:none}
.gnb li a:hover,
.gnb li a:active,
.gnb li a:focus{color:#FF0000}
.gnb li.active a{font-weight:bold;color:#FF0000;background:url(./images/default/bgGnbOn.gif) no-repeat center bottom}
.gnb li li a{float:none;display:inline;padding:5px 15px !important;background:none !important;height:auto;font-weight:normal !important}
.gnb li li.active a{font-weight:bold !important}
.body{margin:20px 0;zoom:1;background:#FFF}
.body:after{content:"";display:block;clear:both}
.lnb{float:left;width:200px;background:#FFF}
.account{}
.content{float:right;width:740px;background:#FFF}
.footer{background:#ddd}
- [2018/04/08] 묻고답하기 하위메뉴가 마우스오버 없이 처음부터 나타납니다.
댓글 5
-
mindpainter
2015.11.10 16:11
-
sage하늘
2015.11.10 19:06
감사 합니다! 정말 감사합니다!
이제야 하나 하나 해결되어 가네요.
한가지만 더 여쭈어 볼께요!
글자체는 어떻게 바꿀 수 있나요?
크기 값 옆에 '; font face:글자체'를 넣어봐도 소용이 없네요......
-
DoorWeb
2015.11.10 20:34
font-family
-
sage하늘
2015.11.11 18:26
감사합니다. 한가지만 더 여쭈어볼께요~!
인터넷상에서 쓸 수 있는 글꼴 종류는 어떻게 확인 가능한가요?
제 컴퓨터에 있는 폰트는.... 제 컴퓨터 화면에서만 보이고,
다른 컴퓨터에서는 글꼴이 없는한 볼 수가 없을텐데.....
모든 컴퓨터,핸드폰에서 보여지는 글꼴... 종류 확인을 할 수 있나요?
-
DoorWeb
2015.11.11 22:46
오래전에는 웹안전체라고 해서 "돋움", "Dotum", Helvetica, Arial, sans-serif 이정도 선언을 했었는데요.
요즘은 디자인도 감안해서 선언을 하니까
가장 좋은 방법은 xe 개발팀도 나름 머리싸매고 폰트 설정을 정했을겁니다.
그러니까 그냥 개발팀이 설정해둔
"Helvetica Neue", "Apple SD 산돌고딕 Neo", "Apple SD Gothic Neo", "나눔고딕", "Nanum Gothic", "돋움", "Dotum", Helvetica, Arial, sans-serif;
이정도 하면 될겁니다.
폰트 선언이라는게 선언된 폰트가 해당 컴퓨터에 있으면 불러오는 거라서 가장 먼저 선언된 폰트부터 파악해서 걸리는걸 불러와 줍니다.
css 최하단에 다음을 추가해보세요~
.gnb>ul>li {font-size: 값} /* 대메뉴 글자크기 */
.gnb>ul>li>ul>li {font-size: 값} /* 서브메뉴 글자크기 */