热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

搞不懂了,难道又是BOM头?_html/css_WEBITnose

htmlcssutf8仔细看一下不难发现,登录名和密码输入栏不一边长,为啥?下拉菜单前面为啥有空格?(附代码)


html css utf8

仔细看一下不难发现,登录名和密码输入栏不一边长,为啥?下拉菜单前面为啥有空格?(附代码)

搞不懂了,难道又是BOM头?_html/css_WEB-ITnose - 文章图片
用户管理
搞不懂了,难道又是BOM头?_html/css_WEB-ITnose - 文章图片


@charset "utf8";.login_top_bg { background-image: url(../images/login-top-bg.gif); background-repeat: repeat-x;}.body { background-color: #EEF2FB; left: 0px; top: 0px; right: 0px; bottom: 0px;}.login-buttom-bg { background-image: url(../images/login-buttom-bg.gif); background-repeat: repeat-x;}.login-buttom-txt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ABCAD3; text-decoration: none; line-height: 20px;}.login_txt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; color: #333333;}.Submit { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #629DAE; text-decoration: none; background-image: url(../images/Submit_bg.gif); background-repeat: repeat-x;}.login_bg { background-image: url(../images/login_bg.jpg); background-repeat: repeat-x;}.login_bg2 { background-image: url(../images/login-content-bg.gif); background-repeat: no-repeat; background-position: right;}.admin_txt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; height: 38px; width: 100%; line-height: 38px;}.login_txt_bt { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; color: #666666; font-weight: bold;}.admin_topbg { background-image: url(../images/top-right.gif); background-repeat: repeat-x;}.txt_bt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; font-weight: bold; color: #000000; text-decoration: none;}.left_topbg { background-image: url(../images/content-bg.gif); background-repeat: repeat-x;}.admin_toptxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4A8091; height: 18px; width: 100%; overflow: hidden; position: fixed;}.left_bt { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #395a7b;}.left_bt2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; font-weight: bold; color: #333333;}.titlebt { font-size: 12px; line-height: 26px; font-weight: bold; color: #000000; background-image: url(../images/top_bt.jpg); background-repeat: no-repeat; display: block; text-indent: 15px; padding-top: 5px;}.left_txt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; color: #666666;}.left_txt2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; color: #000000;}.view_title { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 25px; color: #666666; text-align: center;}.view_list { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 25px; color: #000000; text-align: center;}.view_page { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 25px; color: #191964; text-align: center;}.view_checkbox { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 25px; color: #000000; text-align: left;}.nowtable { background-color: #e1e5ee; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-top-color: #bfc4ca; border-right-color: #bfc4ca; border-bottom-color: #bfc4ca; border-left-color: #bfc4ca;}.left_txt3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; color: #003366; text-decoration: none;}.left_ts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; font-weight: bold; color: #FF6600;}.line_table { border: 1px solid #CCCCCC;}.sec1 { CURSOR: hand; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; border: 1px solid #B5D0D9; background-image: url(../images/right_smbg.jpg); background-repeat: repeat-x;}.sec2 { FONT-WEIGHT: bold; CURSOR: hand; COLOR: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; background-color: #e2e7ed; border: 1px solid #e2e7ed;}.main_tab { COLOR: #000000; BACKGROUND-COLOR: #e2e7ed; border: 1px solid #e2e7ed;}.MM a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 26px; color: #666666; background-image: url(../images/menu_bg.gif); background-repeat: no-repeat; list-style-type: none; list-style-image: none;}a:link { font-size: 12px; line-height: 25px; color: #333333; text-decoration: none;}a:hover { font-size: 12px; line-height: 25px; color: #666666; text-decoration: none;}a:visited { font-size: 12px; line-height: 25px; color: #333333; text-decoration: none;}.MM a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 26px; color: #666666; background-image: url(../images/menu_bg.gif); background-repeat: no-repeat; list-style-type: none; list-style-image: none;}

回复讨论(解决方案)

是不是在chrome下才这样,测试了下,在IE9和FF下没有这种情况,在chrome下会发生这样的情形了,应该是chrome浏览器为type=password,自动加载了个样式:
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
padding: 1px 0px;
}

