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

css 메뉴 정렬법? 채택완료

길가던분 7년 전 조회 3,409

로그인 쪽 텍스트가 위에 menu0에 번역 기능 부분과 같은 줄에 있어야하는대 밑으로 내려와있는대

음 뭐가 문제일까요?

주소 smiletour.tk 입니다.

 

 

 

</p>

<p>     <div id="menu0">

     <div id="google_translate_element" style="visibility: hidden; position: absolute; top: 0px;"></div> 

<div class="translation-icons"> 

    <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 id="login">

  <?php if ($is_member) { ?></p>

<p>            <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 } ?></p>

<p>     </div>

     </div></p>

<p>

 

css

</p>

<p>#menu0{height:auto;}

#menu1{height:40px;}

#login{width:300px; height:auto;float:right; position:relative;}

#login li {width:80px;    float: left; list-style:none;}

#login a {text-decoration: none;}

 

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

답변 2개

채택된 답변
+20 포인트

menu0 부분을 밑에 소스로 변경하세요.

</p>

<p><div id="menu0">

     <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="<a href="https://www.google.com/images/cleardot.gif"" target="_blank" rel="noopener noreferrer">https://www.google.com/images/cleardot.gif"</a> class="goog-te-gadget-icon" alt="" style="background-image: url("<a href="https://translate.googleapis.com/translate_static/img/te_ctrl3.gif");" target="_blank" rel="noopener noreferrer">https://translate.googleapis.com/translate_static/img/te_ctrl3.gif");</a> 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="<a href="https://www.google.com/images/cleardot.gif"" target="_blank" rel="noopener noreferrer">https://www.google.com/images/cleardot.gif"</a> alt="" width="1" height="1"><span style="border-left: 1px solid rgb(187, 187, 187);">​</span><img src="<a href="https://www.google.com/images/cleardot.gif"" target="_blank" rel="noopener noreferrer">https://www.google.com/images/cleardot.gif"</a> alt="" width="1" height="1"><span aria-hidden="true" style="color: rgb(118, 118, 118);">▼</span></a></span>

            </div>

        </div>

    </div>

    <!-- 회원가입/로그인 -->

    <div id="login" style="padding-top:10px">

        <li><a id="hover" href="<a href="http://smiletour.tk/bbs/register.php"><i" target="_blank" rel="noopener noreferrer">http://smiletour.tk/bbs/register.php"><i</a> class="fa fa-pencil-square-o" aria-hidden="true"></i> 회원가입</a></li>

        <li><a id="hover" href="<a href="http://smiletour.tk/bbs/login.php?url=http://smiletour.tk/"><b><i" target="_blank" rel="noopener noreferrer">http://smiletour.tk/bbs/login.php?url=http://smiletour.tk/"><b><i</a> class="fa fa-sign-in" aria-hidden="true"></i> 로그인</b></a></li>            

    </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></p>

<p>

 

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

답변에 대한 댓글 1개

길가던분
7년 전
감사합니다. 정말 잘됩니다.

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

7년 전

언어 선택쪽 css에서 display:inline; 하시고 margin값 주시면 될 것 같아요.

 

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

답변에 대한 댓글 1개

길가던분
7년 전
감사합니다.

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

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

로그인