Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Index a Style
Forum PHP.pl > Forum > Przedszkole
sYa_TPS
Jest to mój pierwszy post na tym forum, więc pragnę się przywitać wstydnis.gif

Mam pewien problem, a mianowicie:

Mam plik index ( chyba wszystko dobrze, pisany z poradnikiem smile.gif ) i style ( dokument arkuszu stylu kaskadowego ) . Lecz w gdy próbuje uruchomić stronkę, wyświetla się ona, lecz jest ona niepoukładana.

Mój index:
  1. <div id="nagłówek">
  2.  
  3. <ul id="menugora">
  4. <li><a href="feed">RSS Wiadomości</a></li>
  5. <li><a href="mapa - strony.html">Mapa strony</a></li>
  6. <li><a href="redakcja.html">redakcja.html</a></li>
  7. <li><a href="kontakt.html">kontakt</a></li>
  8. </ul>
  9.  
  10. <div id="menusrodek">
  11. <a href="/"><img src="" /></a>
  12. <a href="/"><img src="http://img223.imageshack.us/img223/2880/index14.jpg" /></a>
  13. <from method="get" id="searchfrom" action="http://laptopy.info.pl">
  14. <input type="text" value=" " name="s" id="s" class="pole" />
  15. <input type="submit" id="searchsubmit" volue="Szukaj" />
  16. </form>
  17. </div>
  18.  
  19. <ul id="menudol">
  20. <li><a href="/">Aktualności</a></li>
  21. <li><a href="/testy">Testy</a></li>
  22. <li><a href="/artykuly">Artykuły</a></li>
  23. <li><a href="/faq">FAQ</a></li>
  24. <li><a href="http://forum.laptopy.info.pl">Forum</a></li>
  25. </ul>
  26.  
  27. </div>
  28.  
  29.  


Mój plik Style:

  1. body
  2. {
  3. margin:0;
  4. padding:0;
  5. background-color:white;
  6. }
  7.  
  8. <div id="naglowek"></div>
  9.  
  10. div#naglowek
  11. {
  12. width:100%;
  13. border-bootom:solid 5px #518AB5;
  14. }
  15.  
  16. div#naglowek li
  17. {
  18. display:inline
  19. margin-left:15px;
  20. }
  21.  
  22. div#naglowek a
  23. {
  24. text-decoration:none;
  25. color:white;
  26. border-bootom:solid 5px #518AB5
  27. }
  28. div #naglowek a:hover
  29. {
  30. color:silver
  31. border-bootom:solid white 3px;
  32. }
  33.  
  34. ul#menugora
  35. {
  36. margin:0;
  37. height:30px;
  38. background-color:#518AB5
  39. list-style:none;
  40. font-family:monospace;
  41. }
  42.  
  43. div#menusrodek
  44. {
  45. height:150px;
  46. }
  47.  
  48. div#menusrodek img, div#menusrodek a
  49. P
  50. border:0;
  51. }
  52.  
  53. div#menusrodek img
  54. {
  55. vertical-aling:middle:
  56. }
  57.  
  58. div#menusrodek form
  59. {
  60. postition:absolute;
  61. right=10px;
  62. top:1px;
  63. }
  64.  
  65. div#menusrodek input.pole
  66. {
  67. background-color:silver;
  68. border:1px solid white;
  69. width:150px;
  70. padding:0;
  71. margin:0;
  72. }
  73.  
  74. ul#menudol
  75. {
  76. background-color:#518AB5;
  77. margin:0;
  78. margin-left:300px;
  79. height:40px;
  80. text-align:center;
  81. font-size:large;
  82. text-transform:uppercase;
  83. }
  84.  


Jeśli macie jakieś propozycje, proszę piszcie smile.gif

Z góry dziękuje czarodziej.gif
erix
Cytat
Lecz w gdy próbuje uruchomić stronkę, wyświetla się ona, lecz jest ona niepoukładana.

A załączasz jakoś ten CSS...?

Poza tym:
  1. }
  2.  
  3. <div id="naglowek"></div>
  4.  
  5. div#naglowek
  6. {

Co tu robi HTML?
sYa_TPS
Cytat(erix @ 15.09.2009, 18:24:14 ) *
A załączasz jakoś ten CSS...?

Poza tym:
  1. }
  2.  
  3. <div id="naglowek"></div>
  4.  
  5. div#naglowek
  6. {

Co tu robi HTML?


Załączasz tzn ?

Hmm.. tak było w poradniku

e/ dobra już CHYBA wiem jak to zrobić smile.gif

e2/ Na jakimś forum napisali przykład, że w style.css na początku wstawić:

Kod
<html>
<head>
   <meta name="author" content="xx" />
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <title>RedTie</title>
</head>
<style>


Wstawiłem to, lecz nic to nie dało sad.gif Macie jeszcze jakieś sugestie ? Z góry dziękuje smile.gif

e3/ Oba pliki są w takim samym kodowaniu
erix
Cytat
e2/ Na jakimś forum napisali przykład, że w style.css na początku wstawić:

Kto Ci takich głupot naopowiadał? Pokaż linka do tego forum.

Cytat
e/ dobra już CHYBA wiem jak to zrobić

Google: link rel
sYa_TPS
Cytat(erix @ 15.09.2009, 19:13:15 ) *
Kto Ci takich głupot naopowiadał? Pokaż linka do tego forum.


Google: link rel


Przeszukam historie, jak znajdę to dam biggrin.gif

thx ! smile.gif

Już jest tak jak powinno być smile.gif

/ Można zamknąć
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.