클릭관련 답변 좀 부탁드립니다 채택완료
로그아웃 마이페이지가 위에 흰박스에 들어가야하는데 왜 ㄴㅏ오게 되어있나요?
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; }
.m02 { float:left; width: 100%; height: 30px; border:1px solid silver; box-sizing:border-box; background-color:white; text-align:center; } .m02 a{display:inline-block; width: 100%; height: 30px; } .m03 { float:left; width: 50%; height: 30px; border:1px solid silver; box-sizing:border-box; background-color:white; text-align:center; } .m03 a{ display:inline-block; width: 50%; height: 30px; } .m04 { float:right; width: 50%; height: 30px; border:1px solid silver; box-sizing:border-box; background-color:white; text-align:center; } .m04 a{ display:inline-block; width: 50%; height: 30px; }
http://timeplace.co.kr/board/bbs/board.php?bo_table=mypage">Mypage
../board/bbs/board.php?bo_table=mypage">Mypage>
답변 3개
먼저 질문하신 내용보다는 분석할 자료가 좀 더 있군요.^^
다음과 같이 해보세요.
CSS 의 header ul { 내용생략 } 다음에 아래의 내용을 추가하세요.
</p><p>header ul { </p><p> ~ 내용생략 ~</p><p>}</p><p> </p><p>header ul:after{content:""; display:block; clear:both;} /* 이부분 추가 */</p><p>
그리고,
이 부분에서 아래처럼
태그를 제거하세요.
</p><p><div class="m04">
<li><a href="../board/bbs/board.php?bo_table=mypage">Mypage</a></li>
</div></p><p>
다음으로,
기왕이면 이 부분도
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
header ul {
}
header ul:after{content:""; display:block; clear:both;}
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;
}