2단 메뉴
큰꽃들
어제 3시간이나 걸쳐 작업한 메뉴입니다~ 오래걸리네욤~흑..
효율성을 위해... css로 구성하는것이 훨 낫다고 느껴지네욤~^^
확인해보시고 참고하시려면..
이미지 경로를 맞게 변경해주세요~~
근데.. 하다보니... 붉은색 부분이.. 어쩔 수 없는지... 에효... 결국 테이블로 감싸버렸어요~~
방법아시는 부운^^~~ 따끈한 커피 쏘께욤~ㅋㅋ
무지무지 궁금하답니다... 안되는것인가~ 나의 한계인것이 부끄부끄~^^
table width=100% cellpadding=0 cellspacing=0
tr
td id=limg/td
td
div id=subm
ul
li id=currenta href=#요약/a/li
li id=bara href=#기본정보/a/li
li id=bara href=#미래 Life Cycle 분석/a/li
li id=bara href=#시기별 분석/a/li
lia href=#분석결과/a/li
/ul
/div
/td
td id=rimg/td
/tr
/table
div id=subm2
ul
li id=current_ondiv class=arrow/diva href=유고 보장 기본정보(I)/a/li
li id=current_offa href=유고 보장 기본정보 (II)/a/li
li id=current_offa href=유고 보장 기본정보 (II)/a/li
/ul
/div
style
#subm2 {
width:100%;
float:left;
background:#fff url(C:/emotion/CCWSFC/CCWELPPro/image/minitab_bg2.gif) repeat-x bottom;
font-size:55%;
line-height:normal;
}
#subm2 ul {
width:100%;
float:left;
margin:0;
padding:0;
border-bottom:1px solid #cccccc;
list-style:none;
}
#subm2 a{
text-decoration:none;
color:black;
}
#subm2 a:hover {
text-decoration:none;
color:#595959;
}
#current_off{
float:left;
margin:11px 0px 0px 10px;
padding-bottom:3px; padding-left:10px;
background:url(C:/emotion/CCWSFC/CCWELPPro/image/minitab_bar2.gif) no-repeat 0 0% left;
font-family:돋움;
font-size:95%;
}
#current_on {
float:left;
font-weight:bold;
margin:0px 0 0px 5px;
padding-bottom:3px;
font-family:돋움;
font-size:95%;
}
#subm2 .arrow{background:#fff url(C:/emotion/CCWSFC/CCWELPPro/image/minitab_arrow.gif) no-repeat; margin:1px 0 -3px 15px; width:7px; height:4px;}
#bar{background:url(C:/emotion/CCWSFC/CCWELPPro/image/minitab_bar.gif) no-repeat 100% 40%;}
#limg{background:#7177b4url(C:/emotion/CCWSFC/CCWELPPro/image/minitab_left.gif) no-repeat; width:4px;}
#rimg{background:#7177b4url(C:/emotion/CCWSFC/CCWELPPro/image/minitab_right.gif) no-repeat; width:4px;}#subm {
width:100%;
float:left;
clear:both;
background:#7177b4 url(C:/emotion/CCWSFC/CCWELPPro/image/minitab_bg.gif) repeat-x top;
font-size:55%;
line-height:normal;
}
#subm ul {
margin:0;
padding:5px 0 0 0;
list-style:none;
}
#subm li {
float:left;
margin:0;
padding:0;
}
#subm a {
display:block;
padding:5px 12px 4px 10px;
text-decoration:none;
color:#fff;
}
#subm a:hover {
color:#d9dcff;
}
#subm #current {
float:left;
background:#fff url(C:/emotion/CCWSFC/CCWELPPro/image/minitab_right2.gif) no-repeat top left 0 0;
}
#subm #current a {
color:#000;
font-weight:bold;
padding:8px 10px 1px 10px;
background:url(C:/emotion/CCWSFC/CCWELPPro/image/minitab_right2.gif) no-repeat top right 0 0;
}
/style
-
하예
파일도 첨부했는데^^~~ 감사합니다~ㅋ
-
비사벌
구지 방법을 찾는 다면
div id=\subm\ 여기 에 왼쪽 바
ul에 오른쪽 바를 배경이밎 고정으로 넣으면 되지 않을까요 =_=
아니면 div로 감싸시거나
저걸 직접 보진 않아서 모르겟네요 =_= 배경이미지가 없으니-_)a