누가 위치좀 잡아주세요 ㅠㅠ
본문
그누보드기반 아니고 드림위버로 조금씩 소스만 갔다가
작업해서 홈피 수정하고 있습니다.
소스는 답글로 적을게요
로고위치랑 센터랑 다 안맞는데
몇일동안 머가 엉킨건지 잘못된건지 아무리 바까바도
제자리 걸음입니다.
저이상 좋아지질 않습니다.
센터위치랑 로고가 아래로 내려왔으면 좋겠는데
자꾸 머 줄같은게 막는거같아요
<!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?>"; // 즐겨찾기에 추가할 URL
bookmarktitle = "<?= $_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="2단우산/3단우산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>
답변을 작성하시기 전에 로그인 해주세요.
