Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Dołączanie plików, problem z dołączeniem pliku *.css
Eldiane
post 26.03.2011, 13:58:18
Post #1





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 6.01.2011
Skąd: Sosnowiec

Ostrzeżenie: (0%)
-----


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


Oraz plik menu.css
  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. }


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


--------------------
"Nie ważne by być lepszym od innych, ważne by być lepszym niż było się wczoraj"
Go to the top of the page
+Quote Post
erix
post 26.03.2011, 14:14:18
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




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?


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
everth
post 26.03.2011, 14:29:26
Post #3





Grupa: Zarejestrowani
Postów: 782
Pomógł: 153
Dołączył: 21.07.2010

Ostrzeżenie: (0%)
-----


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.


--------------------
Już mi się ani wiedzieć, ani tym bardziej myśleć nie chce.
[Think different]!
Go to the top of the page
+Quote Post
Eldiane
post 26.03.2011, 16:03:52
Post #4





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 6.01.2011
Skąd: Sosnowiec

Ostrzeżenie: (0%)
-----


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ą? ;>


--------------------
"Nie ważne by być lepszym od innych, ważne by być lepszym niż było się wczoraj"
Go to the top of the page
+Quote Post
erix
post 26.03.2011, 16:55:48
Post #5





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




a na pewno w pliku wynikowym masz wstawione odwołanie do tego arkusza?


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Eldiane
post 26.03.2011, 17:05:58
Post #6





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 6.01.2011
Skąd: Sosnowiec

Ostrzeżenie: (0%)
-----


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.


--------------------
"Nie ważne by być lepszym od innych, ważne by być lepszym niż było się wczoraj"
Go to the top of the page
+Quote Post
everth
post 26.03.2011, 17:17:44
Post #7





Grupa: Zarejestrowani
Postów: 782
Pomógł: 153
Dołączył: 21.07.2010

Ostrzeżenie: (0%)
-----


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.


--------------------
Już mi się ani wiedzieć, ani tym bardziej myśleć nie chce.
[Think different]!
Go to the top of the page
+Quote Post
Eldiane
post 26.03.2011, 17:23:45
Post #8





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 6.01.2011
Skąd: Sosnowiec

Ostrzeżenie: (0%)
-----


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



oraz plik menu.css:
  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. }



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

Ten post edytował Eldiane 27.03.2011, 10:21:15


--------------------
"Nie ważne by być lepszym od innych, ważne by być lepszym niż było się wczoraj"
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.04.2024 - 00:24