메뉴라인을 늘리고 싶어요. 채택완료
http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=6420&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%EB%A9%94%EB%89%B4">http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=6420&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%EB%A9%94%EB%89%B4
메뉴를 설치했습니다.
기존 그누보드 설치를 하면 메뉴라인이 모니터 화면 끝까지 늘어지는데
이걸 사용하니 딱 1020px에 멈춥니다.
기존 그누보드 설치한 것 처럼 쭈우욱 늘어지게 하려면 어찌해야 할까요?
그리고 Home쪽을 보면 라운드 처리가 되는데 그냥 사각으로 표현하고 싶은데 어찌해야 할까요?
</span></p><p><span style="font-size: 10pt; line-height: 1.5;"></span>#cssmenu ul,</p><p>#cssmenu li,</p><p>#cssmenu span,</p><p>#cssmenu a {</p><p> margin: 0;</p><p> padding: 0;</p><p> position: relative;</p><p>}</p><p> </p><p> </p><p>#cssmenu {</p><p> line-height: 1;</p><p> border-radius: 5px 5px 0 0;</p><p> -moz-border-radius: 5px 5px 0 0;</p><p> -webkit-border-radius: 5px 5px 0 0;</p><p> background: #141414;</p><p> background: -moz-linear-gradient(top, #333333 0%, #141414 100%);</p><p> background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));</p><p> background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);</p><p> background: -o-linear-gradient(top, #333333 0%, #141414 100%);</p><p> background: -ms-linear-gradient(top, #333333 0%, #141414 100%);</p><p> background: linear-gradient(to bottom, #333333 0%, #141414 100%);</p><p> border-bottom: 2px solid #0fa1e0;</p><p> width: auto;</p><p>}</p><p>#cssmenu:after,</p><p>#cssmenu ul:after {</p><p> content: '';</p><p> display: block;</p><p> clear: both;</p><p>}</p><p>#cssmenu a {</p><p> background: #141414;</p><p> background: -moz-linear-gradient(top, #333333 0%, #141414 100%);</p><p> background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));</p><p> background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);</p><p> background: -o-linear-gradient(top, #333333 0%, #141414 100%);</p><p> background: -ms-linear-gradient(top, #333333 0%, #141414 100%);</p><p> background: linear-gradient(to bottom, #333333 0%, #141414 100%);</p><p> color: #ffffff;</p><p> display: block;</p><p> font-family: Helvetica, Arial, Verdana, sans-serif;</p><p> padding: 19px 50px;</p><p> text-decoration: none;</p><p>}</p><p>#cssmenu ul {</p><p> list-style: none;</p><p>}</p><p>#cssmenu > ul > li {</p><p> display: inline-block;</p><p> float: left;</p><p> margin: 0;</p><p>}</p><p>#cssmenu.align-center {</p><p> text-align: center;</p><p>}</p><p>#cssmenu.align-center > ul > li {</p><p> float: none;</p><p>}</p><p>#cssmenu.align-center ul ul {</p><p> text-align: left;</p><p>}</p><p>#cssmenu.align-right > ul {</p><p> float: right;</p><p>}</p><p>#cssmenu.align-right ul ul {</p><p> text-align: right;</p><p>}</p><p>#cssmenu > ul > li > a {</p><p> color: #ffffff;</p><p> font-size: 13px;</p><p>}</p><p>#cssmenu > ul > li:hover:after {</p><p> content: '';</p><p> display: block;</p><p> width: 0;</p><p> height: 0;</p><p> position: absolute;</p><p> left: 50%;</p><p> bottom: 0;</p><p> border-left: 10px solid transparent;</p><p> border-right: 10px solid transparent;</p><p> border-bottom: 10px solid #0fa1e0;</p><p> margin-left: -10px;</p><p>}</p><p>#cssmenu > ul > li:first-child > a {</p><p> border-radius: 5px 0 0 0;</p><p> -moz-border-radius: 5px 0 0 0;</p><p> -webkit-border-radius: 5px 0 0 0;</p><p>}</p><p>#cssmenu.align-right > ul > li:first-child > a,</p><p>#cssmenu.align-center > ul > li:first-child > a {</p><p> border-radius: 0;</p><p> -moz-border-radius: 0;</p><p> -webkit-border-radius: 0;</p><p>}</p><p>#cssmenu.align-right > ul > li:last-child > a {</p><p> border-radius: 0 5px 0 0;</p><p> -moz-border-radius: 0 5px 0 0;</p><p> -webkit-border-radius: 0 5px 0 0;</p><p>}</p><p>#cssmenu > ul > li.active > a,</p><p>#cssmenu > ul > li:hover > a {</p><p> color: #ffffff;</p><p> box-shadow: inset 0 0 3px #000000;</p><p> -moz-box-shadow: inset 0 0 3px #000000;</p><p> -webkit-box-shadow: inset 0 0 3px #000000;</p><p> background: #070707;</p><p> background: -moz-linear-gradient(top, #262626 0%, #070707 100%);</p><p> background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #070707));</p><p> background: -webkit-linear-gradient(top, #262626 0%, #070707 100%);</p><p> background: -o-linear-gradient(top, #262626 0%, #070707 100%);</p><p> background: -ms-linear-gradient(top, #262626 0%, #070707 100%);</p><p> background: linear-gradient(to bottom, #262626 0%, #070707 100%);</p><p>}</p><p>#cssmenu .has-sub {</p><p> z-index: 1;</p><p>}</p><p>#cssmenu .has-sub:hover > ul {</p><p> display: block;</p><p>}</p><p>#cssmenu .has-sub ul {</p><p> display: none;</p><p> position: absolute;</p><p> width: 200px;</p><p> top: 100%;</p><p> left: 0;</p><p>}</p><p>#cssmenu.align-right .has-sub ul {</p><p> left: auto;</p><p> right: 0;</p><p>}</p><p>#cssmenu .has-sub ul li {</p><p> *margin-bottom: -1px;</p><p>}</p><p>#cssmenu .has-sub ul li a {</p><p> background: #0fa1e0;</p><p> border-bottom: 1px dotted #31b7f1;</p><p> font-size: 12px;</p><p> filter: none;</p><p> display: block;</p><p> line-height: 120%;</p><p> padding: 10px;</p><p> color: #ffffff;</p><p>}</p><p>#cssmenu .has-sub ul li:hover a {</p><p> background: #0c7fb0;</p><p>}</p><p>#cssmenu ul ul li:hover > a {</p><p> color: #ffffff;</p><p>}</p><p>#cssmenu .has-sub .has-sub:hover > ul {</p><p> display: block;</p><p>}</p><p>#cssmenu .has-sub .has-sub ul {</p><p> display: none;</p><p> position: absolute;</p><p> left: 100%;</p><p> top: 0;</p><p>}</p><p>#cssmenu.align-right .has-sub .has-sub ul,</p><p>#cssmenu.align-right ul ul ul {</p><p> left: auto;</p><p> right: 100%;</p><p>}</p><p>#cssmenu .has-sub .has-sub ul li a {</p><p> background: #0c7fb0;</p><p> border-bottom: 1px dotted #31b7f1;</p><p>}</p><p>#cssmenu .has-sub .has-sub ul li a:hover {</p><p> background: #0a6d98;</p><p>}</p><p>#cssmenu ul ul li.last > a,</p><p>#cssmenu ul ul li:last-child > a,</p><p>#cssmenu ul ul ul li.last > a,</p><p>#cssmenu ul ul ul li:last-child > a,</p><p>#cssmenu .has-sub ul li:last-child > a,</p><p>#cssmenu .has-sub ul li.last > a {</p><p> border-bottom: 0;</p><p>}</p><p><span style="font-size: 10pt; line-height: 1.5;"> </span></p><p><span style="font-size: 10pt; line-height: 1.5;">
답변 1개
해당 css코드에는 없고
#wrapper 코드에 970px로 되어있어서 그럴겁니다.
전체적인틀부분인데 100%로 하시되 안에 div를 한층더 껴주어서
메뉴를 호출하시고 메뉴호출div속성안에 css태그를 970px; float:left; 로 하신뒤 막아주어야합니다.
clear:both; 를 이용하여 끊고 다시 하단을 css로 잡아주어야 정상적으로 되실겁니다.
또는 메뉴쪽에만 해야하는데 소스자체를 올리시면 답변이 어렵네요.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인