Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dołączanie plików
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Eldiane
26.03.2011, 13:58:18
Witam, mój problem wygląda następująco, chciałbym dodać plik *.css do pliku *.html ale pojawia się problem z którym walczę już jakiś czas

Kod HTML wygląda następująco:
[HTML] pobierz, plaintext 
  1. <?php
  2. session_start();
  3. ob_start();
  4. ?>
  5. <html>
  6. <head>
  7. 	<title>Logowanie</title>
  8. 	<link rel="Stylesheet" type="text/css" href="menu.css" />
  9. <head>
  10. <body>
  11. <?php
  12. include("baza_laczenie.php");
  13.  
  14. //Przypisanie krotkich nazw
  15. $login = $_POST['login'];
  16. $password = $_POST['haslo'];
  17.  
  18. 	if($login == '' || $password == '')
  19. 	{
  20. 		echo "Wpisz nazwe uzytkownika i haslo!";
  21. 		exit();
  22. 	}
  23.  
  24. //Zapytanie odnosnie wprowadzonych danych do formularza
  25. $zapytanie = "Select * from users WHERE user_name='".$login."' and user_password='".$password."'";
  26. $wynik = mysql_query($zapytanie) or die("blad polaczenia");
  27. $tablica = mysql_fetch_array($wynik);
  28.  
  29. $ilosc_rekordow = mysql_num_rows($wynik);
  30.  
  31. //Sprawdzanie czy uzytkownik istnieje
  32. if($ilosc_rekordow != 1)
  33. {
  34. ?>
  35. 	<table class="naglowek" border=0>
  36. 		<tr>
  37. 			<td>
  38. 				<font size="5"><center>Nie ma takiego uzytkownika</center></font><br />
  39. 			</td>
  40. 		</tr>
  41. 		<tr>
  42. 			<td>
  43. 				<a href="index.php"><center>Zarejestruj</center></a>
  44. 			</td>
  45. 		</tr>
  46. 	</table>
  47. <?php
  48. 	exit();
  49. }
  50.  
  51. //Przypisanie sessji
  52. $_SESSION['logged'] = 1;
  53. ?>
  54. <table border=0 width=100% height=100%>
  55. <?php include("tables/tabela_gora.php"); ?>
  56.  
  57.  
  58.  
  59. <tr>
  60. <td>
  61. <?php include("tables/tabela_lewo.php");
  62. 	  include("tables/tabela_srodek.php");
  63. 	  include("tables/tabela_prawo.php"); ?>
  64. </tr>
  65. </table>
  66. </body>
  67. </html>
[HTML] pobierz, plaintext


Oraz plik menu.css
[HTML] pobierz, plaintext 
  1. #menu0 {
  2. 	width: 200px;
  3. 	margin: 10px;
  4. 	padding: 0;
  5. }
  6.  
  7. #menu0 dt {
  8. 	background-color: #888;
  9. 	color: #fff;
  10. 	font-weight: bold;
  11. 	text-align: center;
  12. 	cursor: pointer;
  13. 	margin: 10px 0 0 0;
  14. 	padding: 2px;
  15. }
  16.  
  17. #menu0 dd {
  18. 	background-color: #eee;
  19. 	color: #000;
  20. 	border-width: 0 1px 1px 1px;
  21. 	border-style: solid;
  22. 	border-color: #888;
  23. 	margin: 0;
  24. 	padding: 1px 5px;
  25. }
  26.  
  27. #menu0 dd.active {
  28. 	font-weight: bold;
  29. }
[HTML] pobierz, plaintext


Przeglądarka nie reaguje na żadne dołączone pliki arkusza stylów i to nie pierwszy raz kiedy napotykam ten problem, fajnie by było jakby ktoś wyjaśnił o co chodzi i jak to rozwiązać smile.gif
Posiadam przeglądarkę google chrome 10
erix
26.03.2011, 14:14:18
Cytat
Przeglądarka nie reaguje na żadne dołączone pliki arkusza stylów i to nie pierwszy raz kiedy napotykam ten problem

