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

まず、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

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

あなたのスタイルはすべて、このように要素ごとに1つのセレクターにある必要があります

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 に答える