토론방

분류목록

디자인 관련 메인 가로형 카테고리 질문 드립니다. 한미스위스광학

카테고리 height값도 line-height값을 주고 패딩도 줄여보고 해봤었는데

2차메뉴 카테고리의 li 행간이 같이 늘어납니다.

1차 메뉴 이름이 길게 들어가지만 이름들이 다 보여져야 합니다.

두줄로 보여지게 부탁드립니다. ㅜ ㅜ

소스 어느 부분을 수정해야하는지 알려주시면 감사드리겠습니다!

게시글 공유 URL복사

수정 삭제 출력

댓글[1]

열기 닫기

배**영 2016-09-23

현재 네비게이션에는 line-height:60px;, line-height:40px;이 적용되어 있습니다. 이부분을 해제해주세요.

해제를 하시면 아래의 이미지와 같이 보입니다.

그다음에는 네비게이션 html을 수정해주셔야 합니다.

현재 네비게이션 아래의 형식을

<ul class="dep1">

<li class="has_sub"><a href="#">company</a></li>

</ul>

아래와 같이 변경해주셔야 합니다.

<ul class="dep1">

<li class="has_sub"><a href="#"><span>company</span></a></li>

</ul>

그리고 css로

a태그에 display:table;width:100%;를 적용해주세요

span태그에 display:table-cell;vertical-align:middle을 적용해주시면

높이에 맞게 중앙을 유지하게 됩니다.

댓글작성

열기 닫기

top