而如果不是password,自动加载了另一个样式:
input, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
。。。。。。。
}
这样就长短出来了。

是不是在chrome下才这样,测试了下,在IE9和FF下没有这种情况,在chrome下会发生这样的情形了,应该是chrome浏览器为type=password,自动加载了个样式:
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
padding: 1px 0px;
}

而如果不是password,自动加载了另一个样式:
input, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
。。。。。。。
}
这样就长短出来了。

我用的IE6和chrome测试的。。。


是不是在chrome下才这样,测试了下,在IE9和FF下没有这种情况,在chrome下会发生这样的情形了,应该是chrome浏览器为type=password,自动加载了个样式:
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
padding: 1px 0px;
}

而如果不是password,自动加载了另一个样式:
input, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
。。。。。。。
}
这样就长短出来了。

我用的IE6和chrome测试的。。。
为“” 加个样式:padding: 1px;就好了,至少chrome下能好,IE6没办法,我这边模拟不了。

为“” 加个样式:padding: 1px;就好了,至少chrome下能好,IE6没办法,我这边模拟不了。
不行,加了两边都会不齐,而且主要问题是那个下拉框,那个空了太多。

这样加:
1.那个input加个class “
2.在css文件中加:
.in-password {
padding: 1px;
}
在chrome中测试成功。这个是解决长短不一的。
3.你那个下拉框把html代码贴出来,你贴出来的是引入了个PHP文件。

这样加:
1.那个input加个class “
2.在css文件中加:
.in-password {
padding: 1px;
}
在chrome中测试成功。这个是解决长短不一的。
3.你那个下拉框把html代码贴出来,你贴出来的是引入了个PHP文件。

我是这样加的啊,也是chrome。。。效果就是相对于上面的框移到了中间位置,结果两边都多出来一点点

RolePri($_SESSION["ss_user_id"]); //循环将用户角色写入下拉框选项中 echo ""?>

