Проблема с получением предметов и оценок в таблице [закрыто]CSS

Разбираемся в CSS
Ответить
Anonymous
 Проблема с получением предметов и оценок в таблице [закрыто]

Сообщение Anonymous »

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

Код: Выделить всё








Result Management System












.header {
background-color: white;
padding: 20px 0;
text-align: center;
margin-bottom: 40px;
}

.header img {
width: 80px;
margin-right: 20px;
}

.header h1 {
font-size: 40px;
margin: 0;
display: inline-block;
vertical-align: middle;
}

.subheader {
font-size: 24px;
margin-top: 10px;
}







[img]logo.jpeg[/img]
SYSTEMS SCHOOL
[img]logo.jpeg[/img]






Result Management System












Student Name :[/b] [b]
Student Roll Id :[/b] 
[b]                                                
Student Class:[/b][b]                                                    ()


Exam Category:[/b][b]                                                    
Exam Date:[/b][b]                                                    







#
Subject
Marks















Total Marks
[/b] out of[b]                                                            [/b][b]                                                        


Percentage
%[/b][b]                                                        




Evaluation


[/b][b]                                                        



[b]Notice![/b] Your result is not declared yet.



























а в этой теме и отметки не отображаются в таблице

Код: Выделить всё








Result Management System






.header {
background-color: #f8f9fa;
padding: 20px 0;
text-align: center;
margin-bottom: 40px;
}

.header img {
width: 80px;
margin-right: 20px;
}

.header h1 {
font-size: 36px;
margin: 0;
display: inline-block;
vertical-align: middle;
}

.table-responsive {
margin: 20px 0;
}

table {
width: 100%;
border-collapse: collapse;
}

th,
td {
padding: 10px;
text-align: center;
border: 1px solid #ddd;
}

tr:nth-child(odd) {
background-color: #f9f9f9;
}

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

th {
background-color: #343a40;
color: #fff;
}

.highlight-90-100 {
background-color: #28a745;
color: white;
}

.highlight-80-89 {
background-color: #a2c94c;
/* Light green */
color: black;
}

.highlight-70-79 {
background-color: #ffc107;
color: black;
}

.highlight-60-69 {
background-color: #fd7e14;
color: white;
}

.highlight-below-60 {
background-color: #dc3545;
color: white;
}







[img]logo.jpeg[/img]
Result Management System






Student Result Details















Student Name
Roll ID
Class
Section
Exam Category
Exam Date















Подробнее здесь: [url]https://stackoverflow.com/questions/79239900/problem-with-fetch-subjects-and-marks-in-a-table[/url]
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»