相同的 div 代码但无法正常工作答案

【问题标题】：same div codes but does not work correctly相同的 div 代码但无法正常工作
【发布时间】：2013-07-19 21:07:25
【问题描述】：

我正在编辑THIS PAGE

如果您看一下，您会发现我遇到的问题。

后 2 个链接与前 3 个链接不匹配。

代码如下：

 <?PHP 
include_once('include/connection.php'); 
include_once('include/article.php');

$category = new category;
$articles = $category->fetch_all();


?>

<!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>
<title>Xclo.mobi</title>

<link type="text/css" rel="stylesheet" href="other.css" />
<link rel="apple-touch-icon" href="homescreen.png" />
<link href="startup.png" rel="apple-touch-startup-image" />


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-34172259-1']);
  _gaq.push(['_setDomainName', 'xclo.co.uk']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</head>
<body>

<?php include_once('header.php'); ?>


<div id="content">
<ul class="pageitem">
<li class="button"><input name="Submit" value="Food" onclick="window.location='food.html' " type="submit" /></li></ul>
<ul class="pageitem">
<li class="button"><input name="Submit" value="Make A Change" onclick="window.location='change.html' " type="submit" /></li></ul>
<ul class="pageitem">
<li class="button"><input name="Submit" value="Finance" onclick="window.location='insurance.html' " type="submit" /></li></ul>

<?php foreach ($articles as $article) { ?>

<ul class="pageitem"><li class="button">    
<a href="list.php?id=<?php echo $article['promo_cat']; ?>">
<input type="submit" name="Submit" value="<?php echo $article['promo_cat']; ?>" style="text-decoration: none;"/>
</li></ul>
          </a> <?php } ?>

</div>
<br><center>
<SCRIPT charset="utf-8" type="text/javascript" src="http://ws-eu.amazon-adsystem.com/widgets/q?rt=tf_sw&ServiceVersion=20070822&MarketPlace=GB&ID=V20070822%2FGB%2Fxclo-21%2F8002%2Fc2cd2f40-ca29-49bc-add9-6cf16307e855"> </SCRIPT> <NOSCRIPT><A HREF="http://ws-eu.amazon-adsystem.com/widgets/q?rt=tf_sw&ServiceVersion=20070822&MarketPlace=GB&ID=V20070822%2FGB%2Fxclo-21%2F8002%2Fc2cd2f40-ca29-49bc-add9-6cf16307e855&Operation=NoScript">Amazon.co.uk Widgets</A></NOSCRIPT></center>

<?php include_once('footer.php'); ?>


</body>
</html>

前 3 个是手动 HTML 输入，但后 2 个是从我的数据库中获取的。

我的问题是这样的：

这两种类型都有相同的“li”和“ul”标签。那么为什么它们看起来不一样呢？

谢谢。

编辑

底部 2 的值为：

   <?php foreach ($articles as $article) { ?>

    <ul class="pageitem"><li class="button">
    <a href="list.php?id=<?php echo $article['promo_cat']; ?>">
    <input type="submit" name="Submit" value="<?php echo $article['promo_cat']; ?>" style="text-decoration: none;"/>
    </li></ul>
              </a> <?php } ?>

但它需要删除下划线。

【问题讨论】：

嗯，前三个链接实际上是<input> 提交按钮，而后两个实际上是<a> 链接。您能否更改底部两个链接的 PHP 以匹配 <input>s 的形式？
看看我编辑了我的代码的原始帖子。再看看我的网站。
前三个链接的 HTML 和后两个链接的 HTML 仍然存在差异。如果您查看生成的 HTML 页面的源代码，可能会更容易看到。

标签： php mysql fonts html-lists

【解决方案1】：

我已经整理好了。

请再次查看我的链接。

我使用的代码是这样的。

<?php foreach ($articles as $article) { ?>

<style>
a:link, a:visited, a:hover{color:black; text-decoration:none;}
</style>


<ul class="pageitem"><li class="button">   
<a href="list.php?id=<?php echo $article['promo_cat']; ?>">
<input type="submit" name="Submit" value="<?php echo $article['promo_cat']; ?>"/>
</li></ul>
          </a> <?php } ?>

请补上这个。

谢谢。

【讨论】：

不是很well-formed，而且你不必每次迭代都设置样式
好的。我已经删除了“, a:visited, a:hover” 这没关系。如果它有效，它的格式不正确有关系吗？
@kevstarlive 在我看来这并不重要
它只有在您的浏览器为您更正时才有效。那些使用较旧、轻量级或更晦涩的浏览器的访问者呢？如果有人继承了你的代码却看不懂怎么办？编码标准、易读性、可维护性和 SEO 怎么样？
verbumSapienti 因为我的网站是 MOBILE (hense .mobi)，而且所有最新的移动浏览器都有最新的更新。我相信我会没事的。

【解决方案2】：

您的 html 格式不正确

<?php foreach ($articles as $article) { ?>
    <ul class="pageitem">
        <li class="button" style="text-align:center;font-weight: bold;">
        <a href="list.php?id=<?php echo $article['promo_cat']; ?>">
        <?php echo $article['promo_cat']; ?>
        </a>
        </li>
    </ul>
<?php } ?>

【讨论】：

这不起作用。我在帖子中的做法看起来更好。
请再看看
将循环放在<ul></ul> 标签内