美工设计的table是这样:给table的class加上easyui-dialog后就变成这样了1.
因为在easyui在table外面加了一些div,使得table的元素内样式 width=50% 是指宽度为div的50%,而不再是屏幕的50%了。、
问:能不能美工做的静态页面不做改动 用easyui就能变成对话框又不使样子走形2.
看class加上easyui-dialog后图片上标的红的,这是多出来的一个magin=5px,我想不要这个,是easyui自己加上去 的,我就想把table放到屏幕中央,难道要美工去学easyui在那个基础上写table?我看easyui的demo里对话框里没有实际内容啊,一般加上内容(复选框什么的)是怎么加的?不能有特殊的css?那美工做好的一个当对话框内容的table岂不是没法用?现在找到了这两个问题的原因 ,但不可能每次都找那不如叫hardui得了。但在ie里好像没问题,帖子末尾把easyui自动加上的一些div贴出来。关键部分是
<div style="margin-top: 5px;
加了div,还margin-top:5px,有没有参数设置不要加什么div的。上我的代码:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统</title>
<link rel="stylesheet" type="text/css" href="../../ui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../ui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../../ui/demo.css">
<script type="text/javascript" src="../../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../../ui/jquery.easyui.min.js"></script>
<style type="text/css">
table.table_input7 td{border:1px; border-color:#bfdbf5;border-style:solid; height:28px;padding-left:5px; letter-spacing:0.5px;}</style>
</head><body>
<div>
<table width="50%" border="0" class="table_input7 easyui-dialog" align="center" cellpadding="0" cellspacing="0" style="margin-top:5px;">
<tr>
<td >
公安
<label>
<input type="checkbox" name="checkbox" id="checkbox" value="公安">
</label>
</td>
</tr>
</table>
</div>
<br>
</body>
</html>
然后看easyui给table加上的一些蛋疼的div(用firebug看到的),加上了很多div,叫什么panel的
<div class="panel window"
style="display: block; width: auto; left: 699px; top: 243px; z-index: 9001;">
<table width="50%" cellspacing="0" cellpadding="0" border="0"
align="center" class="table_input7 easyui-dialog panel-body"
style="overflow: hidden;" title="" id="">
<div class="panel" style="width: 28px;">
<div style="margin-top: 5px; width: 28px; height: auto;" title=""
class="panel-body panel-body-noheader panel-body-noborder dialog-content"
id="">
<tbody>
<tr>
<td>
公安
<label> <input type="checkbox" value="公安" id="checkbox" name="checkbox">
</label>
</td> </tr>
</tbody>
</div>
</div>
</table>
</div>
因为在easyui在table外面加了一些div,使得table的元素内样式 width=50% 是指宽度为div的50%,而不再是屏幕的50%了。、
问:能不能美工做的静态页面不做改动 用easyui就能变成对话框又不使样子走形2.
看class加上easyui-dialog后图片上标的红的,这是多出来的一个magin=5px,我想不要这个,是easyui自己加上去 的,我就想把table放到屏幕中央,难道要美工去学easyui在那个基础上写table?我看easyui的demo里对话框里没有实际内容啊,一般加上内容(复选框什么的)是怎么加的?不能有特殊的css?那美工做好的一个当对话框内容的table岂不是没法用?现在找到了这两个问题的原因 ,但不可能每次都找那不如叫hardui得了。但在ie里好像没问题,帖子末尾把easyui自动加上的一些div贴出来。关键部分是
<div style="margin-top: 5px;
加了div,还margin-top:5px,有没有参数设置不要加什么div的。上我的代码:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统</title>
<link rel="stylesheet" type="text/css" href="../../ui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../ui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../../ui/demo.css">
<script type="text/javascript" src="../../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../../ui/jquery.easyui.min.js"></script>
<style type="text/css">
table.table_input7 td{border:1px; border-color:#bfdbf5;border-style:solid; height:28px;padding-left:5px; letter-spacing:0.5px;}</style>
</head><body>
<div>
<table width="50%" border="0" class="table_input7 easyui-dialog" align="center" cellpadding="0" cellspacing="0" style="margin-top:5px;">
<tr>
<td >
公安
<label>
<input type="checkbox" name="checkbox" id="checkbox" value="公安">
</label>
</td>
</tr>
</table>
</div>
<br>
</body>
</html>
然后看easyui给table加上的一些蛋疼的div(用firebug看到的),加上了很多div,叫什么panel的
<div class="panel window"
style="display: block; width: auto; left: 699px; top: 243px; z-index: 9001;">
<table width="50%" cellspacing="0" cellpadding="0" border="0"
align="center" class="table_input7 easyui-dialog panel-body"
style="overflow: hidden;" title="" id="">
<div class="panel" style="width: 28px;">
<div style="margin-top: 5px; width: 28px; height: auto;" title=""
class="panel-body panel-body-noheader panel-body-noborder dialog-content"
id="">
<tbody>
<tr>
<td>
公安
<label> <input type="checkbox" value="公安" id="checkbox" name="checkbox">
</label>
</td> </tr>
</tbody>
</div>
</div>
</table>
</div>
所以如果静态页面不动,那你就用js去修改这些css。