채택완료

메뉴바를 한 줄로 정렬하고 싶습니다.

2023-07-15 (토) 15:21:09 2,925

메뉴를 추가 했는데 메뉴 오른쪽에 여백이 있는데 메뉴가 두줄로 나옵니다

깔끔하게 한줄로 만들고 싶은데 방법을 모르겠습니다...

3530134806_1689402066.0953.png

|

답변 3개 / 댓글 1개

채택된 답변
+20 포인트
2023-07-15 (토) 18:59:53

default.css  #ft_wr {width:1800px;} 

 ==> #ft_wr {width:1821px;} 정도로 늘렸더니 되네요.

답변에 대한 댓글 1개

2023-07-16 (일) 00:30:56
1821로 늘리니 위 메뉴는 일렬로 정리되는데 제일 밑 하단 방문자 카운터 높이가 커지네요....

/theme/basic/css/default.css line 10

Copy
ul, dl, dt, dd {
/*    margin: 0;*/
    padding: 0;
    list-style: none;
}

default.css 파일의 아래 선택자에 float 속성 추가해 보세요.

#gnb .gnb_1dli {
    display: inline-block;
    line-height: 55px;
    padding: 0px;
    position: relative;
    float: left; <---- 추가할 속성
}

PS.

부모요소 너비가 좁게 설정되었을 때도 밑으로 내려가기도 합니다.

답변을 작성하려면 로그인이 필요합니다.