메뉴가 보이지 않아요ㅠ
하나
위와 같이 코딩되어 나와야 하는데요
오른쪽에
일반부모, 보육교직원 이부분이 아예 보이지를 않아요
코딩을 했는데요ㅠㅠ
뭐가 잘못되서 안보이는 건지 좀 도와주세요
div id=header
h1a href=main.htmlimg src=images/logo_22.gif alt=아이사랑보육포털 //a/h1
ul class=toplink
li class=firsta href=main.htmlimg src=images/top_03.gif alt=홈 //a/li
lia href=#img src=images/top_07.gif alt=로그인 //a/li
lia href=#img src=images/top_09.gif alt=회원가입 //a/li
lia href=#img src=images/top_11.gif alt=사이트맵 //a/li
/ul
form class=search
input name=search type=text class=search_area/
pa href=#img src=images/search_25.gif alt=검색 //a/p
/form
dl class=rank
dt실시간 검색어/dt
dd
ol
li
a href=#
span01.어린이집/span
span class=rank_upimg src=images/rank_28.gif alt=순위 위로 //span
/a
/li
/ol
/dd
/dl
p class=tree/p
div class=gnb
p class=bg1/p
ul class=gnb_menu
lia href=#img src=images/gnb_34.gif alt=육아정보 /img src=images/ro_gnb_34.gif alt=육아정보 class=over //a/li
lia href=#img src=images/ro_gnb_36.gif alt=보육서비스 /img src=images/ro_gnb_36.gif alt=보육서비스 class=over //a
ul class=s_menu
li class=bg_lefta href=sub.htmlimg src=images/ro_s_menu_50.gif alt=누리과정 안내 /img src=images/ro_s_menu_50.gif alt=누리과정 안내 class=over //a/li
lia href=#img src=images/s_menu_52.gif alt=어린이집 이용 /img src=images/ro_s_menu_52.gif alt=어린이집 이용 class=over //a/li
lia href=#img src=images/s_menu_54.gif alt=보육료 지원 /img src=images/ro_s_menu_54.gif alt=보육료 지원 class=over //a/li
lia href=#img src=images/s_menu_56.gif alt=아이사랑카드 소개 /img src=images/ro_s_menu_56.gif alt= 아이사랑카드 소개 class=over //a/li
lia href=#img src=images/s_menu_58.gif alt=MY 아이사랑카드 /img src=images/ro_s_menu_58.gif alt=MY 아이사랑카드 class=over //a/li
lia href=#img src=images/s_menu_60.gif alt=우리아이 어린이집 /img src=images/ro_s_menu_60.gif alt=우리아이 어린이집 class=over //a/li
li class=bg_right lasta href=#img src=images/s_menu_62.gif alt=2기카드 전환등록 /img src=images/ro_s_menu_62.gif alt=2기카드 전환등록 class=over //a/li
/ul
/li
lia href=#img src=images/gnb_38.gif alt=도서관 /img src=images/ro_gnb_38.gif alt=도서관 class=over //a/li
lia href=#img src=images/gnb_40.gif alt=열린공간 /img src=images/ro_gnb_40.gif alt=열린공간 class=over //a/li
lia href=#img src=images/gnb_42.gif alt=행복공감 /img src=images/ro_gnb_42.gif alt=행복공감 class=over //a/li
lia href=#img src=images/gnb_44.gif alt=지식공감 /img src=images/ro_gnb_44.gif alt=지식공감 class=over //a/li
lia href=#img src=images/gnb_46.gif alt=클럽 /img src=images/ro_gnb_46.gif alt=클럽 class=over //a/li
lia href=#img src=images/gnb_48.gif alt=상담실 /img src=images/ro_gnb_48.gif alt=상담실 class=over //a/li
lia href=#img src=images/gnb_50.gif alt=정보찾기 /img src=images/ro_gnb_50.gif alt=정보찾기 class=over //a/li
/ul
p class=bg2/p
/div
ul class=menu
li class=firsta href=#img src=images/menu_38.gif alt=일반부모 /img src=images/ro_menu_38.gif alt=일반부모 class=over //a/li
lia href=#img src=images/menu_40.gif alt=보육교직원 /img src=images/ro_menu_40.gif alt=보육교직원 class=over //a/li
/ul
/divcss입니다.
#wrap {
width:100%;
margin:0 auto;
}
#header {
padding-top:22px;
width:980px;
margin:0 auto;
}
#header h1 {
padding:37px 0 0 24px;
}
.toplink {
float:right;
margin-top:-80px;
}
.toplink li {
float:left;
background:url(../images/top_05.gif) no-repeat 0 0;
margin-left:7px;
padding-left:7px;
}
.toplink li.first {
background:none;
}
.search {
width:342px;
height:21px;
background-color:#f1586c;
padding:4px 0 4px 4px;
margin:-32px 0 0 194px;
}
.search p {
float:right;
padding:0 6px 0 0;
margin-top:-26px;
}
.search_area {
width:311px;
height:19px;
background-color:#fff;
border:none;
}
.rank {
width:269px;
height:21px;
background-color:#f1586c;
margin:-29px 0 0 557px;
padding:4px 0 4px 6px;
}
.rank dt {
color:#fff;
font-weight:bold;
padding-top:5px;
}
.rank dd {
background-color:#fff;
width:177px;
height:16px;
margin:-17px 0 0 88px;
padding-top:5px;
}
.rank dd ol li a {
padding-left:7px;
}
.rank_up {
margin-left:86px;
}
.tree {
background:url(../images/img_19.gif) no-repeat 100% 0;
height:73px;
margin-top:-52px;
}
.bg1 {
background:url(../images/menu_bg_37.gif) no-repeat 0 4px;
height:36px;
}
.bg2 {
background:url(../images/menu_bg_41.gif) no-repeat 100% 4px;
height:36px;
margin-top:-36px;
}
.gnb {
margin-top:-4px;
position:relative;
}
.gnb li {
float:left;
}
.gnb_menu {
background:url(../images/menu_bg_38.gif) repeat-x 0 4px;
height:36px;
width:962px;
margin:-36px 0 0 8px;
padding-left:2px;
}
.gnb_menu li {
margin-right:15px;
}
.gnb_menu li a img.over {
display:none;
}
.gnb_menu li a:hover {
position:relative;
}
.gnb_menu li a:hover img {
display:none;
}
.gnb_menu li a:hover img.over {
display:inline;
}
.menu {
float:right;
margin:-30px 15px 0 0;
z-index:500;
}
.menu li {
float:left;
background:url(../images/menu_43.gif) no-repeat 0 8px;
padding-left:7px;
margin-left:7px;
}
.menu li.first {
background:none;
}
.menu li a img.over {
display:none;
}
.menu li a:hover {
position:relative;
}
.menu li a:hover img {
display:none;
}
.menu li a:hover img.over {
display:inline;
}
.s_menu {
background:url(../images/s_menubg_71.png) no-repeat 0 0;
height:31px;
position:absolute;
top:100%;
left:96px;
}
.s_menu li {
padding-top:9px;
margin-right:22px;
}
.s_menu li.last {
margin-right:0;
}
.bg_left {
background:url(../images/s_menu_bg_71.png) no-repeat 0 0;
height:31px;
padding-left:12px;
}
.bg_right {
background:url(../images/s_menu_bg_80.png) no-repeat right top;
height:31px;
padding-right:12px;
}
아.그리구 이게 크롬에서 보면 조금씩 뒤틀리든데
어떻게 손봐야 하나요?
-
아지랑이
이것만 갖고는 정확하게 알 수는 없습니다만
.menu에도 positon:relative를 줘보세요. -
가온누리
소스보다는 url 을 올려서 개발자도구나 파이어버그로 확인해보면 금방 알 수 있는 문제입니다.
소스를 일일이 눈으로 대보고 확인해 보기에는 시간도 많이 걸리고 정확하지 않습니다.