누가 위치좀 잡아주세요 ㅠㅠ
그누보드기반 아니고 드림위버로 조금씩 소스만 갔다가
작업해서 홈피 수정하고 있습니다.
소스는 답글로 적을게요
로고위치랑 센터랑 다 안맞는데
몇일동안 머가 엉킨건지 잘못된건지 아무리 바까바도
제자리 걸음입니다.
저이상 좋아지질 않습니다.
센터위치랑 로고가 아래로 내려왔으면 좋겠는데
자꾸 머 줄같은게 막는거같아요
Copy
<!DOCTYPE html><html ><head> <meta charset="UTF-8"> <title>Pure Css3 Menu</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script>
<style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ html { height: 100%;}body { background: -webkit-linear-gradient(rgba(5, 610, 255, 0.4), rgba(135, 60, 255, 0.0) 80%), -webkit-linear-gradient(-45deg, rgba(120, 155, 255, 0.9) 25%, rgba(255, 160, 65, 0.9) 76%);}.cf:before, .cf:after { content:" "; display: table;}.cf:after { clear: both;}.cf { *zoom: 1;}.menu { list-style:none; margin: 50px auto; width: 800px; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content;}
.menu { position: top; left: 9; bottom: 0; _bottom: -1px; width: 1400px; height: 45px; padding: 12px 0 0; background: #34495e; url(http://img.naver.net/static/www/img/sp_mn170106.png) no-repeat 0 100%; _height//: 38px;}
.menu > li { background: #34495e; float: left; position: relative; -webkit-transform: skewX(25deg);}.menu a { display: block; color: #fff; text-transform: uppercase; text-decoration: none; font-family: Arial, Helvetica; font-size: 14px;}.menu li:hover { background: #e74c3c;}.menu > li > a { -webkit-transform: skewX(-25deg); padding: 1em 2em;}/* Dropdown */.submenu { position: absolute; width: 200px; left: 50%; margin-left: -100px; -webkit-transform: skewX(-25deg); -webkit-transform-origin: left top;}.submenu li { background-color: #34495e; position: relative; overflow: hidden;}.submenu > li > a { padding: 1em 2em;}.submenu > li::after { content:''; position: absolute; top: -125%; height: 100%; width: 100%; box-shadow: 0 0 50px rgba(0, 0, 0, .9);}/* Odd stuff */.submenu > li:nth-child(odd) { -webkit-transform: skewX(-25deg) translateX(0);}.submenu > li:nth-child(odd) > a { -webkit-transform: skewX(25deg);}.submenu > li:nth-child(odd)::after { right: -50%; -webkit-transform: skewX(-25deg) rotate(3deg);}/* Even stuff */.submenu > li:nth-child(even) { -webkit-transform: skewX(25deg) translateX(0);}.submenu > li:nth-child(even) > a { -webkit-transform: skewX(-25deg);}.submenu > li:nth-child(even)::after { left: -50%; -webkit-transform: skewX(25deg) rotate(3deg);}/* Show dropdown */.submenu, .submenu li { opacity: 0; visibility: hidden;}.submenu li { transition: .2s ease -webkit-transform;}.menu > li:hover .submenu, .menu > li:hover .submenu li { opacity: 1; visibility: visible;}.menu > li:hover .submenu li:nth-child(even) { -webkit-transform: skewX(25deg) translateX(15px);}.menu > li:hover .submenu li:nth-child(odd) { -webkit-transform: skewX(-25deg) translateX(-15px);} .submenu1 { position: absolute; width: 400px; left: 50%; margin-left: -100px; -webkit-transform: skewX(-25deg); -webkit-transform-origin: left top;}.submenu1 { opacity: 0; visibility: hidden;}<style>#TMbg td {background:url(http://thankshop3.mall.bizfree.kr/dskinimg/tm_bg.gif) repeat-x;height:28px}.Dskinformbox {border:0;width:130px;height:17px;font-size:11px;font-family:돋움;background-color:#ffffff; BACKGROUND-COLOR: #ffffff; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; } </style><script>function onPopAuthMark(key){ window.open('','AUTHMARK_POPUP','height=615, width=630, status=yes, toolbar=no, menubar=no, location=no'); document.AUTHMARK_FORM.authmarkinfo.value = key; document.AUTHMARK_FORM.action='http://mybank.ibk.co.kr/ibs/jsp/guest/esc/esc1030/esc103020/CESC302020_i.jsp'; document.AUTHMARK_FORM.target='AUTHMARK_POPUP'; document.AUTHMARK_FORM.submit();}</script><SCRIPT LANGUAGE="JavaScript"><!--function addBookMark(){bookmarkurl = "http://<?=$HTTP_HOST?>"; // 즐겨찾기에 추가할 URLbookmarktitle = "<?= $_COMPANYNAME ?>"; // 사이트명if (document.all)window.external.AddFavorite( bookmarkurl, bookmarktitle );}//--></SCRIPT> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <img src="http://thankshop3.mall.bizfree.kr/dskinimg/eunhasu1.gif" alt="" name="eunhasu" width="449" height="91" border="0" align="center" id="eunhasu" /><td height="164" background="http://thankshop3.mall.bizfree.kr/dskinimg/bgbgbg.jpg"><tr> <td width="350" height="164" align="left"></head><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><script type="text/javascript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}
function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}
function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}</script></head> </td> <td align="right"><table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="right"><A href="javascript:addBookMark()"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/top_140519.jpg" alt="" width="107" height="62" border="0" /></A></td> </tr> <tr> <td height="36" align="right"><!-- search --> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="293"> </td> <td><table border="0" cellpadding="0" cellspacing="0" align="right"> <form action="/shopuser/goods/productList.html" name="SearchForm" id="SearchForm"> <tr> <td><img src="/dskinimg/ss_01.jpg" ></td> <td background="/dskinimg/ss_bg.jpg"><input type="text" name="goodname" size="17" class="Dskinformbox" /></td> <td><input type="image" src="/dskinimg/ss_02.jpg" ></td> <!-- <TD><a href="/shopuser/goods/productList.html?kind=search"><img src="/dskinimg/search_advan.gif"></a></TD> --> <td width="60%"></td> <!-- news --> <!-- <TD style="padding-left:15px"><img src="/dskinimg/news_tit.gif" hspace="6"></TD> <TD><IFRAME width=180 HEIGHT="18" SRC="/dskinpage/notice.html" NAME="test" allowTransparency="true" scrolling=no border=0 frameborder=0 frmaespacing=0 ></IFRAME></TD> --> <!-- //news --> </tr> <input type="hidden" name="kind" value="search" /> </form> </table></td> </tr> </table> <!-- //search --> <!-- <tr> <td width="67" align="right"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/ss_01.jpg" width="67" height="36" /></td> <td align="right" background="http://thankshop3.mall.bizfree.kr/dskinimg/ss_bg.jpg"> <form name="SearchForm" action="/shopuser/goods/productList.html"> <input type="text" name="goodname" size="17" class="Dskinformbox" /></form> </td> <td width="39" align="right"> <form name="SearchForm" action="/shopuser/goods/productList.html"> <input type="image" SRC="http://thankshop3.mall.bizfree.kr/dskinimg/ss_02.jpg" ></form></td> </tr> <form name="SearchForm" action="/shopuser/goods/productList.html"> <input type="hidden" name="kind" value="search"> </form></table>--></td> </tr> <tr> <td height="66" align="right" valign="top"><table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="250"> </td> <td><table border="0" cellspacing="0" cellpadding="0" > <tr> <?if( empty($_USERID) ) {?> <td align="center" valign="absmiddle"><a href="/shopuser/join/login.html"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/top001.jpg" width="63" height="38" border="0" /></a></td> <td width="71" align="center" valign="absmiddle"><a href="/shopuser/join/join_1.html"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/top002.jpg" width="71" height="38" border="0" /></a></td> <?} else {?> <td align="right" valign="absmiddle"><a href="/shopuser/join/logOut.html"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/top001_.jpg" width="63" height="38" border="0" /></a></td> <td width="71" align="center" valign="absmiddle"><a href="/shopuser/mypage/mypage.html"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/top002_.jpg" width="71" height="38" border="0" /></a></td> <?}?> <td width="70" align="center" valign="absmiddle"><a href="/shopuser/goods/cart.html"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/top003.jpg" width="70" height="38" border="0" /></a></td> <td width="98" align="center" valign="absmiddle"><a href="/shopuser/carryInfo/orderLogin.html"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/top004.jpg" width="98" height="38" border="0" /></a></td> <td width="56" align="center" valign="absmiddle"><a href="/shopuser/help/help.html"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/top005.jpg" width="56" height="38" border="0" /></a></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr></table>
<body><body onLoad="MM_preloadImages('http://thankshop3.mall.bizfree.kr/dskinimg/eunhasu2.jpg')"></a><div align="center"><a href="http://eunhasu7080.com/shopuser/index.html"></a></div><ul class="menu cf"> <li><a href="http://eunhasu7080.com/shopuser/index.html">Home</a></li> <li> <a href="http://thankshop3.mall.bizfree.kr/shopuser/goods/productList.html?largeno=169&kind=normal">타월답례품</a> <ul class="submenu"> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=169&middleno=2&kind=normal">프렌치자수장타월</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=169&middleno=3&kind=normal">이니셜장타월</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=169&middleno=1&kind=normal">주방타월</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=169&middleno=4&kind=normal">케익타월</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=169&middleno=5&kind=normal">패브릭타월</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=169&middleno=6&kind=normal">캘리그라피타월</a></li> <li><a href="#">모달타월</a></li> <li><a href="#">무한타월</a></li> <li><a href="#">송월타월</a></li> </ul> </li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=170&kind=normal">생활용품</a> <ul class="submenu"> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=170&middleno=6&kind=normal">장우산</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=170&middleno=1&kind=normal">2단우산/3단우산</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=170&middleno=5&kind=normal">방수흡착시계</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=170&middleno=2&kind=normal">벽시계/탁상시계</a></li> <li><a href="#">네일케어세트</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=170&middleno=3&kind=normal">통장지갑</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=170&middleno=4&kind=normal">무릅담요</a> </ul></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=171&kind=normal">주방용품</a> <ul class="submenu"> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=171&middleno=1&kind=normal">유리머그</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=171&middleno=1&kind=normal">도자기머그</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=171&middleno=2&kind=normal">텀블러/보온병</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=171&middleno=3&kind=normal">나눔접시/도자기접시</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=171&middleno=5&kind=normal">이니셜티스푼/포크</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=171&middleno=6&kind=normal">글라스락/밀폐용기</a></li></ul> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=172&kind=normal">방향제/먹거리</a> <ul class="submenu"> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=172&middleno=4&kind=normal">천연비누</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=172&middleno=4&kind=normal">소이캔들</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=172&middleno=2&kind=normal">룸디퓨져</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=172&middleno=2&kind=normal">차량용디퓨져</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=172&middleno=3&kind=normal">석고방향제</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=172&middleno=3&kind=normal">왁스타블렛</a></li> <li><a href="http://eunhasu7080.com/shopuser/goods/productList.html?largeno=173&kind=normal">유자차/잡곡등먹거리</a></li></ul></ul><tr> <th width="1400" height="346" scope="col"> <table width="1400" height="340" border="0" align="absmiddle"> <tr> <th width="1400" height="346" scope="col"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://malsup.github.com/jquery.cycle2.js"></script> <img src="../../Desktop/Untitled-4.jpg" width="576" height="153"> <center> <!-- ES 임의 추가 170202 --> <!-- ES 임의 추가 끝 170202 --> </th> <th width="380" scope="col"><a href="http://thankshop3.mall.bizfree.kr/banner_image/eunhasu_katalk.gif" target="_blank" onMouseOver="MM_swapImage('Image5','','http://thankshop3.mall.bizfree.kr/dskinimg/main1.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/main1.jpg" alt="" name="Image5" border="0" align="left" id="Image5" /></a> <a href="http://thankshop3.mall.bizfree.kr/banner_image/card.jpg" target="_blank" onMouseOver="MM_swapImage('Image4','','http://thankshop3.mall.bizfree.kr/dskinimg/main2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/main2.jpg" name="Image4" border="0" align="left" id="Image4" /></a> <a href="http://thankshop3.mall.bizfree.kr/shopuser/help/help.html" target="_blank" onMouseOver="MM_swapImage('Image3','','http://thankshop3.mall.bizfree.kr/dskinimg/main3.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="http://thankshop3.mall.bizfree.kr/dskinimg/main3.jpg" name="Image3" border="0" align="left" /></a> </th> </tr> </table></th></tr></table>
</body></html></body></body></html>
|
답변 1개
2017-02-06 (월) 22:48:39
질문 내용이 아니라 작업 요구에 대한 부분은 제작의뢰(http://sir.kr/request)를 이용하시는 것이 바람직해 보입니다.
답변을 작성하려면 로그인이 필요합니다.