신규게시물 올라왔을때, new아이콘 li에서
Posted: 2006 08 30 17:24 31
css초짜입니다. 웹표준으로 한번 짜보려고, table태그 다 없애고, 한번 해보는 중입니다. css는 이렇게 줬구요.
첫번째.
실제 리스트 페이지에서는, asp로 구현했거든요.
이렇게 되는건데, 이 new아이콘이 list에서 한줄 밀려서 나오는겁니다.
두번ㅤㅉㅒㅤ.
이거 관련해서 구분선을 도트 이미지로 넣는것도 여쭤봅니다.
예를들면,
이럴경우에도 문제가 li의 코드를 그대로 먹어서, 정렬자체가 list메뉴처럼 정렬되는데요. 이걸 해제하는 방법이 없을까 궁금합니다. 메뉴1,2와 메뉴3,4는 같은 ul안에 있어야 디스플레이에서 함께 보여지거나 사라지거든요.
그런데 img인 도트선까지 함께 사라져야하니까 ul에 넣어야되는데,
정렬에서 li와 같이 정렬되어버려서요.
그래서 자문을 구합니다. 혹, 이문제를 해결할수 있는 방법 부탁드려요.
Code: Select all
ul.villiage
{
clear:left;
list-style-image: none;
margin:0;
line-height:1.6;
padding:0;
}
li
{
text-align:left;
background: url(image/01-icon.gif) no-repeat 0 50%;padding-left: 34px;
display:inline-block;
}
실제 리스트 페이지에서는, asp로 구현했거든요.
Code: Select all
<ul class="villiage" id="k01">
<li>메뉴1</li>
<if>
<img src="/image/icon-new.gif" alt="new">
<end>
</ul>
두번ㅤㅉㅒㅤ.
이거 관련해서 구분선을 도트 이미지로 넣는것도 여쭤봅니다.
예를들면,
Code: Select all
<ul class="villiage" id="k01">
<li>메뉴1
<li>메뉴2
<img> ------ <- 이미지
<li>메뉴3
<li>메뉴4
</ul>
그런데 img인 도트선까지 함께 사라져야하니까 ul에 넣어야되는데,
정렬에서 li와 같이 정렬되어버려서요.
그래서 자문을 구합니다. 혹, 이문제를 해결할수 있는 방법 부탁드려요.