css 하나 더.. 정보
css 하나 더..
본문
메뉴에 <li> 쓰잖아요..
가로로 하는 방법이나 앞에 동그라미 없애는 것은 li { display:inline; list-style:none; }으로 해결했는데 메뉴끼리 간격은 어떻게 조절하나요?
전 이때까지 padding으로 해왔는데 다른 방법이 있나요?
가로로 하는 방법이나 앞에 동그라미 없애는 것은 li { display:inline; list-style:none; }으로 해결했는데 메뉴끼리 간격은 어떻게 조절하나요?
전 이때까지 padding으로 해왔는데 다른 방법이 있나요?
댓글 전체
보통 li 하위 요소에 a를 쓰는 경우, 앵커(a)에 display: block;을 주고나서 앵커에 padding이나 margin을 제어하지요.
아 그렇군요 ^^ 감사합니다.
허허..
그러면
공지사항
커뮤니티 포토갤러리
이렇게 나옵니다.
그러면
공지사항
커뮤니티 포토갤러리
이렇게 나옵니다.
display: inline;은 말 그대로 한줄에 늘어놓도록 하라는 것입니다.
사이드 메뉴용으로 작성하실 때는, 해제하셔야 합니다.
ul, ol, dl { list-style: none; margin: 0; padding: 0; }
a { display: block; padding: 5px; border: 1px solid #000; }
이런식으로 작성해 나가시면 됩니다^^
상위 메뉴바 작성시에는, li { display: inline; float: left; } a { float: left; } 요소를 주어야합니다.
어떤 형태를 원하시는 건지 햇갈려서 두개 다 알려드립니다.
사이드 메뉴용으로 작성하실 때는, 해제하셔야 합니다.
ul, ol, dl { list-style: none; margin: 0; padding: 0; }
a { display: block; padding: 5px; border: 1px solid #000; }
이런식으로 작성해 나가시면 됩니다^^
상위 메뉴바 작성시에는, li { display: inline; float: left; } a { float: left; } 요소를 주어야합니다.
어떤 형태를 원하시는 건지 햇갈려서 두개 다 알려드립니다.
css 초보라 그런데요..ㅜㅜ
그럼 한줄로 정렬이 안되는데요.. 죄송하지만.. 쉽게 .. 굽신굽신 OTL
그럼 한줄로 정렬이 안되는데요.. 죄송하지만.. 쉽게 .. 굽신굽신 OTL
제 사이트 채팅방으로오세요 바로 해결해드릴께요 ;;;
딱히 지금 할께없어서 방황중인 ㅎㅎ;;
딱히 지금 할께없어서 방황중인 ㅎㅎ;;
네 ^^
