테스트 사이트 - 개발 중인 베타 버전입니다

클릭관련 답변 좀 부탁드립니다 채택완료

zkdlf 9년 전 조회 2,276

 로그아웃 마이페이지가 위에 흰박스에 들어가야하는데 왜 ㄴㅏ오게 되어있나요?

 

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;     }

 

 

    

    

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트

먼저 질문하신 내용보다는 분석할 자료가 좀 더 있군요.^^

다음과 같이 해보세요.

 

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>

 

그리고,

 
  • Mypage

  • 이 부분에서 아래처럼

    태그를 제거하세요.

    </p><p><div class="m04">
      <li><a href="../board/bbs/board.php?bo_table=mypage">Mypage</a></li>
    </div></p><p>
     

     

    다음으로,  

  • 의 닫는 태그가 이렇게만 된 곳이 몇군데 있습니다.

    기왕이면 이 부분도

  • 이렇게 수정하세요.

    로그인 후 평가할 수 있습니다

    답변에 대한 댓글 2개

    z
    zkdlf
    9년 전
    ㅋㅋ 했는데 안되요 박스가 만들어지고 이상하게 나오네요 감사합니다^^


    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;
    }
    z
    zkdlf
    9년 전
    죄송해요 제가 한거에 실수가있어서 안됐던거에요... 찾았어요 감사합니다

    댓글을 작성하려면 로그인이 필요합니다.

    z
    9년 전


     

    로그인 후 평가할 수 있습니다

    댓글을 작성하려면 로그인이 필요합니다.

    9년 전

    해당 사이트 주소를 알려주세요~

     

    html 부분도 필요할거같습니다. 

    로그인 후 평가할 수 있습니다

    답변에 대한 댓글 1개

    z
    zkdlf
    9년 전
    죄송해요 제가 한거에 실수가있어서 안됐던거에요... 찾았어요 감사합니다

    댓글을 작성하려면 로그인이 필요합니다.

    답변을 작성하려면 로그인이 필요합니다.

    로그인