前端笔记

注册儒通会员能为你带来

• 优质主机、域名、邮箱服务
• 全程一对一跟踪服务
• 会员积分、神秘礼包

注册帮助

• 我遇到问题如何寻求帮助？

HTML:

<div id="sidebar">

            <div class="freedom">

                <h2 class="exp">注册儒通会员能为你带来</h2> 

                <ul class="exp">

                    <li>优质主机、域名、邮箱服务</li>

                    <li>全程一对一跟踪服务</li>

                    <li>会员积分、神秘礼包</li>

                </ul>

            </div>

            

            <div class="modE">

    <h3>注册帮助

    </h3>

    <div class="modBody">

        <ul>

                    <li><a href="http://services.rutongnet.com/trax/MustRead/20100222/56571340">我遇到问题如何寻求帮助？</a></li>

        </ul>

    </div>

</div>

        </div>

CSS:

<style type="text/css">


.freedom

{


background:transparent url(http://account.rutongnet.com/img/side_freedom.jpg) no-repeat scroll 0 0;


height:203px;

}


.exp

{


display:none;

}


#content

{


margin-top:8px;

}


.modE {


background:none repeat scroll 0 0 #FEFAEF;


border:1px solid #D7D7D7;


margin-top:10px;

}


.modE h3 {


background:none repeat scroll 0 0 #FFF7D3;


border-bottom:1px solid #D7D7D7;


color:#BD5613;


font-size:14px;


height:26px;


line-height:26px;


padding-left:15px;

}


.modE .modBody {


border:0 none;


height:1%;


overflow:hidden;


padding:8px 13px;

}


.modE .modBody li {


background:url("https://www.newegg.com.cn/SSL/WebResources/2009/Default/Nest/bg/bg.gif") no-repeat scroll -10px -350px transparent;


line-height:120%;


padding:4px 0 4px 7px;

}



#sidebar {


float:left;
width:210px;


}




</style>