테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

좌측메뉴 코딩 어떻게 해야할까요?ㅡㅡ; 채택완료

웹지기맨 8년 전 조회 2,462
답변 2
목록

좌측메뉴를 이미지로 처리하다가 처음으로 

텍스트로 처리해볼려고하는데 잘 안되네요..ㅡㅡ;



 

원래는 저렇게 이미지메뉴가 좌측에 있긴한데..


이것을 텍스트로 바꿔긴한데..


LMS소개, 오시는길, 법무사/이민칼럼--- 이 메뉴들을 위에 보듯이 간격을 주며 우측과 상단을 좀 띄울려고 패딩으로 띄우니 위에 이미지와는 좀 다르게 밑으로 내려갔네요.물론 이미지에 있는 간격의 픽셀 크기와 같게 했는데 메뉴명이 밑으로 좀 내려갔네요..ㅡㅡ;

롤오버하면 높이값이 이상하게 35px 에서 38픽셀인가? 암튼 더 + 되었더라구요.ㅡㅡ;


아래 url 로 작업 중인것 올려봅니다.


http://wixfree.kr/bic/about/intro.html">http://wixfree.kr/bic/about/intro.html


고수님들 답변 부탁드릴게요..아후~~. 웹표준 초보다 보니 잘 안되네요..쩝


#표준코딩
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
8년 전

a 부분에 padding이 들어가서 그렇습니다.



li 부분에 높이값과 동일하게 line-height 값 주고,  

a부분은 height 코드와 padding 코드 부분 삭제하고, text-indent 속성을 이용해 들여쓰기 해보세요.


로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
웹지기맨
8년 전
다행히 해결하였습니다.^^ 감사합니다.

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

그

margin으로 간격조정후 텍스트 간격은 height / line-height로 주세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
웹지기맨
8년 전
margin 으로 하면 메뉴 자체가 우측으로 어긋나요.ㅡㅡ;

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

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

로그인