LNB

wips2012135님

지원 브라우저 : (7~10)

CSS Code

.float_l{float:left;}

.float_r{float:right;}

.top_nav{position:absolute; right:20px; margin-top:5px; z-index:0;}

.top_nav .logininfo{float:left; font-size:11px; color:#666;}

.top_nav .logininfo .text_login{float:left; padding:2px 5px 0 0; text-align:right; width:215px;

word-wrap: break-word; /* IE */

word-break:break-all;

white-space: pre-wrap; /* css-3 */

white-space: -moz-pre-wrap; /* Mozilla, since 1999 */

white-space: -pre-wrap; /* Opera 4-6 */

white-space: -o-pre-wrap; /* Opera 7 */

}

.top_nav .logininfo .btn_logout{float:right;}

.top_nav .btn_navbox{float:left; color:#666; margin-left:10px;}

.top_nav .btn_navbox li{float:left; font-size:11px; padding:2px 7px 0 7px; background:url('../image/temp/line_type.gif') no-repeat right;}

.top_nav .btn_navbox li.none{float:left; font-size:11px; padding:2px 0 0 7px; background:none;}

.top_nav .btn_navbox a {color:#666 !important; text-decoration:none;}

.top_nav .btn_navbox a:link {color:#666 !important; text-decoration:none;}

HTML Code

<div class="top_nav">

<div class="float_r">

<div class="logininfo">

<span class="text_login">wips2012135님</span>

<span class="float_l"><a href="#"><img src="../image/temp/btn_gnb_logout.gif" alt="로그아웃"/></a></span>

</div>

<div class="btn_navbox">

<ul>

<li><a href="#">검색</a></li>

<li><a href="#">마이폴더</a></li>

<li><a href="#">SDI</a></li>

<li><a href="#">마이페이지</a></li>

<li class="none"><a href="#">고객센터</a></li>

</ul>

</div>

Image