로그아웃 버튼의 위치가 이상해집니다 ㅠㅠ
본문
원래 home 버튼 옆에 login글자가 가도록 해놨는데 로그인을 하면 저렇게 logout글자가 제목 옆에 숨어 버리네요 ㅠ ㅠ 어떻게 해야 되나요?
<div id="wrap">
<header class="header">
<section class="info_section">
<div class="header_info">
<div class="header_info_inje"></div>
<a class="inje" href="#"></br>제목</a>
<div class="header_info_home"></div>
<a class="home" href="#"></br>HOME</a>
<div class="header_info_login"></div>
<? if (!$member[mb_id]) { ?>
<a class="login" href="#"></br>LOGIN</a>
<?}else{?>
<a class="logout" href="#"></br>LOGOUT</a>
<?}?>
</div>
답변 3
일단 LOGIN 이 정상적으로 나온다는 전재하에 LOGOUT 이 문제라면 해당 클래스가 CSS에 없는 것같습니다.
<a class="login" href="#"></br>LOGIN</a>
<a class="logout" href="#"></br>LOGOUT</a>
로그아웃의 클래스를 login 으로 수정해서 확인해 보세요.
잘 나온다면 logout 클래스가 css 에 지정이 안되어 있는 겁니다.
ex) .login {내용들} == > .login , .logout {내용들}
제가 멍청했네요....이런 실수를...감사합니다
css 나 사이트를 알려주세요 ~
로그인 후 다른 선택자의 영향을 받는 듯 하네요.
일단, 선택자명을 고유하게 만들어 다른 선택자의 영향을 안 받게 수정하시고,
문제해결에 도움될만한 좌표 참고해 위치 조정해 보세요.
https://homzzang.com/b/css-251 선택자 찾기
https://homzzang.com/b/css-5 id와 class 선택자 성격 이해하기
https://homzzang.com/b/css-105 float:right
https://homzzang.com/b/css-108 position:relative; right:0 (부모 요소에 position:relative 줘야 작동)
https://homzzang.com/b/css-113 z-index:9999;