A w źródle strony w ogóle ten CSS jest? Da się arkusz otworzyć via URL?
everth
26.03.2011, 14:29:26
Ctrl+Shift+I - wchodzisz do Developer Tools (mówię o Chromium, Chrome powinien mieć takie same nazewnictwo, nie chce mi się sprawdzać) - zakładka Sieć/Network - włączasz logowanie (ikona z kółkiem u dołu, powinna być czerwona). Odświeżasz stronę i jeszcze raz na tej samej zakładce szukasz pliku menu.css - jeśli przy nim widnieje kod statusu 404 to jesteś w domu, musisz jeszcze raz sprawdzić lokalizację tego pliku i ścieżki do niego prowadzące.
Eldiane
26.03.2011, 16:03:52
Cytat(erix @ 26.03.2011, 14:14:18 ) *
A w źródle strony w ogóle ten CSS jest? Da się arkusz otworzyć via URL?


Tak, da się go otworzyć via URL, ścieżki posprawdzane kilkakrotnie, nie ma w nich błędu

Cytat(everth @ 26.03.2011, 14:14:18 )
Ctrl+Shift+I - wchodzisz do Developer Tools (mówię o Chromium, Chrome powinien mieć takie same nazewnictwo, nie chce mi się sprawdzać) - zakładka Sieć/Network - włączasz logowanie (ikona z kółkiem u dołu, powinna być czerwona). Odświeżasz stronę i jeszcze raz na tej samej zakładce szukasz pliku menu.css - jeśli przy nim widnieje kod statusu 404 to jesteś w domu, musisz jeszcze raz sprawdzić lokalizację tego pliku i ścieżki do niego prowadzące


Niestety w wykazie (czy na liście jak kto woli) nie ma w ogóle tego pliku O.o nie wiem kompletnie o co biega, ale i tak dzięki za pokazanie tych skrótów, nie znałem ich wcześniej a na pewno się przydadzą smile.gif

Jakieś wskazówki poza tą? ;>
erix
26.03.2011, 16:55:48
a na pewno w pliku wynikowym masz wstawione odwołanie do tego arkusza?
Eldiane
26.03.2011, 17:05:58
Cytat(erix @ 26.03.2011, 16:55:48 ) *
a na pewno w pliku wynikowym masz wstawione odwołanie do tego arkusza?


poprawność nazw sprawdziłem jeszcze raz przed sekundą, wszystko jest OK, pliki znajdują się w jednym folderze, a co najdziwniejsze miałem dokładnie ten sam problem na komputerze stacjonarnym, tzn dołączone pliki *.css nie działały, ale jeżeli ten sam kod wkleiłem w znacznik <style type="text/css">....</style> w <head> to wszystko działa, próbowałem sam kiedyś ten problem rozwiązać, niestety nie udało mi się, i jakoś zapomniałem o tym wszystkim.
everth
26.03.2011, 17:17:44
Najlepiej by było jakbyś dał to na żywo. Ale dobra, zobacz czy Developer Tools nie wyrzuca ci jakichś ostrzeżeń - prawy dolny róg. Poza tym w zakładce Elements zobacz czy w sekcji head w ogóle masz tag dołączający ten styl. Bo jeśli nie wyrzuca ci stylu w Networks to znaczy że w ogóle nie wie że powinien go dołączyć.

PS: Choć to pewnie nic nie zmieni popraw rel='Stylesheet' na rel='stylesheet' w tym znaczniku.
Eldiane
26.03.2011, 17:23:45
Cytat(everth @ 26.03.2011, 17:17:44 ) *
Najlepiej by było jakbyś dał to na żywo. Ale dobra, zobacz czy Developer Tools nie wyrzuca ci jakichś ostrzeżeń - prawy dolny róg. Poza tym w zakładce Elements zobacz czy w sekcji head w ogóle masz tag dołączający ten styl. Bo jeśli nie wyrzuca ci stylu w Networks to znaczy że w ogóle nie wie że powinien go dołączyć.

PS: Choć to pewnie nic nie zmieni popraw rel='Stylesheet' na rel='stylesheet' w tym znaczniku.


