• 목록
  • 아래로
  • 위로

예... 제목 그대로입니다 ㅠㅠ 


위를 보시면 드롭다운 메뉴가 있습니다... 아이콘이 음표 그림이고 백그라운드를 로즈쿼츠색으로 지정했는데요... 

왜 리스트인데... 리스트 스타일에는 배경색이 씌워지지 아니하는걸까요... 


아래처럼 배경색을 지정하려고 했는데 뭔 개짓을 해도 위에처럼 되는 상황입니다. 


해당 부분 HTML이랑 CSS 소스는 다음과 같습니다. 


(HTML)


<nav class="link">
<ul class="menu">
    <li><a href="#">menu 1</a>
        <ul class="sub">
            <li><a href="#">submenu 1</a></li>
            <li><a href="#">submenu 2</a></li>
            <li><a href="#">submenu 3</a></li>
        </ul>
    </li>
    <li><a href="#">menu 2</a>
        <ul class="sub">
            <li><a href="#">submenu 1</a></li>
            <li><a href="#">submenu 2</a></li>
            <li><a href="#">submenu 3</a></li>
        </ul>
    </li>
    <li><a href="#">menu 3</a>
        <ul class="sub">
            <li><a href="#">submenu 1</a></li>
            <li><a href="#">submenu 2</a></li>
            <li><a href="#">submenu 3</a></li>
        </ul>
    </li>
        <li><a href="#">menu 4</a>
        <ul class="sub">
            <li><a href="#">submenu 1</a></li>
            <li><a href="#">submenu 2</a></li>
            <li><a href="#">submenu 3</a></li>
        </ul>
    </li>
</ul>
</nav>


(CSS)


/*header*/
nav {width:100%;margin:auto 0px;position:fixed;font-size:14pt;height:8%;top:0px; left:0px;z-index:99;background-color:#f7cac9;}
nav ul {list-style-type:none;margin:0;padding:0;}
nav ul.menu li {float:left;width:179px;height:48px;list-style-image:url('music.png');}
nav ul.menu li a {display:inline-block;width:100%;height:100%;line-height:48px;text-indent:30px;text-decoration:none;background-color:#f7cac9;color:#91a8d1;}
nav ul.menu li a:hover {color:black;}
nav ul.menu:after {height:0;visibility:hidden;content:".";display:block;clear:both;margin:0;padding:5px;}


+list-style-position을 inside로 하면 더 괴악해지네요 ㄷㄷ 

저거 적용하면 


*

 메뉴


이런 식으로 변형됩니다... 

작성자
국내산라이츄 101 Lv. (47%) 823730/832320EXP

인생은 양자역학이외다

댓글 6

abnoeh
profile image

지금 음표가 사진을 불러오는 거고 색은 텍스트 배경색으로 주고 있으니까 사진에는 배경색이 안 들어가죠. 간단하게 music.png를 열어서 투명인 영역을 택스트 배경색이랑 똑같게 칠해주면 되지 않을까요?

comment menu
2019.04.07. 06:57

신고

"abnoeh님의 댓글"

이 댓글을 신고 하시겠습니까?

국내산라이츄 작성자 → abnoeh
profile image

아 그래서 교본같은 데도 보면 배경이미지를 쓰는거군요? 저 범례 기호에 배경을 넣는건 안된다는거죠?

comment menu
2019.04.07. 19:37

신고

"국내산라이츄님의 댓글"

이 댓글을 신고 하시겠습니까?

abnoeh → 국내산라이츄
profile image

background-color:#f7cac9;color:#91a8d1; 를 바로 윗줄 (music.png 있는 줄)로 옮겨보시겠어요?

comment menu
2019.04.08. 00:14

신고

"abnoeh님의 댓글"

이 댓글을 신고 하시겠습니까?

포인트 폭탄+ → abnoeh
abnoeh님 축하합니다.
추가로 100포인트만큼 포인트 폭탄+를 받았습니다.
comment menu
2019.04.08. 00:14

신고

"포인트 폭탄+님의 댓글"

이 댓글을 신고 하시겠습니까?

삭제

"포인트 폭탄+님의 댓글"

이 댓글을 삭제하시겠습니까?

국내산라이츄 작성자 → abnoeh
profile image

li의 a태그 말고 li에 백그라운드요?

comment menu
2019.04.08. 00:46

신고

"국내산라이츄님의 댓글"

이 댓글을 신고 하시겠습니까?

abnoeh → 국내산라이츄
profile image

보니까 이미지상자 길이가 178픽셀인걸로 봐서 거기 백그라운드를 채우는게 맞는거 같아서요

comment menu
2019.04.08. 14:32

신고

"abnoeh님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 24.02.11.17:21 394
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 4075
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4465
922 워드프레스 웹폰트가 죄다 깨졌습니다. 8 image 국내산라이츄 24.03.15.22:31 69
921 이미 도메인 명이 다른 곳에서 도메인(서브/별칭) 도메인으로 사용중입니다. 이건 무슨 오류인가요? 1 image rickroot 24.01.27.16:19 147
920 하드 디스크의 데이터 소거와 관련하여 17 image 제르엘 23.12.15.01:12 290
919 호스팅 서비스중 상태인데, 웹사이트 추가가 안됩니다. 3 해원맥 23.11.02.00:18 237
918 네이버웍스 메일에 도메인을 연결하려는데 SPF, DKIM 및 DMARC 인증만 하면 될까요? 6 이니스프리 23.09.16.23:45 232
917 이용중인 도메인 연결 어떻게 하나요? 1 image 참비 23.07.29.15:14 233
916 Vultr에서 Ubuntu LAMP 빠른 설치시 4 260578 23.06.14.23:32 236
915 워드프레스 페이지 안의 자바스크립트가 동작하지 않습니다 1 image 하이빅스비 23.05.05.19:35 198
914 워드프레스 이슈가 있는데... 3 image 국내산라이츄 23.03.12.02:42 248
913 아직도 윈도우10에서 윈도우 11으로 무료 업그레이드가 가능한가요? 6 NoYeah 23.01.26.00:48 609
912 혹시 이런건 호스팅 규칙에서 어긋납니까? 2 출사로 22.12.23.07:38 336
911 미디어위키 하단에 똑같은 텍스트가 나오게 할 수 있는 방법이 있을까요?? 3 은하수 22.12.11.18:02 203
910 [해결] 미디어위키 단축 주소 설정에 관한 궁금한 점이 있습니다. 11 은하수 22.11.22.01:52 373
909 [해결] 미디어위키에서 문단 목록 번호를 매길 수 있게 설정하는 방법 없을까요? 8 은하수 22.11.20.19:11 302
908 [Ubuntu 22.04] 절전 모드 이후 사운드 재생이 안 됩니다. 5 260578 22.10.26.21:59 218
907 호스팅 패널에서 웹사이트를 등록할 때 IPv4 주소가 *으로 나옵니다 4 하이빅스비 22.10.10.15:08 164
906 윈도우 글꼴 변경좀 도와주세요 5 image wikiowner 22.10.08.09:56 118
905 미디어위키 다시 시작하는데 위키에서 모듈 설정 해 보신 분 저좀 도와주세요 2 wikiowner 22.10.01.19:34 258
904 질문 2 poiega 22.09.03.23:35 143
903 FTP, FTPS, SFTP, WebDAV를 사용하지 않고 원격지 서버에 파일을 업로드하는 방법이 있을까요? 10 제르엘 22.09.01.14:33 212