0

此代码无法识别我输入的 td witdh 值，但我无法区分样式标签中的表格和单元格宽度/高度（因此表格高度仅为 25px），这意味着我知道我做错了什么但似乎无法修复它，任何建议将不胜感激，谢谢

<head>
<style type='text/css'>
table, td; 
table
{
width:800px;height:25px;
}
table
{
position: absolute; right: 100px; top: 80px;
}
table
{
 border-collapse:collapse; 
}
td
{
border-spacing:0px;
}

td
{
border-bottom-style:solid;
border-bottom-width:1px;
border-color:black;
}
td
{
background-color:grey;
color:red;
}
td
{
text-align:center;
}

</style>
</head>";

while($info = mysql_fetch_assoc($sql))
{
echo"
<body>
<table>
<tr>
<td width='20'></td>
<td width='400'>First Name:</td>
<td width='340'>{$info['firstname']}</td>
<td width='40'><a href='changefirstname.php'>edit</a></td>
</tr>
<tr>
<td width='20'><td>Last Name:</td>
<td>{$info['lastname']}</td>
<td><a href='changelastname.php'>edit</td>
</tr>
<tr>
<td width='20'></td>
<td>email:</td>
<td>{$info['email']}</td>
<td><a href='changeemail.php'>edit</td>
</tr>
<tr>
<td width='20><td>password:</td>
<td>********</td>
<td><a href='changepassword.php'>edit</td>
</tr>
</table>
</body>";
4

4 回答 4

2

您错过了 width='20 附近行中的报价：

<td width='20><td>password:</td>

做了

<td width='20'><td>password:</td>

它可能会解决您的问题。

于 2012-07-17T09:07:36.587 回答
0

您可以尝试将 CSS 样式放在其他文件中。

和你的代码

通常我为我的 php 代码做这个

 <table>
<?php
   $no=1;
   while ($data = mysql_fetch_array)
   {
     echo "<tr>";
     echo "<td>".$data[your_table_column]."</td>";
     echo "</tr>";
   }  
   $no++;

 ?>
 </table>

我认为这个问题是不准确的。

于 2012-07-17T09:13:50.563 回答
0

首先，你应该删除这条table, td;没有用的行。

然后，您应该像这样组合您的样式：

table {
     /* Table */
}

tr {
     /* Row */
}

td {
     /* Cell */
}

对于您的主要问题，您需要：

td以固定宽度将类应用于您的 s

<table>
    <tr>
        <td class="first">First</td>
        <td class="second">Second</td>
        <td class="third">Third</td>
        <td class="fourth">Fourth</td>
    </tr>
</table>

.first { width: 20px; }
.second { width: 400px; }
.third { width: 340px; }
.fourth { width: 40px; }

不要使用类，而是使用 CSS 选择器

td:nth-child(1) { width: 20px; }
td:nth-child(2) { width: 400px; }
td:nth-child(3) { width: 340px; }
td:nth-child(4) { width: 40px; }

在任何情况下，您都不需要您width='...'的 HTML 标记。

这是一个简化的例子：http: //jsfiddle.net/morgi/csqAb/1/

于 2012-07-17T09:32:15.760 回答
0

您的样式应该都在一个选择器中，每个元素都像这样

table
{

    width:800px;height:25px;
    position: absolute; right: 100px; top: 80px;

    border-collapse:collapse; 

}

td
{

    border-spacing:0px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-color:black;
    background-color:grey;
    color:red;
    text-align:center;

}

td.col1 {width:20px}
td.col2 {width:400px}
td.col3 {width:340px}
td.col4 {width:40px}

在您的 html 代码中，添加类

<td class='col1'></td>
<td class='col2'>First Name:</td>
<td class='col3'>{$info['firstname']}</td>
<td class='col4'><a href='' /></td>

而且，你的桌子的高度是 25px

于 2012-07-17T09:15:25.737 回答