홈페이지 상단의 메뉴버튼 작업중인데요 제발도와주세요!!ㅜ 정보
홈페이지 상단의 메뉴버튼 작업중인데요 제발도와주세요!!ㅜ본문
안녕하세요 ㅠ
완전 초짜사회생인데요
회사홈페이지 개편을 해야하는데 시작부터 막혀서 도움 요청드립니다 ㅠㅠ
이렇게 떠야하는것이
이렇게 뜨네요 ㅠㅠ
그라데이션부분을 배경으로 깔고
그위에 메뉴바가 뜨게끔하고싶은데 그것도 안되고
버튼을 이미지로 저장해서 넣어놨는데 이미지 테두리도 안떠야하는데 그것도 설정이안되고
메뉴위에 마우스오버를 하면 떠야할 메뉴들이 그냥 이미지랑 나란히 떠버리네요..
순서도 제맘대로고..
제발도와주세요!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
<head>
<title>현승물산 주식회사</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<link rel="STYLESHEET" type="text/css" href="style.css"/>
<script src="template.js" type="text/javascript"></script>
<style type="text/css">
body {
background-imge: url(images/main_top_bg.jpg);
background-repeat: repeat-x;
background-position: center top;
background-attachment: no-fixed;
z-index: 1;
}
#top_layer {
position:absolute;
left:0px;
top:38px;
width:100%;
height:20px;
z-index:2;
visibility: visible;
}
/* MENU */
#css3menu {
font: 8pt -윤고딕120;
width: 923px;
background: none;
float: right;
margin: 0 auto;
padding: 0;
}
#css3menu li:last-child,#css3menu li a {
border: 0;
}
#css3menu li {
border: 0;
float: left;
list-style: none;
position: relative;
}
#css3menu li a {
font: 8pt -윤고딕120;
text-decoration: none;
color: #846752;
background: none;
border-right: 1px solid #eee;
}
#css3menu li a:hover {
/* Submenu */
#css3menu li ul {
display: none;
position: absolute;
left: 0;
top: 100%;
padding: 0;
margin: 0;
}
#css3menu li:hover>ul {
font: 11pt -윤고딕120;
display: none;
}
#css3menu li ul li,#css3menu li ul li a {
font: 11pt -윤고딕120;
float: none;
}
#css3menu li ul li {
font: 11pt -윤고딕120;
_display: inline;
}
/* for IE6 */
#css3menu li ul li a {
width: 150px;
display: none;
}
</style>
</head>
<body topmargin="85" leftmargin="0" rightmargin="0" background="images/main_top_bg.jpg">
<!-- 상단 메뉴 --->
<div id="top_link">
<nav>
<ol>
<li><a href="http://blog.naver.com/lucofac"> BLOG </a></li>
<li><a href="http://lucofacmall.com/"> FOOD MALL </a></li>
<li><a href="http://cupscups.co.kr/"> PAPERCUP MALL </a></li>
</ol>
</nav>
</div>
<div id="css3menu">
<div align="center">
<table width="923" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="28"> </td>
</tr>
<tr>
<td><img src="images/main_gr.png" width="923" height="94"" border="0" />
<nav id="css3menu">
<ul class="clearfix">
<li><a href="http://www.hsmscorp.com/index.html"><img src="file:///C|/Users/Administrator/Desktop/홈페이지/현승물산홈페이지(리뉴얼)/images/top_menu_logo.png"></a></li>
<li><a href="http://www.hsmscorp.com/company_01.html"><img src="file:///C|/Users/Administrator/Desktop/홈페이지/현승물산홈페이지(리뉴얼)/images/top_menu_01.png"></a>
<ul>
<li><a href="기업소개http://www.hsmscorp.com/company_01.html">기업소개</a></li>
<li><a href="CI소개http://www.hsmscorp.com/company_01.html">CI소개</a></li>
<li><a href="기업연혁http://www.hsmscorp.com/company_02.html">기업연혁</a></li>
<li><a href="CEO인사말http://www.hsmscorp.com/company_03.html">CEO인사말</a></li>
<li><a href="찾아오시는길http://www.hsmscorp.com/company_04.html">찾아오시는길</a></li>
</ul>
</li>
<li><a href="http://www.hsmscorp.com/sugar_01.html"><img src="file:///C|/Users/Administrator/Desktop/홈페이지/현승물산홈페이지(리뉴얼)/images/top_menu_02.png"></a>
<ul>
<li><a href="솜사탕http://www.hsmscorp.com/sugar_01.html">솜사탕</a></li>
<li><a href="캔디류http://www.hsmscorp.com/sugar_02.html">캔디류</a></li>
<li><a href="비타Chttp://www.hsmscorp.com/sugar_03.html">비타C</a></li>
</ul>
</li>
<li><a href="http://www.hsmscorp.com/chocolte_01.html"><img src="file:///C|/Users/Administrator/Desktop/홈페이지/현승물산홈페이지(리뉴얼)/images/top_menu_03.png"></a>
<ul>
<li><a href="튜브초콜릿http://www.hsmscorp.com/chocolte_01.html">튜브초콜릿</a></li>
<li><a href="초코플레이트http://www.hsmscorp.com/chocolte_02.html">초코플레이트</a></li>
</ul>
</li>
<li><a href="http://www.hsmscorp.com/other_01.html"><img src="file:///C|/Users/Administrator/Desktop/홈페이지/현승물산홈페이지(리뉴얼)/images/top_menu_04.png"></a>
<ul>
<li><a href="과자류http://www.hsmscorp.com/other_01.html">과자류</a></li>
<li><a href="견과류http://www.hsmscorp.com/other_02.html">견과류</a></li>
<li><a href="기획상품http://www.hsmscorp.com/other_03.html">기획상품</a></li>
</ul>
</li>
<li><a href="http://www.hsmscorp.com/goods_01.html"><img src="file:///C|/Users/Administrator/Desktop/홈페이지/현승물산홈페이지(리뉴얼)/images/top_menu_05.png"></a>
<ul>
<li><a href="종이컵http://www.hsmscorp.com/goods_01.html">종이컵</a></li>
<li><a href="LED램프http://www.hsmscorp.com/goods_02.html">LED램프</a></li>
</ul>
</li>
<li><a href="http://www.hsmscorp.com/cs_01.html"><img src="file:///C|/Users/Administrator/Desktop/홈페이지/현승물산홈페이지(리뉴얼)/images/top_menu_06.png"></a>
<ul>
<li><a href="문의게시판http://www.hsmscorp.com/cs_01.html">문의게시판</a></li>
</ul>
</li>
</ul>
</nav>
</td>
</tr>
</table>
</div>
</div>
<!-- 상단 메뉴 끝--->
0
댓글 6개
아니면 의뢰게시판에 가셔서 의뢰하시면 만원 미만에 해결 보실수 있는 문제 입니다. 어느분에게 맞기셔도 대략 30분 이내에 작업완료해서 드릴거구요... :D
질문 게시판은 어떤 문제 하나를 해결하지 못할때 질문하실 수 있는 공간이지, "메뉴를 만들어 주세요/고쳐주세요. 무료봉사해주세요."
이런 글을 올리는 곳은 아닙니다.
여기까진 제손으로 꾸역꾸역해봤는데 이 이후가 안되서요 ㅠ
css 어느부분이 잘못된건지 알려주셨으면 더좋았겠지만 답변감사합니다
그런데 메뉴를 짜놓으신게, div 안에 테이블이 들어가 있고, 전부다 뒤죽박죽이에요. 관련된 css 도 다 적어 놓지도 않으셨고.
css 뿐만 아니라 html 도 전혀 모르신다는 얘기죠.
시간이 촉박하시면, 의뢰게시판에 가셔서 이거 해결하면서 개인 tutor (레슨?) 해주실 분을 구하셔서, 배우시면서 + 문제 해결을 하시던가,
어떻게 해서든 돈한푼 안들이고 혼자 해결을 봐야겠다 싶으시면, 며칠이고 더 고생해서 해결보시면 됩니다.
시간적으로나 금전적으로나 혼자서 배우시려고 하는게 가장 wasteful (비효율적) 이니까 의뢰 게시판에 가보시라고 말씀드린 겁니다. 그게 돈 절약 + 시간 절약 하는거니까요.
아무 웹디자이너나 붙잡고, 이런 모습의 상단메뉴를 짜고 싶은데, "이거 짜주시고, 그리고 어떻게 짜는지 레슨도 함께 해주세요/ 가르쳐 주세요." 라고 하셨다면?
2~3시간만에 정석으로/올바른 방법으로 메뉴하나 짜는걸 배우실수 있으셨을 겁니다.
그런데 이걸 선생님 없이 처음부터 혼자 해보시려고 지금 엄청난 시간을 소비하셨죠? 이게 얼마나 큰 낭비 입니까?
나중에, 나중에, 다 지나고 나시면 이해되실거에요. 제가 무슨 말을 하려고 했는지... ^^
기본적으로 최상단을 먼저 만들어서 완벽하게 나오는것을 확인하고 로고와 메인 메뉴 위치를 제대로
잡았는지 확인하고 메인 메뉴내 메뉴를 하나 하나 만들면서 확인하시면서 하셔야 하지 않았나 싶습니다.
제가 가끔 짜증날때 하는 짓인데.
모든 스타일 css에 border:1px #000 solid; 를 넣어서 해당 스타일이 영역이 어떻게 잡혀있는지
다 확인해봅니다. 사파리의 개발자 도구를 이용하셔도 알 수 있습니다.
답을 드리는것보다는 답을 찾을수 있는 방법을 추천해드립니다.
/images/top_menu_logo.png){kind=link}
/images/top_menu_01.png){kind=link}
/images/top_menu_02.png){kind=link}
/images/top_menu_03.png){kind=link}
/images/top_menu_04.png){kind=link}
/images/top_menu_05.png){kind=link}
/images/top_menu_06.png){kind=link}