수다닷컴

list-style 질문입니다...;;
얼마전에도 질문올렸었는데요..
그때 list-style-position:inside로 해보라는 어느 분 답변대로 해보았는데...

**** 이건 list-style-position:inside 하기 전
*** 이건 list-style-position:inside 한 후...list-style-position:inside 한 후에 bullet이 나오긴 하지만 텍스트에 너무 딱 붙어버리는 데다 bullet 밑 부분은 background가 나오질 않네요..
padding을 주면 텍스트와 간격이 생기긴 하지만 bullet 밑에는 background가 안나와서 더 이상해져버리는...

***************** 소스 ***************************
div id=main041
div id=notice
spana href=img src=img/main/notice_title.gif width=235 height=42 alt=공지사항/새소식 //a/span
ul
li class=main_lista href=공지사항 목록/a spanimg src=img/main/main_new.gif width=10 height=15 alt=새글 //span/li
li class=main_lista href=공지사항 목록/a/li
li class=main_lista href=공지사항 목록/a/li
li class=main_lista href=공지사항 목록/a/li
/ul/div
div id=condition
spana href=img src=img/main/condition_title.gif width=235 height=42 alt=실시간 상담 게시판 //a/span
ul
li class=main_lista href=공지사항 목록/a spanimg src=img/main/main_new.gif width=10 height=15 alt=새글 //span/li
li class=main_lista href=공지사항 목록/a/li
li class=main_lista href=공지사항 목록/a/li
li class=main_lista href=공지사항 목록/a/li
/ul/div
/div
div id=main043
div id=realtime
spana href=img src=img/main/realtime_title.gif width=235 height=42 alt=인수심사현황 //a/span
ul
li class=main_lista href=공지사항 목록/a spanimg src=img/main/main_new.gif width=10 height=15 alt=새글 //span/li
li class=main_lista href=공지사항 목록/a/li
li class=main_lista href=공지사항 목록/a/li
li class=main_lista href=공지사항 목록/a/li
/ul/div
div id=example
spana href=img src=img/main/example_title.gif width=235 height=42 alt=가입사례 //a/span
ul
li class=main_lista href=공지사항 목록/a spanimg src=img/main/main_new.gif width=10 height=15 alt=새글 //span/li
li class=main_lista href=공지사항 목록/a/li
li class=main_lista href=공지사항 목록/a/li
li class=main_lista href=공지사항 목록/a/li
/ul/div
/div

************ css ***************************

#main04 .main_list {list-style-image:url(../img/main/main_list_dot.gif); height:16px; width:220px; background:url(../img/main/main_dotline.gif) repeat-x; padding-top:6px; font:8pt 돋움; color:#5f594f; list-style-position:inside;}
#main04 .main_list a {font:8pt 돋움; color:#5f594f; text-decoration:none;}
#main04 .main_list a:hover {font:8pt 돋움; color:#79a5b5; text-decoration:none;}
#main041 #notice, #main043 #realtime {width:235px; height:150px;}

신청하기