박스 클릭 할려면
본문
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 속성도 주고...
header li a{
display: block;
Margin:0 ;
}
<li><a type="button" value="Login" onclick="location.href='./board/bbs/login.php';"></a></li>
이렇게 했는데 login 글자도 안뜨고 버튼 클릭도 안되는데요...^^;;;
<li><a href="./board/bbs/login.php">로그인</a></li>
새창으로 열려면,
<li><a href="./board/bbs/login.php" target="_blank">로그인</a></li>
^^;;안되요 박스가 있으면 박스에서 벗어나서 로그인이 나와요 박스도 클릭안되고요
감사합니다
현재 문제 상황인 페이지를 봐야 정확한 답변이 가능할 것 같네요.
제가 답변 드린 내용은 일반적으로 하는 방식을 적어드린 거라....
ipnut 말고 button 을 사용해보시죠
<li><button onclick="location.href='./board/bbs/login.php';">Login</button</li>
설마.... header 를 박스라고 말씀하시고 계신건....?
div가 박스이긴하나 li로 감싸서 button으로 하면 될줄알았는데.. 안되네요..
위에 되로 해도 똑같네요
결론은 <li> 를 클릭하게 해달란거 인거 같은데 ....
<li onnclick="location.href='./board/bbs/login.php';">Login</li>
^^감사합니다 해봤는데 li로 감싼 부분은 반응을 안하고 역시 login이라고 된 글을 누르니 반응을 하네요
당연히 위 구조에서는 버튼 클릭시 링크가 되는거죠.
만약 헤더 전체부분을 클릭하시고 싶으시면
헤더 상위에 <a href="링크><헤더부분></헤더부분></a>
이렇게 a태그로 감싸세요.
<a href="./board/bbs/login.php>다음에<헤더부분></헤더부분>이라는게 이해가 안되요... 설명좀 부탁릴께요 ㅠ.ㅠ
<head>
<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>
로그인 관련은 이게 다에요
그냥 css 말고 전체소스를 올려줘봐요..