SqlString="select * from user"; $db->SqlString=$db->SqlString." where UserId=$pUserId "; $db->Query(); $this->mRoleArray=$db->mResultArray; $this->pRoleId= $this->mRoleArray[0]->RoleId; $db->__destruct();}function RolePri($pUserId){ require("sys_conf.inc"); require_once("DataBase.php"); $db=new DataBase($DBHOST,$DBUSER,$DBPWD,$DBNAME); $this->GetRoleIdFromUserId($pUserId); //获取基本信息 $db->SqlString="select * from role where RoleId <$this->pRoleId"; $db->Query(); $this->mInforArray=$db->mResultArray; $db->__destruct(); }}?>


这样加:
1.那个input加个class “
2.在css文件中加:
.in-password {
padding: 1px;
}
在chrome中测试成功。这个是解决长短不一的。
3.你那个下拉框把html代码贴出来,你贴出来的是引入了个PHP文件。

我是这样加的啊,也是chrome。。。效果就是相对于上面的框移到了中间位置,结果两边都多出来一点点

RolePri($_SESSION["ss_user_id"]); //循环将用户角色写入下拉框选项中 echo ""?>

SqlString="select * from user"; $db->SqlString=$db->SqlString." where UserId=$pUserId "; $db->Query(); $this->mRoleArray=$db->mResultArray; $this->pRoleId= $this->mRoleArray[0]->RoleId; $db->__destruct();}function RolePri($pUserId){ require("sys_conf.inc"); require_once("DataBase.php"); $db=new DataBase($DBHOST,$DBUSER,$DBPWD,$DBNAME); $this->GetRoleIdFromUserId($pUserId); //获取基本信息 $db->SqlString="select * from role where RoleId <$this->pRoleId"; $db->Query(); $this->mInforArray=$db->mResultArray; $db->__destruct(); }}?>
PHP代码我看不懂的。。。。。。。你把这些代码生成后的html代码贴出来就行了。

密码框和文本框的默认宽度是不一样的 你要设置一个指定的宽度

select一样设置一个宽度比较好




大概就是这样子

兄弟别怪我吐槽。。。 看到table用来布局 我就。。。。

密码框和文本框的默认宽度是不一样的 你要设置一个指定的宽度

select一样设置一个宽度比较好

嗯呢,文本框密码框改过来了,但是select好像不行,这个是位置不对,大小无所谓。

兄弟别怪我吐槽。。。 看到table用来布局 我就。。。。

怎么啦 我不太懂,我都是网上找的直接下来用。

觉得是样式问题呢

觉得是样式问题呢

我已经解决了,把select写在php外面就好了。

我已经解决了,把select写在php外面就好了。
Good job


推荐阅读
  • 使用圣杯布局模式实现网站首页的内容布局
    本文介绍了使用圣杯布局模式实现网站首页的内容布局的方法,包括HTML部分代码和实例。同时还提供了公司新闻、最新产品、关于我们、联系我们等页面的布局示例。商品展示区包括了车里子和农家生态土鸡蛋等产品的价格信息。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文介绍了绕过WAF的XSS检测机制的方法,包括确定payload结构、测试和混淆。同时提出了一种构建XSS payload的方法,该payload与安全机制使用的正则表达式不匹配。通过清理用户输入、转义输出、使用文档对象模型(DOM)接收器和源、实施适当的跨域资源共享(CORS)策略和其他安全策略,可以有效阻止XSS漏洞。但是,WAF或自定义过滤器仍然被广泛使用来增加安全性。本文的方法可以绕过这种安全机制,构建与正则表达式不匹配的XSS payload。 ... [详细]
  • 本文分享了一个关于在C#中使用异步代码的问题,作者在控制台中运行时代码正常工作,但在Windows窗体中却无法正常工作。作者尝试搜索局域网上的主机,但在窗体中计数器没有减少。文章提供了相关的代码和解决思路。 ... [详细]
  • 本文介绍了如何使用php限制数据库插入的条数并显示每次插入数据库之间的数据数目,以及避免重复提交的方法。同时还介绍了如何限制某一个数据库用户的并发连接数,以及设置数据库的连接数和连接超时时间的方法。最后提供了一些关于浏览器在线用户数和数据库连接数量比例的参考值。 ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • 前景:当UI一个查询条件为多项选择,或录入多个条件的时候,比如查询所有名称里面包含以下动态条件,需要模糊查询里面每一项时比如是这样一个数组条件:newstring[]{兴业银行, ... [详细]
  • Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]
  • Iamtryingtomakeaclassthatwillreadatextfileofnamesintoanarray,thenreturnthatarra ... [详细]
  • Nginx使用(server参数配置)
    本文介绍了Nginx的使用,重点讲解了server参数配置,包括端口号、主机名、根目录等内容。同时,还介绍了Nginx的反向代理功能。 ... [详细]
  • 本文介绍了C++中省略号类型和参数个数不确定函数参数的使用方法,并提供了一个范例。通过宏定义的方式,可以方便地处理不定参数的情况。文章中给出了具体的代码实现,并对代码进行了解释和说明。这对于需要处理不定参数的情况的程序员来说,是一个很有用的参考资料。 ... [详细]
  • 如何基于ggplot2构建相关系数矩阵热图以及一个友情故事
    本文介绍了如何在rstudio中安装ggplot2,并使用ggplot2构建相关系数矩阵热图。同时,通过一个友情故事,讲述了真爱难觅的故事背后的数据量化和皮尔逊相关系数的概念。故事中的小伙伴们在本科时参加各种考试,其中有些沉迷网络游戏,有些热爱体育,通过他们的故事,展示了不同兴趣和特长对学习和成绩的影响。 ... [详细]
  • JavaSE笔试题-接口、抽象类、多态等问题解答
    本文解答了JavaSE笔试题中关于接口、抽象类、多态等问题。包括Math类的取整数方法、接口是否可继承、抽象类是否可实现接口、抽象类是否可继承具体类、抽象类中是否可以有静态main方法等问题。同时介绍了面向对象的特征,以及Java中实现多态的机制。 ... [详细]
  • 先看官方文档TheJavaTutorialshavebeenwrittenforJDK8.Examplesandpracticesdescribedinthispagedontta ... [详细]
author-avatar
潮流Fee_750
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有