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
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2701151 | 사이트작업시 inputbox 가 readonly 형태표시 어떻게 하시나요? (1) | 찬내 | 2025-07-11 |
2701123 | 간단한 select 질문입니다 (3) | 천사의눈물 | 2025-07-11 |
2701061 | 비베질문.. | 똘끼 | 2025-07-10 |
2701034 | 메일폼 내 script 삽입가능한 방법 없을까요.. (2) | 마음새 | 2025-07-10 |
2701008 | 분명히 버튼을 만들었는데 액션이 안걸립니다. (3) | 재찬 | 2025-07-10 |
2700923 | 전체중앙정렬&독타입&쿼크모드 ㅜㅠ (8) | 푸른들 | 2025-07-09 |
2700893 | 질문드리겠습니다. | 도도한 | 2025-07-09 |
2700793 | 무비클립에 마우스 오버시 랜덤으로 효과음 나기는 어떻게 ;; (1) | 바닐라 | 2025-07-08 |
2700741 | 웹전송? (2) | 연와인 | 2025-07-07 |
2700686 | 카테고리 호버시 세부카테고리 보이게하는 것, css로만 가능할까요?? (3) | 다힘 | 2025-07-07 |
2700658 | 메타태그 질문드립니다..ㅠㅠ;;; | 모해 | 2025-07-07 |
2700632 | 외부에서 이미지 파일을 불러와야 합니다. 도와주세요. (4) | 에일린 | 2025-07-06 |
2700579 | (air + as3) smtp 이용해서 첨부파일 포함해서 메일 보내기 | 물보라 | 2025-07-06 |
2700524 | 클릭시 밑에 메뉴 나오게 (4) | 새솔 | 2025-07-05 |
2700505 | activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) | 참이 | 2025-07-05 |
2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |
2700393 | mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) | 소미 | 2025-07-04 |
2700359 | 3.0 ) SimpleButton 상태 강제 변경 (3) | 희선 | 2025-07-04 |
2700304 | ie8 전용핵 문의 (3) | 여자 | 2025-07-03 |