Итак, у меня есть эта 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;
добавил это только сейчас! извини, я новичок в этом
Разве пробелы на каждой стороне = в атрибутах html не портят все?
@Zyigh Нет, это не так.
где и как вы включаете сюда CSS? вопрос в этом отношении неясен.
@FunkFortyNiner я добавил CSS. но если вы имеете в виду, как я добавил CSS на фактическую страницу, я только что сделал <link rel = "stylesheet" type = "text/css" href = "style.css" />
Ваш PHP создает недопустимый HTML. Вам не хватает <td>, поэтому входные данные не находятся внутри ячеек таблицы. Кроме того, у вас есть текст «</select> </td>», перед которым нет echo.
проверьте свой путь для этого. Отчеты об ошибках также могут помочь вам в этом. Обновлено: и / или то, что @MrLister заявил в приведенном выше комментарии.






Хорошо, так что, по моему честному мнению, я бы сначала переключил таблицу на теги 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>";
Просто продолжайте следовать макету, на который я начал менять все элементы таблицы ... Поверьте мне, в конце концов, это сделает вашу жизнь чертовски проще. Я делал то же самое.
да, я думаю, что сделаю это вместо этого. это выглядит намного проще. Благодарность!
Доверяйте и верьте, когда я говорю, что вы сэкономите много времени. Также, если вам нужна помощь в изучении того, как использовать таблицы стилей или теги документов, в w3schools есть обширные руководства по их использованию.
у вас нет определений стилей или классов css для ваших HTML-элементов. где твой CSS?