免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[問題] 这个登陆框和logo怎么对齐 怎么调

01.jpg
这个登陆框和logo怎么对齐  怎么调
  1. <style type="text/css">#umenu .loginform input.txt {margin:4px 3px 3px 5px;height:17px; line-height:17px; padding:2px 4px;border-top:#848484 1px solid;border-left:#848484 1px solid;border-right:#e0e0e0 1px solid;border-bottom:#e0e0e0 1px solid; width:120px;}
  2. #umenu .checkbox {vertical-align:middle; margin:0px 0px 1px 0px;}
  3. #umenu .qqlogin {border-right:1px solid #ddd; margin-right:10px; padding-right:5px;text-align:center;margin-top:5px;}
  4. #umenu {z-index:888;}
  5. #umenu #yzbox { width:142px;position:absolute; border:1px solid #ddd; background:#fff; top:60px; right:100px; padding:5px;z-index:1000;}
  6. #umenu #questionid { margin:-1px; }
  7. #umenu .selecttype { width:140px;border:1px solid #ddd; overflow:hidden;margin:5px 0;height:auto!important;}
  8. #umenu #yzbox input.txt {width:132px;margin:0px;}
  9. #umenu .closea { color:#333; font-size:12px; float:right;display:inline-block;width:16px;}
  10. #umenu .submit {width:70px; border:#235994 1px solid;color:#fff;background:#06c;height:23px;}
  11. #umenu .zd {margin-right:7px;}
  12. #umenu .loginform label {display:inline!important;}
  13. #umenu .loginform {width:auto!important;height:auto!important;border-right:0px!important;padding:0px!important;margin:0px!important;}
  14. .lzc a {display:inline-block;border:#e6e6e6 1px solid;background:#eee;font-weight:700;margin:2px 5px 0 10px!important;height:21px;line-height:21px;padding:0px 10px;}
  15. .yzwd {width:100px;display:inline-block;}
  16. </style>
  17. <script type="text/javascript">
  18. function $(id){return document.getElementById(id);}
  19. function Sdiv(Aid) {if($(Aid) !=null){$(Aid).style.display = 'block'}}
  20. function Cdiv(Bid) {if($(Bid) !=null){$(Bid).style.display = 'none'}}
  21. </script>
  22. <div id="tb_1">
  23. <div class="qqlogin left">
  24. <p>

  25. <a rel="nofollow" href="http://zyhome.66rt.com/connect.php?mod=login&op=init&referer=register.php"><img align="absmiddle" src="images/default/qq_login.gif"></a>

  26. </p>
  27. <p class="hm xg1" style="padding-top: 2px;">

  28. 只需一步,快速开始

  29. </p>

  30. </div>
  31. <div class="fastlogin left">
  32. <form method="post" name="login" id="loginform" class="gateform"  action="/logging.php?action=login&amp;loginsubmit=yes">
  33. <input type="hidden" name="formhash" value="a45a9ada" />
  34. <input type="hidden" name="referer" value="index.php" />
  35. <div class="loginform nolabelform">
  36. <input type="hidden" name="loginfield" value="username" />
  37. <p>帐户<input type="text" name="username" autocomplete="off" size="36" class="txt" tabindex="1" value="" /><span class="zd"><input type="checkbox" class="checkbox" name="cookietime" id="cookietime" tabindex="1" value="2592000"  /> <label for="cookietime">自动登录</label></span><a href="javascript:;" onclick="display('loginform');pagescroll.right()" title="找回密码" class="fpw">找回密码</a></p>
  38. <p>密码<input type="password" id="password3" name="password"  onfocus="javascript:Sdiv('yzbox')"  size="36" class="txt" tabindex="1" /><span><button class="submit" type="submit" name="loginsubmit" value="true" tabindex="1">登录</button></span><span class="lzc"><a href="register.php" onclick="floatwin('close_login');floatwin('open_register', this.href, 600, 400, '600,0');return false;" title="注册帐号">立刻注册</a></span></p>
  39. <div id="yzbox" style="display:none;">
  40. <p class="s_clear"><span class="left yzwd">验证问答</span><a href="javascript:viod(0);" title="关闭" class="closea" onclick="javascript:Cdiv('yzbox')">X</a></p>
  41. <div class="selecttype">
  42. <select id="questionid" name="questionid">
  43. <option value="0">安全提问</option>
  44. <option value="1">母亲的名字</option>
  45. <option value="2">爷爷的名字</option>
  46. <option value="3">父亲出生的城市</option>
  47. <option value="4">您其中一位老师的名字</option>
  48. <option value="5">您个人计算机的型号</option>
  49. <option value="6">您最喜欢的餐馆名称</option>
  50. <option value="7">驾驶执照的最后四位数字</option>
  51. </select>
  52. </div>
  53. <p><input type="text" name="answer" id="answer"  autocomplete="off" size="36" class="txt" tabindex="1" /></p>
  54. </div>
  55. </div>
  56. </form></div>
  57. </div>
複製代碼
登陆框的代码是用的这个

找到登陆框的选择器,然后用相对定位

TOP

楼上正解

TOP

回復 2# leots

登陆框选择器在哪里找 怎么找

TOP

回復 4# 1218312


    你可以问一下那个的原作者的

TOP

回復 5# leots


    谢谢

TOP

你的风格怎么弄的?

TOP

Lz请注明此代码来自我的论坛
章鱼之家代码站
 
 
 
 
 

TOP

回復 5# leots


   
话说你来加盟我的论坛吧.....
章鱼之家代码站
 
 
 
 
 

TOP

回復 7# 紫依小沫


   
这个是我做得。
我的论坛
章鱼之家代码站
 
 
 
 
 

TOP

返回列表