div와 ul 에 background-imag

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
rockmkd

div와 ul 에 background-imag

게시물 작성자 rockmkd » 2007 01 19 18:02 46

아래와 같은 코드를 이용해 둥근 이미지 배경을 만들고자 합니다.

코드: 모두 선택

// css
orderListNotice {
    background: url("bgleft.gif") no-repeat top left;
}
orderListNoticeList {
    background: url("bgright.gif") no-repeat top right;
}

// html
<div>
		<ul id="orderListNoticeList">
			<li>공지사항1</li>
			<li>공지사항2</li>
			<li>공지사항3</li>
			<li>공지사항4</li>
		</ul>
	</div>
html inline style일때는 잘 적용이 되는데 저렇게 css 선언쪽으로 옮겨 놓으면 적용이 안됩니다. 뭐가 잘못된것인지 잘 모르겠습니다.

소프트원트

Re: div와 ul 에 background-

게시물 작성자 소프트원트 » 2007 01 20 14:39 20

코드: 모두 선택

// css
orderListNotice {
    background: url("bgleft.gif") no-repeat top left;
}
orderListNoticeList {
    background: url("bgright.gif") no-repeat top right;
}

// html
<div>
		<ul id="orderListNoticeList">
			<li>공지사항1</li>
			<li>공지사항2</li>
			<li>공지사항3</li>
			<li>공지사항4</li>
		</ul>
	</div>
id와 스타일시트 설정을 연결하려면 id-name에 #이 붙죠.
class와 스타일시트 설정을 연결하려면 class-name에 .가 붙죠.

위의 소스라면 스타일시트에 #orderlistNoticeList라고 하셨는지요. 위 내용에는 없는 것으로 봐서는....

그리고 스타일시트의 id/class명은 대소문자를 구분하지 않지만, 가능한 소문자로 쓰는 게 좋다고 하내요.

rockmkd

Re: div와 ul 에 background-

게시물 작성자 rockmkd » 2007 01 20 18:28 21

답변감사합니다.

질문을 급히 올리느라 #을 빼먹고 올렸군요.

#은 달았습니다..근데 이렇게 나오니 답답하기만 합니다.
다른 속성들은 적용이 되는데 이미지만 나타나지 않습니다.

댓글 게시

누군가 접속

유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 16 손님들