внешняя таблица стилей не показывает никакого стиля, но внутренняя

когда — либо я помещаю весь стиль в тег стиля, он работает хорошо, но если я помещаю эти коды во внешнюю таблицу стилей, она не показывает никакого стиля во фронтенде.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php $title; ?></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />

</head>
    <table border="1" cellpadding="2" cellspacing="2">
    <tr>
                        <th>post ID</th>
                        <th>post title</th>
                        <th>post Description</th>
                        <th>Author</th>
                        <th>Date</th>
                      </tr>
        <?php 
            foreach($posts as $post)
            {

                echo "
                        <tr>
                        <td>".$post->Post_id."</td>
                        <td>".$post->post_title."</td>
                        <td>".$post->Post_description."</td>
                        <td>".$post->author."</td>
                        <td>".$post->date."</td>
                        </tr>
                "   ;     
            }
            ?>


    </table>
<body>
</body>
</html>

и моя внешняя таблица стилей
/ * CSS документ */

table{
    width:1000px;
    text-align:center;
    margin:auto;
    }
th{
    background:#0CC;
    animation-direction:normal;
    height:50px;
    }
td{
    height:50px;
    background:#396;
    color:#FFF;
    }   

я не понимаю, что не так.

3 ответа

  1. Ummm, почему бирка таблицы в головной части? Там вы должны разместить только метаданные, данные скрипта и все подобные, насколько я знаю / meta tags, script tags, title tag, link to bootstrap for example /. Вы должны поместить тег таблицы в части тела, и все должно быть хорошо. Помните, что часть головы не видна на вашей веб-странице, только то, что вы положили в тело. Надеюсь, что это исправит вашу проблему. 🙂

  2. Попробовать это:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><?php $title; ?></title>
    <link href="../css/style.css" rel="stylesheet" type="text/css" />
    
    </head>
    <body>
    <table border="1" cellpadding="2" cellspacing="2">
    <tr>
                        <th>post ID</th>
                        <th>post title</th>
                        <th>post Description</th>
                        <th>Author</th>
                        <th>Date</th>
                      </tr>
        <?php 
            foreach($posts as $post)
            {
    
                echo "
                        <tr>
                        <td>".$post->Post_id."</td>
                        <td>".$post->post_title."</td>
                        <td>".$post->Post_description."</td>
                        <td>".$post->author."</td>
                        <td>".$post->date."</td>
                        </tr>
                "   ;     
            }
            ?>
    
    
    </table>
    
    </body>
    </html>