No widzisz Everth, kolejny raz coś co nic nie zmieni zmieniło wszystko smile.gif
Zmiana wielkości literki pomogła, bynajmniej już teraz widzi plik w logu w zakładce Network, dzięki za pomoc, jeszcze posprawdzam wszystko jakby nie grało to napisze tutaj smile.gif

PS: nauczyłem się kolejnej rzeczy która mnie zadziwiła ;p

Pozdrawiam Eldiane

//Edit

Dodam pliki jeszcze raz, może jeszcze raz podpowiesz o co biega
[PHP] pobierz, plaintext 
  1. <?php
  2. session_start();
  3. ob_start();
  4. ?>
  5. <html>
  6. <head>
  7. 	<title>Logowanie</title>
  8. 	<link rel="stylesheet" type="text/css" href="menu.css" />
  9. <head>
  10. <body>
  11. <?php
  12. include("baza_laczenie.php");
  13.  
  14. //Przypisanie krotkich nazw
  15. $login = $_POST['login'];
  16. $password = $_POST['haslo'];
  17.  
  18. 	if($login == '' || $password == '')
  19. 	{
  20. 		echo "Wpisz nazwe uzytkownika i haslo!";
  21. 		exit();
  22. 	}
  23.  
  24. //Zapytanie odnosnie wprowadzonych danych do formularza
  25. $zapytanie = "Select * from users WHERE user_name='".$login."' and user_password='".$password."'";
  26. $wynik = mysql_query($zapytanie) or die("blad polaczenia");
  27. $tablica = mysql_fetch_array($wynik);
  28.  
  29. $ilosc_rekordow = mysql_num_rows($wynik);
  30.  
  31. //Sprawdzanie czy uzytkownik istnieje
  32. if($ilosc_rekordow != 1)
  33. {
  34. ?>
  35. 	<table class="naglowek" border=0>
  36. 		<tr>
  37. 			<td>
  38. 				<font size="5"><center>Nie ma takiego uzytkownika</center></font><br />
  39. 			</td>
  40. 		</tr>
  41. 		<tr>
  42. 			<td>
  43. 				<a href="index.php"><center>Zarejestruj</center></a>
  44. 			</td>
  45. 		</tr>
  46. 	</table>
  47. <?php
  48. 	exit();
  49. }
  50.  
  51. //Przypisanie sessji
  52. $_SESSION['logged'] = 1;
  53. ?>
  54. <dl id="menu0">
  55. <dt>Kurs</dt>
  56. <dd>
  57. 	<dl>
  58. 	<dt><a href="...">HTML</a></dt>
  59. 	<dd>
  60. 		<dl>
  61. 		<dt><a href="...">Dla zielonych</a></dt>
  62. 		<dd><a href="...">...</a></dd>
  63. 		<dd><a href="...">...</a></dd>
  64. 		</dl>
  65. 	</dd>
  66. 	<dd>
  67. 		<dl>
  68. 		<dt><a href="...">BODY i META</a></dt>
  69. 		<dd><a href="...">...</a></dd>
  70. 		<dd><a href="...">...</a></dd>
  71. 		</dl>
  72. 	</dd>
  73. 	<dd>
  74. 		<dl>
  75. 		<dt><a href="...">Tekst</a></dt>
  76. 		<dd><a href="...">...</a></dd>
  77. 		<dd><a href="...">...</a></dd>
  78. 		</dl>
  79. 	</dd>
  80. 	</dl>
  81. </dd>
  82. <dd>
  83. 	<dl>
  84. 	<dt><a href="...">CSS</a></dt>
  85. 	<dd><a href="...">...</a></dd>
  86. 	<dd><a href="...">...</a></dd>
  87. 	</dl>
  88. </dd>
  89. </dl>
  90. <script type="text/javascript">
  91. // <![CDATA[
  92. new Menu('menu0', 'menu0', true, false, 0, 0, -1, -1, true);
  93. // ]]>
  94. </script>
  95.  
  96.  
  97.  
  98. <table border=0 width=100% height=100%>
  99. <?php include("tables/tabela_gora.php"); ?>
  100. <img src="images/lewy_rog.bmp" style="margin: 0px; width:1%; height:1%; position:absolute; top:32.12%; left:0.1%">
  101. <img src="images/linia_gora.bmp" style="margin: 0px; width:10.75%; height:1%; position:absolute; top:32.12%; left:1%">
  102. <img src="images/prawy_rog.bmp" style="margin: 0px; width:1%; height:1%; position:absolute; top:32.12%; left:11.5%">
  103. <img src="images/bok_prawo.bmp" style="margin: 0px; width:1%; height:53.8%; position:absolute; top:33.1%; left:11.5%">
  104. <img src="images/prawy_dolny_rog.bmp" style="margin: 0px; width:1%; height:1%; position:absolute; top:86.9%; left:11.5%">
  105. <img src="images/linia_dol.bmp" style="margin: 0px; width:11%; height:1%; position:absolute; top:86.9%; left:0.8%">
  106. <img src="images/lewy_dolny_rog.bmp" style="margin: 0px; width:1%; height:1%; position:absolute; top:86.9%; left:0.1%">
  107. <img src="images/bok_lewo.bmp" style="margin: 0px; width:1%; height:53.8%; position:absolute; top:33.1%; left:0.1%">
  108. <tr>
  109. <td>
  110. <?php include("tables/tabela_lewo.php");
  111. 	  include("tables/tabela_srodek.php");
  112. 	  include("tables/tabela_prawo.php"); ?>
  113. </tr>
  114. </table>
  115. </body>
  116. </html>
[PHP] pobierz, plaintext



oraz plik menu.css:
[HTML] pobierz, plaintext 
  1. .menu0, .menu0 dl {
  2. 	font-size: 12px;
  3. 	position: absolute;
  4. 	width: 150px;
  5. 	margin: 0;
  6. 	padding: 0;
  7. 	border-width: 1px;
  8. 	border-style: solid;
  9. 	border-color: #eee #aaa #aaa #eee;
  10. }
  11.  
  12. .menu0 dt {
  13. 	cursor: pointer;
  14. 	margin: 0;
  15. 	padding: 0;
  16. 	background-color: #888;
  17. 	color: #fff;
  18. 	text-align: center;
  19. 	font-weight: bold;
  20. 	font-size: 14px;
  21. 	border-width: 1px;
  22. 	border-style: solid;
  23. 	border-color: #aaa #666 #666 #aaa;
  24. 	padding: 4px 5px;
  25. }
  26.  
  27. .menu0 dl dt {
  28. 	background-color: #ccc;
  29. 	color: #000;
  30. 	text-align: left;
  31. 	font-weight: normal;
  32. 	font-size: 12px;
  33. 	border: 0;
  34. 	padding: 0;
  35. }
  36.  
  37. .menu0 dd  {
  38. 	background-color: #ccc;
  39. 	color: #000;
  40. 	margin: 0;
  41. 	padding: 0;
  42. 	width: 150px;
  43. 	height: 22px;
  44. }
  45.  
  46. .menu0 dd.active {
  47. 	font-weight: bold;
  48. }
  49.  
  50. .menu0 dt a {
  51. 	background: url("submenu.gif") no-repeat 140px 8px;
  52. 	padding-right: 20px;
  53. }
  54.  
  55. .menu0 a:link, .menu0 a:visited {
  56. 	display: block;
  57. 	color: #000;
  58. 	text-decoration: none;
  59. 	padding: 4px 5px;
  60. }
  61.  
  62. .menu0 a:hover {
  63. 	color: #fff;
  64. 	background-color: #008;
  65. }
  66.  
  67. .menu0 dl {
  68. 	position: absolute;
  69. 	border: 0;
  70. }
  71.  
  72. .menu0 dl dd {
  73. 	position: relative;
  74. 	left: 151px;
  75. 	bottom: 22px;
  76. 	border-left: 1px solid #eee;
  77. 	border-right: 1px solid #aaa;
  78. }
[HTML] pobierz, plaintext



menu pojawia się na stronie, jednak jakiekolwiek zmiany wprowadzone do pliku menu.css nie są widoczne na stronie z menu, nie wiem co jest grane, chciałbym sie troche tym pobawić aby urozmaicić mój projekt do szkoły smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.