Стилизация таблицы html, созданной с помощью php

Итак, у меня есть эта html-таблица, которую я хочу стилизовать. В нем есть php, который дает таблице ее значения (это набор полей выбора)

Возможно, я сделал что-то не так, php работает нормально (отправляет данные в мою базу данных), но я не могу стилизовать его с помощью css.

<form action='processes.php' method='GET'>
    <table>
        <?php
        echo "<tr>";
        echo "<th>COURSE NUMBER</th>";

        foreach($course_list as $cc){
            $c = str_replace("_", " ", $cc);
            echo "<th>$c</th>";
        }

        echo "</tr>";  

        while($record = mysqli_fetch_assoc($user_subject_results)){

            echo "<tr>";                
            $subjects[] = $record['Course']; //stores every subject in a list
            $_SESSION['Subjects'] = $subjects; //store the list in a session variable so i can use it in my processes page.             
            echo "<td>".$record['Course']."</td>";  

            foreach($course_list as $cc){

                echo "<input type = 'hidden', name = ".'pk'.$record['Course']." value = ".$user.'_'.$record['Course']." />";                    
                echo "<td><select name  = ".$kc.$record['Course'].">";                    

                foreach($eval_list as $opt){
                    echo "<option value = '".$opt."'>".$opt."</option>";
                }

                "</select>
                </td>";
            }

            echo "</tr>";
        }
        ?>
    </table>
    <input type='submit' value='submit' />
</form>

Это может иметь какое-то отношение к тому, куда я поставил '<tr>'? Я так потерялся

Обновлено: CSS (упс!)

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #ffffff;

у вас нет определений стилей или классов css для ваших HTML-элементов. где твой CSS?

delboy1978uk 17.07.2018 13:48

добавил это только сейчас! извини, я новичок в этом

Funkokoko 17.07.2018 13:51

Разве пробелы на каждой стороне = в атрибутах html не портят все?

Zyigh 17.07.2018 13:52

@Zyigh Нет, это не так.

Mr Lister 17.07.2018 13:55

где и как вы включаете сюда CSS? вопрос в этом отношении неясен.

Funk Forty Niner 17.07.2018 13:56

@FunkFortyNiner я добавил CSS. но если вы имеете в виду, как я добавил CSS на фактическую страницу, я только что сделал <link rel = "stylesheet" type = "text/css" href = "style.css" />

Funkokoko 17.07.2018 14:00

Ваш PHP создает недопустимый HTML. Вам не хватает <td>, поэтому входные данные не находятся внутри ячеек таблицы. Кроме того, у вас есть текст «</select> </td>», перед которым нет echo.

Mr Lister 17.07.2018 14:01

проверьте свой путь для этого. Отчеты об ошибках также могут помочь вам в этом. Обновлено: и / или то, что @MrLister заявил в приведенном выше комментарии.

Funk Forty Niner 17.07.2018 14:03
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
1
8
287
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Хорошо, так что, по моему честному мнению, я бы сначала переключил таблицу на теги div. Теперь это только я, но это немного упрощает стилизацию. Вот пример того, как я бы начал:

Внешняя таблица стилей style.css

    #main-div{
        /*All Your styles Go Here if you dont know how to style refer to w3schools.org*/

    }

    .header{
        /*All Your styles Go Here if you dont know how to style refer to w3schools.org*/

    }

    .courses-head{
        /*Give this a width such as width:10%; or 20% or whatever 
        example:
        width:20%;
        Add more styles if necessary
        */
    }

    .courses-list{
        /*Give this a width such as width:10%; or 20% or whatever 
        example:
        width:20%;
        Add more styles if necessary
        */
    }

Ваша фактическая страница:

<!--This goes in the Head -->
    <link rel = "stylesheet" href = "/path/to/styles.css">

    <form action='processes.php' method='GET'>
        <div id=main-div>
            <?php
            echo "<div class='header'>";
            echo "<div class=courses-head>COURSE NUMBER</div>";

            foreach($course_list as $cc){
                $c = str_replace("_", " ", $cc);
                echo "<div class='course-list'>$c</div>";
            }

            echo "</div>";  

Просто продолжайте следовать макету, на который я начал менять все элементы таблицы ... Поверьте мне, в конце концов, это сделает вашу жизнь чертовски проще. Я делал то же самое.

да, я думаю, что сделаю это вместо этого. это выглядит намного проще. Благодарность!

Funkokoko 18.07.2018 07:12

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

Joe Alvini 18.07.2018 08:02

Другие вопросы по теме