HTML nie wczytuje layoutu z CSS w XAMPP

pytanie zadane 15 czerwca 2023 w HTML i CSS przez szjx Nowicjusz (120 p.)

Cześć. Doradźcie coś, bo czuję się już turbogłupi. Od paru dni uczę się HTML i CSS, do tej pory wszystko działało perfekcyjnie, ale dziś zrobiłem sobie nowy plik html:

<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>Menu</title>
	<meta name="description" content="Menu takie testowe" />
	<meta name="keywords" content="menu, manu, manuel" />
	<link rel="stylesheet" href="manuel.css" type="text/css" />
</head>
<body>
abab
</body>
</html>

i do tego (jak widać) nowy plik css:

body
{
	background-color: #303030;
	color: #ffffff;
}

I niby nic wielkiego tam jeszcze nie ma, ale pojawił się problem. Gdy odpalam manuel.html w przeglądarce (z lokalizacji na dysku C) bez problemu zaciąga mi layout z pliku css. Ale gdy robię to samo z localhosta, to przeglądarka gubi już layout. Jakieś pomysły co może być nie tak?

Wygląda to tak, kiedy odpalam plik z dysku:

oraz tak, kiedy odpalam za pomocą localhosta:

Proszę o jakąkolwiek pomoc!

komentarz 15 czerwca 2023 przez Comandeer Guru (607,060 p.)

Czy w konsoli przeglądarki jest jakiś błąd?

komentarz 15 czerwca 2023 przez szjx Nowicjusz (120 p.)

Nie mam pewności, że patrzę w dobre miejsce, ale wyświetliło mi się to:

komentarz 15 czerwca 2023 przez VBService Ekspert (256,600 p.)

Próbowałeś jak masz stronę uruchomioną na localhost nacisnąć CTRL+F5?

[ Difference between F5, Ctrl + F5 and click on refresh button? ]

spróbuj też manuel2.css

<!DOCTYPE HTML>
<html lang="en">
  <head>
    ...
    <link rel="stylesheet" href="manuel2.css" />
  </head>
  <body>
    baba
  </body>
</html>

komentarz 15 czerwca 2023 przez Comandeer Guru (607,060 p.)

Hm, a możesz to gdzieś wrzucić online?

komentarz 15 czerwca 2023 przez szjx Nowicjusz (120 p.)

Nie za bardzo mam niestety możliwość (jak i umiejętności) żeby gdzieś to wrzucić. Co do odświeżania ctrl+f5 - próbowałem i niestety też jest nieskuteczne.

Stworzyłem nowy plik manuel2.css, ale localhost też zdaje się go nie czytać. Nieważne, co do niego wstawię.

Sprawa ciekawa, bo w tym samym folderze trzymam jeszcze dwa inne pliki html i podpięte do nich css - z nimi nie ma najmniejszego problemu. Tak jakby dziś coś się znienacka popsuło, akurat na tym pliku.

komentarz 15 czerwca 2023 przez Comandeer Guru (607,060 p.)

A spakowanie tego do zipa i wrzucenie go?

komentarz 15 czerwca 2023 przez szjx Nowicjusz (120 p.)

@Comandeer, ach, myślałem że chodzi o inne wrzucenie online :D

Tu paczka z kodem:

https://drive.google.com/file/d/14QdN737zwNvczK58mmUbVZaszfYQWd_0/view?usp=sharing

komentarz 15 czerwca 2023 przez Comandeer Guru (607,060 p.)

W sumie chodziło o inne, ale zip ostatecznie też ujdzie.

1 odpowiedź

odpowiedź 15 czerwca 2023 przez Comandeer Guru (607,060 p.)

U mnie działa:

Strona z ciemnym tłem i białym napisem "abab"

W konsoli przeglądarki jest zakładka "Network". Jak na nią przejdziesz, to powinien być dyngs "Disable cache":

Spróbuj go zaznaczyć i następnie odśwież stronę. Bo skoro plik wygląda na poprawnie podpięty, to obstawiałbym faktycznie problemy z cache'em.

komentarz 15 czerwca 2023 przez szjx Nowicjusz (120 p.)

Ok, chyba znalazłem źródło problemu, które leżało w pliku .htaccess. Jak wyrzuciłem go z folderu, całość zaczęła magicznie działać. Zadziałało też wyrzucenie linii z .htaccess