메뉴 미디어쿼리 정렬법?

메뉴 미디어쿼리 정렬법?

QA

메뉴 미디어쿼리 정렬법?

본문

600px 이하 해상도면 

google_translate_element(번역버튼) 밑으로

loginm(로그인버튼)이 내려가면서

두게의 div 모두 margin 0 auto; 속성을 적용해 가운대 정렬을 하게 만드려고하는대

loginm을 display로 안보이게 처리하고

loginm을 복붙해서 다른이름으로 만들고 css에서 속성을 줄까 했는대 너무 소스가 많아지는것 같은대

 

더 좋은 방법이 있을까요?

 

주소 smiletour.tk

 

2049206489_1526746514.0478.png

 

 



    <div id="menu0m">
     <div id="google_translate_element" style="visibility: hidden; position: absolute; top: 0px;">
         <div class="skiptranslate goog-te-gadget" dir="ltr" style="">
            <div id=":0.targetLanguage" class="goog-te-gadget-simple" style="white-space: nowrap;">
                <img src="https://www.google.com/images/cleardot.gif" class="goog-te-gadget-icon" alt="" style="background-image: url("https://translate.googleapis.com/translate_static/img/te_ctrl3.gif"); background-position: -65px 0px;"><span style="vertical-align: middle;"><a aria-haspopup="true" class="goog-te-menu-value" href="javascript:void(0)"><span>언어 선택</span><img src="https://www.google.com/images/cleardot.gif" alt="" width="1" height="1"><span style="border-left: 1px solid rgb(187, 187, 187);">​</span><img src="https://www.google.com/images/cleardot.gif" alt="" width="1" height="1"><span aria-hidden="true" style="color: rgb(118, 118, 118);">▼</span></a></span>
            </div>
        </div>
    </div>
    <!-- 회원가입/로그인 -->
<div id="loginm">
  <?php if ($is_member) { ?>
            <li><a id="hover" href="<?php echo G5_BBS_URL; ?>/member_confirm.php?url=register_form.php"><i class="fa fa-user" aria-hidden="true"></i> 정보수정</a></li>
            <li><a id="hover" href="<?php echo G5_BBS_URL; ?>/logout.php?url=shop"><i class="fa fa-sign-out" aria-hidden="true"></i> 로그아웃</a></li>
            <?php if ($is_admin) {  ?>
            <li class="tnb_admin"><a id="hover" href="<?php echo G5_ADMIN_URL; ?>/shop_admin/"><b><i class="fa fa-wrench" aria-hidden="true"></i> 관리자</b></a></li>
            <?php }  ?>
            <?php } else { ?>
            <li><a id="hover" href="<?php echo G5_BBS_URL; ?>/register.php"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 회원가입</a></li>
            <li><a id="hover" href="<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>"><b><i class="fa fa-sign-in" aria-hidden="true"></i> 로그인</b></a></li>
            <?php } ?>
     </div>
    <div class="translation-icons" style="visibility: visible;"> 
        <a href="#" class="ko" data-placement="0">Korean</a> 
        <a href="#" class="us" data-placement="1">English</a> 
        <a href="#" class="jp" data-placement="2">Japanese</a>
        <a href="#" class="cn" data-placement="3">Chinese</a>  
    </div> 
<!--구글 웹사이트 번역 플러그인 [e] --> 
</div>

 

css는 홈페이지 참조

 

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
전체 54
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT