Не работает CSS В HTML файле

138

24 сентября 2021, 01:00

Такая проблема, у меня не работает css файл на локальном сервере, в коде вроде ошибок нету, вчера все работало. PS Тут вставленный код отлично работает.

#user_info { 
	margin-left: 100px; 
} 
 
td { 
	margin-left: 10px; 
} 
 
//Файл не работает

<?php 
require "config.php"; 
?> 
 
<!DOCTYPE html> 
<html lang="en"> 
<head> 
	<meta charset="UTF-8"> 
	<title>Phptask</title> 
	<link href="style.css" rel="stylesheet"> 
 
</head> 
<body> 
	<div id="user_info"> 
		<div class="user_info"> 
			<h2>ID</h2> 
		</div> 
		<div class="user_info"> 
			<h2>NAME</h2> 
		</div> 
		<div class="user_info"> 
			<h2>AGE</h2> 
		</div> 
		<div class="user_info"> 
			<h2>SALARY</h2> 
		</div> 
	</div> 
	<?php 
	$result = mysqli_query($connection,"SELECT * FROM `input_info_db`"); 
	while ( $row = mysqli_fetch_assoc($result) ){ 
		echo "<tr>"; 
        echo "<td>".$row['id']."</td>"; 
        echo "<td>".$row['name']."</td>"; 
        echo "<td>".$row['age']."</td>"; 
        echo "<td>".$row['salary']."</td>"; 
        echo "<td><a href='delete.php?delete=".$student['id']."'>Delete</a> </td>"; 
        echo "</tr>"; 
        echo "<br/>"; 
	}; 
	?> 
</body> 
</html>

Answer 1

Задай полное расположение файла. Например D:/test/test.css

Answer 2

#user_info { 
	margin-left: 100px;/*работает*/ 
   border: 1px solid green 
} 
 
td { 
	margin-left: 10px;/*не будет работать*/ 
  border: 1px solid red 
} 
table { 
margin-top: 20px; 
margin-left: 30px;/*будет работать*/ 
border: 1px solid blue 
}

<!DOCTYPE html> 
<html lang="en"> 
<head> 
	<meta charset="UTF-8"> 
	<title>Phptask</title> 
	<link href="style.css" rel="stylesheet"> 
 
</head> 
<body> 
	<div id="user_info"> 
		<div class="user_info"> 
			<h2>ID</h2> 
		</div> 
		<div class="user_info"> 
			<h2>NAME</h2> 
		</div> 
		<div class="user_info"> 
			<h2>AGE</h2> 
		</div> 
		<div class="user_info"> 
			<h2>SALARY</h2> 
		</div> 
	</div> 
	 
  <table> 
<tr> 
<td>id</td> 
<td>name</td> 
<td>age</td> 
<td>salary</td> 
<td>и т.д.</td> 
</tr>   
   
  </table> 
 
</body> 
</html>

Запустите и откройте код - нажмите на ссылку файла css - откроется и вы посмотрите, там ли это нужное.

Если нет- смотрите пути, обычно лучше указывать корень сайта "/style.css" - а если перебрасывает вообще в корень локального общий, то нужно настроить htaccess и прочее.

Возможно, Вы что-то добавили, и оно перебивает иснтрукции - например, использовали стили прямо в коде элементов.
inline стилей нет, но что-то перебивает- попробуйте указать !important к нужному.

У вас, вероятнее всего, все сдвигается, просто это не видно - укажите к ним border и увидите смещение.

*Пo коду - вы tr и td выводите, а где тег table?