免费注册 查看新帖 |

Chinaunix

广告
  平台 论坛 博客 文库
› 论坛 › 程序设计 › PHP › 棘手的php排版问题
最近访问板块 发新帖
查看: 5437 | 回复: 7
打印 上一主题 下一主题

棘手的php排版问题 [复制链接]

gaojian_088

论坛徽章:
0
跳转到指定楼层
1楼 [收藏(0)] [报告]
发表于 2010-03-21 21:03 |只看该作者 |倒序浏览
把下面代码中的红色加大部分的代码去掉后就成一下图片这样，安全信息设置跑偏了，应该是和“创建您的帐号”对齐的，但是不去掉的话里面有三个form，实在没有办法传值了







<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="CSS.css" rel="stylesheet" type="text/css" />
<link href="link.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/script.js"></script>

<style type="text/css">
<!--
.STYLE2 {font-size: 12px; }

-->
</style>

</head>


<body>
<div id="containers">
<div id="top">
<div id="rim_a">
<div id="logo"><img src="img/logo.jpg" width="193" height="75" /></div>
<div id="sort">
<div id="www">饲料企业的</div>
<div id="leaguer">
<div id="title_q">欢迎登录报价</div>
<span id="violet"><span class="ad_q"><img src="img/title_g.jpg" /></span><a href="#">登录</a></span>
<span id="violet"><span class="ad_q"><img src="img/title_h.jpg" /></span><a href="#">注册</a></span>
<span class="ash_c"><a href="#">客服</a> <a href="#">合作加盟</a></span></div>
</div>
<div class="cleanup"></div>
</div>
<div id="navigation_z">
<ul id="nav_list17">
<li class="fine"  onclick="nTabsb(this,0,'wide');"><a href="#">网站首页</a></li>
<li class="fine"  onclick="nTabsb(this,1,'wide');"><a href="#">行业报价</a></li>
<li class="fine"  onclick="nTabsb(this,2,'wide');"><a href="#">行业资讯</a></li>
<li class="wide"  onclick="nTabsb(this,3,'wide');"><a href="#">养殖技术</a></li>
<li class="fine"  onclick="nTabsb(this,4,'wide');"><a href="#">项目招标</a></li>
<li class="fine"  onclick="nTabsb(this,5,'wide');"><a href="#">人才招聘</a></li>
<li class="fine"  onclick="nTabsb(this,6,'wide');"><a href="#">知识问答</a></li>
</ul>
<div class="cleanup"></div>
</div>
<div id="nav_list17_Content0"></div>
<div id="nav_list17_Content1"></div>
<div id="nav_list17_Content2"></div>
<div id="nav_list17_Content3"></div>
<div id="nav_list17_Content4"></div>
<div id="nav_list17_Content5"></div>
<div id="nav_list17_Content6"></div>
<div id="cast">
<form action="" method="get">
<div id="watch">
  <input name="textfield" type="text" id="textfield" value="请输入机构名称关键字查询" />
  <select name="select" id="select">
    <option>所在省</option>
  </select><select name="select" id="select">
    <option>——请选择——</option>
  </select></div>
  <img src="img/title_i.jpg" width="103" height="27" />
  <div class="cleanup"></div>
</form>
</div>
<div id="hotspot"><span id="red_d">热点推荐：</span>中国</div>
</div>
<div id="place">您的当前位置》首页》发布报价</div>
<div class="main">
<div id="title_a">欢迎注册</div>
<div id="title_ab">
<div class="title_l">创建您的帐号</div>
<form  action="login.php" method="post">
<p>
<label class="title_m">用户名：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="username" id="username1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">密码：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="password" id="password1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">再次输入密码：<span class="bit">*</span></label>
<label class="framm">
<input type="text" name="passwordagain" id="passwordagain1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">企业名称：<span class="bit">*</span></label>
<label class="framm">
<input type="text" name="qiyename" id="qiyename1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">联系人：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="connector" id="connector1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">联系电话：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="mobile" id="mobile1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">地址：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="address" id="address1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">QQ：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="qq" id="qq1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">企业网址：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="qiyeweb" id="qiyeweb1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">邮箱：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="email" id="email_1" />
</label>
<div class="cleanup"></div>
</p>
<div class="cleanup"></div>
</form>

