能帮我把这个JS写成横向的登陆菜单吗？

document.write('<div id="user_login_position">');
        document.write('<h3>$blang[user_panel]</h3>');
        document.write('<div class="user_info">');
        document.write('<dl>');
        document.write('<dt><a href="$siteurl/space.php?uid=$uid"><img src="$ucurl" alt=""></a></dt>');
        document.write('<dd>');
        document.write('$blang[welcome], <a href="$siteurl/space.php?uid=$uid">$_SGLOBAL[supe_username]</a> [<a href="$siteurl/batch.login.php?action=logout">$blang[safe_logout]</a>]<br />');
        document.write('<a class="tx_blue" href="$siteurl/space.php?uid=$uid">$blang[my_space]</a>');
        document.write('</dd>');
        document.write('</dl>');
    document.write('<div class="user_op">');
        $showposturl
        document.write(' <span><a href="$siteurl/batch.search.php">$blang[search]</a>');
        document.write('$bbshtml');
        document.write('$uchhtml');
        document.write(' | <a href="$siteurl/admincp.php" target="_blank">$blang[management]</a> </span></div>');
        document.write('</div>$divhtml</div>');
END;
} else {

        $formhash = formhash();
        print <<<END
        var noseccode = $_SCONFIG[noseccode];
        document.write('<div id="user_login_position">');
        document.write('<div id="login_authcode_img" style="display:none"><img src="$siteurl/do.php?action=seccode" alt="$lang[verification_code]" id="img_seccode" /></div>');
        document.write('<form id="login_box" action="$siteurl/batch.login.php?action=login" method="post">');
        document.write('<input type="hidden" name="formhash" value="$formhash" />');
        document.write('<fieldset>');
        document.write('<label>$blang[username]:</label> <input type="text"  name="username" class="input_tx" size="23" onfocus="addseccode();" />');
        document.write('<label>$blang[password]:</label> <input type="password" name="password" class="input_tx" size="23" onfocus="addseccode();" />');
        document.write('<span id="login_authcode_input" style="display:none clear:both;"><label>$lang[verification_code]:</label> <input type="text" class="input_tx" name="seccode" size="10" onfocus="showseccode()"; /> <a href="javascript:updateseccode();">$lang[changge_verification_code]</a></span>');
        document.write('<div id="login_showclose" style="display:inline"><a href="javascript:hidesec();">&nbsp;</a></div>');
        document.write('<div class="clearfix">');
        document.write('<input id="cookietime" type="checkbox" value="315360000" name="cookietime" class="input_remember"/>');
        document.write('<label class="label_remember" for="cookietime">$blang[i_remember]</label>');
        document.write('<input type="submit" name="loginsubmit" class="input_sub" value="$blang[login]" />');
        document.write('</div>');
        document.write('<p class="login_ext"><a href="$siteurl/do.php?action=register">$blang[registration]</a> | <a href="$siteurl/do.php?action=lostpasswd">$blang[find_passwords]</a></p>');
        document.write('</fieldset></form></div>');


这个代码是：batch.panel.php内的登陆框的JS代码。我都改了2天了。都还没弄成横向的。。
把我都弄郁闷了！！
还请高手帮下忙。其中要改CSS。请把commom.css代码也贴上来吧。谢谢了！！

如果只是需要把这些改成横向排列，batch.panel.php文件不需要修改，只需要修改CSS。
HTML是控制网页内容，CSS是控制内容的显示（包括排列、字号、颜色、背景等等）。DIV+CSS的内容与样式分离思路就这样的。
这个还是你自己学习CSS修改吧，花两三个月时间学学CSS。

https://discuz.dismall.com/viewth ... ;page=2#pid11009412

在IE下一切正常