박스 클릭 할려면 채택완료
header ul {
width:100%;
font-family: sans-serif;
font-size: 14px;
line-height: 24px;
padding: 8px 13px 7px;
color: #4d5256;
text-decoration:none;
transition: color 0.7s;
border-bottom: 1px solid gray;
padding: 0px 0;
}
header li {
float:left;
width: 100%;
height: 30px;
border:1px solid silver;
box-sizing:border-box;
background-color:white;
display: inline;
text-transform: uppercase;
font-size: 13px;
padding: 0 10px;
letter-spacing: 4px;
}
<li><input type="button" value="Login" onclick="location.href='./board/bbs/login.php';"></li>
이렇게 했는데.. header로width100%주고 박스를 만들었는데 박스는 클릭이 안되고
글자를 눌러야 로그인페이지로 넘어가더라고요 박스만 눌러도 반응할려면 어떻게해야하나요?^^;;
답변 4개
input 태그를 a 태그로 바꾸고, a 태그에 displya;block 속성 줘보세요. margin:0 속성도 주고...
답변에 대한 댓글 4개
새창으로 열려면,
<li><a href="./board/bbs/login.php" target="_blank">로그인</a></li>
감사합니다
제가 답변 드린 내용은 일반적으로 하는 방식을 적어드린 거라....
댓글을 작성하려면 로그인이 필요합니다.
당연히 위 구조에서는 버튼 클릭시 링크가 되는거죠.
만약 헤더 전체부분을 클릭하시고 싶으시면
헤더 상위에 <a href="링크><헤더부분></헤더부분></a>
이렇게 a태그로 감싸세요.
답변에 대한 댓글 3개
<title>main manu</title>
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0, width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="../css/ninja-slider.css" rel="stylesheet" type="text/css" />
<script src="../JS/ninja-slider.js" type="text/javascript"></script>
<style type="text/css">
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
dl,ul,ol,menu,li {list-style:none}
input,select,textarea,button {vertical-align:middle; background:none; border:none;font-family:inherit; color:inherit; font-size:inherit;}
img{vertical-align:top; border:0; max-width:100%}
table{border-collapse:collapse; table-layout: fixed;} address{font-style:normal}
a,a:hover{text-decoration:none;}
body{color:#333; font-size:12px; font-family:"NanumGothic",dotum,sans-serif; background:#fff}
body {background:#191919;}
{font: normal 0.9em Arial;margin:0;}
a {color:#1155CC;}
ul li {padding: 10px 0;}
header { display:inline;padding:10px 0 10px;background-color:#191919;text-align:right;}
header ul {
font-family: sans-serif;
font-size: 14px;
line-height: 24px;
padding: 8px 13px 7px;
color: #4d5256;
text-decoration:none;
transition: color 0.7s;
border-bottom: 1px solid gray;
padding: 0px 0;
}
header li {
display: inline;
text-transform: uppercase;
font-size: 13px;
padding: 0 10px;
letter-spacing: 4px;
}
header li p{
width: 50%;
height: 30px;
border:1px solid silver;
box-sizing:border-box;
background-color:white;
text-transform: uppercase;
font-size: 13px;
padding: 0 10px;
letter-spacing: 4px;
}
<body>
<header>
<ul>
<? if(!$member['mb_id']){?>
<div class="m02">
<li><input type="button" value="Login" onclick="location.href='./board/bbs/login.php';"></li>
</div>
<?}else{?>
<li><p><a href="/board/bbs/logout.php">Logout</a></p></i>
<? if(strstr($member['mb_id'],'admin')){?>
<li><p><a href="/board/adm/">admin</a></p></li>
<?}else{?>
<li><p><a href="http://timeplace.co.kr/board/bbs/board.php?bo_table=mypage">Mypage</a></p></i>
<?}?>
<?}?>
</ul>
</header>
댓글을 작성하려면 로그인이 필요합니다.
ipnut 말고 button 을 사용해보시죠
</span> </p><p><span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"><li><button onclick="location.href='./board/bbs/login.php';">Login</button</li> </span> </p><p>
답변에 대한 댓글 4개
위에 되로 해도 똑같네요
[code]
<li onnclick="location.href='./board/bbs/login.php';">Login</li>
[/code]
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
display: block;
Margin:0 ;
}
<li><a type="button" value="Login" onclick="location.href='./board/bbs/login.php';"></a></li>
이렇게 했는데 login 글자도 안뜨고 버튼 클릭도 안되는데요...^^;;;