<div class="title_l">安全信息设置</div>
<form action="">
<p>
<label class="title_m">密码保护问题：<span class="bit">*</span></label>
<label class="framm"><input name="pwdbaohu" type="text" id="pwdbaohu1" value="请选择密码提示问题" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">密码保护问题答案：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="pwdans" id="pwdans1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">手机号：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="telephone" id="telephone1" />
</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m"><a href="#">无</a></label>
<label class="framm"><img src="img/title_k.jpg" width="90" height="30" /><a href="#">看不清楚，换一张</a></label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m">请输入上边的字符：<span class="bit">*</span></label>
<label class="framm"><input type="text" name="textfield4" id="textfield4" />
</label>
<div class="cleanup"></div>
</p>
<div class="cleanup"></div>
</form>
<div class="title_l">服务条款</div>
<form action="">
<p>
<label class="title_m"><a href="#">无</a></label>
<label class="framm">
<input type="checkbox" name="checkbox" id="checkbox" />
我已阅读并接受“<a href="#">服务条款</a>”</label>
<div class="cleanup"></div>
</p>
<p>
<label class="title_m"><a href="#">无</a></label>
<label class="framm"><input type="image" src="img/title_t.jpg"/></label>
<div class="cleanup"></div>
</p>
<div class="cleanup"></div>
</form>
</div>
<div id="title_ac"><img src="img/background027.jpg" /></div>
<div class="cleanup"></div>
</div>
<div id="foot">
  <div id="navigationt"><a href="#">联系我们</a> | <a href="#">会员注册</a> | <a href="#">广告服务</a> | <a href="#">联系方式</a> | <a href="#">客服中心</a> | <a href="#">付款方式</a> | <a href="#">合作专区</a> | <a href="#">友情链接</a></div>
<div id="copyright">2008-2019<br />
  ICP备案    地址</div>
</div>
</div>
</body>
</html>
chenyx

论坛徽章:
381
CU十二周年纪念徽章 日期:2014-01-04 22:46:58CU大牛徽章 日期:2013-03-13 15:32:35CU大牛徽章 日期:2013-03-13 15:38:15CU大牛徽章 日期:2013-03-13 15:38:52CU大牛徽章 日期:2013-03-14 14:08:55CU大牛徽章 日期:2013-04-17 11:17:19CU大牛徽章 日期:2013-04-17 11:17:32CU大牛徽章 日期:2013-04-17 11:17:37CU大牛徽章 日期:2013-04-17 11:17:42CU大牛徽章 日期:2013-04-17 11:17:47CU大牛徽章 日期:2013-04-17 11:17:52CU大牛徽章 日期:2013-04-17 11:17:56
2楼 [报告]
发表于 2010-03-21 21:17 |只看该作者
定位不准的话,需要检查下你那个div的class里面在css文件里面是如何定义的定位信息才行
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
gaojian_088

论坛徽章:
0
3楼 [报告]
发表于 2010-03-21 21:33 |只看该作者
只要不在<form></form>中就没有问题，就是不能在其中
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
rill

论坛徽章:
0
4楼 [报告]
发表于 2010-03-21 23:50 |只看该作者
试试这个
<form action="" style="margin-bottom:0;">
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
sanders_yao

论坛徽章:
0
5楼 [报告]
发表于 2010-03-22 08:52 |只看该作者
和PHP无关 属于css和html范畴
如果你想一次将所有表单项提交 这样划分form是不对的 form标记不适合当作排版划分来使用
建议重新设计一下样式的划分form不应该带有太多的样式控制
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
gaojian_088

论坛徽章:
0
6楼 [报告]
发表于 2010-03-22 10:51 |只看该作者
模板是别人给的，前提是不能修改
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
审判

论坛徽章:
0
7楼 [报告]
发表于 2010-03-26 17:27 |只看该作者
有种东西叫js。。。只要你不闲麻烦，想咋提交就怎么提交！
这个帖子确实很PHP一点关系都么。。。
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
审判

论坛徽章:
0
8楼 [报告]
发表于 2010-03-26 17:32 |只看该作者
算了好心点给你写出来算了。
<script>
function 提交诡异的三个表单(){
   document.getElementById("第一个表单id").submit();
   document.getElementById("第二个表单id").submit();
}
</script>
<form id="第一个表单id"></form>
<form id="第二个表单id"></form>
<form id="第三个表单id">
  <input type='submit' onclick="提交诡异的三个表单()"/>
</form>

表单的submit一按，“咻”的一下，3个表单里面的数据都跑掉了。
实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP