Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML]Strona główna
sYa_TPS
post 16.09.2009, 15:55:37
Post #1





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 13.09.2009
Skąd: Polska ;)

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

Witam. Mam taki problem, a mianowicie:

mam plik style.css

Kod
body
{
margin:0;
padding:0;
background-color:white;
}

<div id="naglowek"></div>

div#naglowek
{
width:100%;
border-bootom:solid 5px #518AB5;
}

div#naglowek li
{
display:inline
margin-left:15px;
}

div#naglowek a
{
text-decoration:none;
color:white;
border-bootom:solid 5px #518AB5
}
div #naglowek a:hover
{
color:silver
border-bootom:solid white 3px;
}

ul#menugora
{
margin:0;
height:30px;
background-color:#518AB5
list-style:none;
font-family:monospace;
}

div#menusrodek
{
height:150px;
}

div#menusrodek img,  div#menusrodek a
P
border:0;
}

div#menusrodek img
{
vertical-aling:middle:
}

div#menusrodek form
{
postition:absolute;
right=10px;
top:1px;
}

div#menusrodek input.pole
{
background-color:silver;
border:1px solid white;
width:150px;
padding:0;
margin:0;
}

ul#menudol
{
background-color:#518AB5;
margin:0;
margin-left:300px;
height:40px;
text-align:center;
font-size:large;
text-transform:uppercase;
}


<div id="zawartość">
</div>
<div id="nawigacja">
</div>

div#nawigacja
{
position:absolute;
right:0;
top:15em;
width:300px;
padding:0;
margin:0;
}

div#zawartosc
{
margin-rigth:20em;
margin-left:1em;
}

<div id="stopka">
<p>Wszelkie prawa zastrzeżone. Copyright @ 1009 <a href="/">Laptopy</a>.</p>
<p>Strona Stworzona przez:<a href="http:..www.cre8.pl/"CRE8 - tworzenie stron</a></[?
<p><a href="sitemape.xml">XML SiteMap</a></p>
</div>

body, html, #zawartosc
{
min-height:100%;
height:100%;
}

html>body, html>body #zawartosc
{
height:auto;
}

div#stopka

{
width:100%;
height:40px;
background:#518AB5 url(http://www.globus-wapienica.eu/userfiles/Mini_Stopka_str.jpg);
padding-top:10px;
position:absolute;
bottom:0;}

div#stopka p
{
margin:0;
padding-left:20px;
font-size:smaller;
}

<div id="wpis">
<h2><a href="news01.html">Nowy Flybook VM</a></h2>
<p class="data"><strong><Data:</strong> 20.07.2007 <strong>Autor:</strong> Bartosz
Danowski </p>
<img src=obrazki/flybook.jpg" alt="Flybook MV"  />
<p>Co początkowo wygląda na tuzinkowego laptopa. Wcale nim nie jest. Flybook VM
posiada ekran mogący ustwić się w pozycji normalnego ekranu LCD, tak aby użytkownik
miał wygodniejszą pozycje podczas użytkowania komputera. Szczególnie przydatne jest
to w czasie korzystania z laptopa w miejsach, gdzie mamy bardzo małą powierzchnie
na położenie netbooka, np. w samolocie</p>
<p>Flybook VM może wyglądać jak normalny laptop, lecz w rzeczywistości twórcy laptopa
mają aspiracje, aby ich produkt konkurował z deskopami. Laptopa będzie można kupic
pod koniec miesiąca w cenie $2.899.</p>
<p class=zrodlo"><a href="news01.html">Więcej &#187;<a></p>
</div>

</html>


Tylko nie działa ani stopka, ani ten tekst, który powinien być na stronie głównej.

ps. pisałem to z poradnikiem, dlatego taka treść ...
Go to the top of the page
+Quote Post
MajareQ
post 16.09.2009, 16:17:06
Post #2





Grupa: Zarejestrowani
Postów: 382
Pomógł: 22
Dołączył: 21.05.2007
Skąd: Elbląg

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

To w ogóle myślisz o czym piszesz? Jak to ma działać jak mieszasz HTML z CSSem, nie rozpoczynasz tagu html, ani head, ani nawet body.

Porównaj sobie:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style>
  4. body
  5. {
  6. margin:0;
  7. padding:0;
  8. background-color:white;
  9. }
  10.  
  11.  
  12.  
  13. div#naglowek
  14. {
  15. width:100%;
  16. border-bootom:solid 5px #518AB5;
  17. }
  18.  
  19. div#naglowek li
  20. {
  21. display:inline
  22. margin-left:15px;
  23. }
  24.  
  25. div#naglowek a
  26. {
  27. text-decoration:none;
  28. color:white;
  29. border-bootom:solid 5px #518AB5
  30. }
  31. div #naglowek a:hover
  32. {
  33. color:silver
  34. border-bootom:solid white 3px;
  35. }
  36.  
  37. ul#menugora
  38. {
  39. margin:0;
  40. height:30px;
  41. background-color:#518AB5
  42. list-style:none;
  43. font-family:monospace;
  44. }
  45.  
  46. div#menusrodek
  47. {
  48. height:150px;
  49. }
  50.  
  51. div#menusrodek img,  div#menusrodek a
  52. P
  53. border:0;
  54. }
  55.  
  56. div#menusrodek img
  57. {
  58. vertical-aling:middle:
  59. }
  60.  
  61. div#menusrodek form
  62. {
  63. postition:absolute;
  64. right=10px;
  65. top:1px;
  66. }
  67.  
  68. div#menusrodek input.pole
  69. {
  70. background-color:silver;
  71. border:1px solid white;
  72. width:150px;
  73. padding:0;
  74. margin:0;
  75. }
  76.  
  77. ul#menudol
  78. {
  79. background-color:#518AB5;
  80. margin:0;
  81. margin-left:300px;
  82. height:40px;
  83. text-align:center;
  84. font-size:large;
  85. text-transform:uppercase;
  86. }
  87.  
  88.  
  89.  
  90.  
  91. div#nawigacja
  92. {
  93. position:absolute;
  94. right:0;
  95. top:15em;
  96. width:300px;
  97. padding:0;
  98. margin:0;
  99. }
  100.  
  101. div#zawartosc
  102. {
  103. margin-rigth:20em;
  104. margin-left:1em;
  105. }
  106.  
  107.  
  108.  
  109. body, html, #zawartosc
  110. {
  111. min-height:100%;
  112. height:100%;
  113. }
  114.  
  115. html>body, html>body #zawartosc
  116. {
  117. height:auto;
  118. }
  119.  
  120. div#stopka
  121.  
  122. {
  123. width:100%;
  124. height:40px;
  125. background:#518AB5 url(http://www.globus-wapienica.eu/userfiles/Mini_Stopka_str.jpg);
  126. padding-top:10px;
  127. position:absolute;
  128. bottom:0;}
  129.  
  130. div#stopka p
  131. {
  132. margin:0;
  133. padding-left:20px;
  134. font-size:smaller;
  135. }
  136. </style></head><body>
  137. <div id="naglowek"></div>
  138. <div id="zawartość">
  139. </div>
  140. <div id="nawigacja">
  141. </div>
  142. <div id="stopka">
  143. <p>Wszelkie prawa zastrzeżone. Copyright @ 1009 <a href="/">Laptopy</a>.</p>
  144. <p>Strona Stworzona przez:<a href="http:..www.cre8.pl/"CRE8 - tworzenie stron</a></[?
  145. <p><a href="sitemape.xml">XML SiteMap</a></p>
  146. </div>
  147. <div id="wpis">
  148. <h2><a href="news01.html">Nowy Flybook VM</a></h2>
  149. <p class="data"><strong><Data:</strong> 20.07.2007 <strong>Autor:</strong> Bartosz
  150. Danowski </p>
  151. <img src=obrazki/flybook.jpg" alt="Flybook MV"  />
  152. <p>Co początkowo wygląda na tuzinkowego laptopa. Wcale nim nie jest. Flybook VM
  153. posiada ekran mogący ustwić się w pozycji normalnego ekranu LCD, tak aby użytkownik
  154. miał wygodniejszą pozycje podczas użytkowania komputera. Szczególnie przydatne jest
  155. to w czasie korzystania z laptopa w miejsach, gdzie mamy bardzo małą powierzchnie
  156. na położenie netbooka, np. w samolocie</p>
  157. <p>Flybook VM może wyglądać jak normalny laptop, lecz w rzeczywistości twórcy laptopa
  158. mają aspiracje, aby ich produkt konkurował z deskopami. Laptopa będzie można kupic
  159. pod koniec miesiąca w cenie $2.899.</p>
  160. <p class=zrodlo"><a href="news01.html">Więcej ť<a></p>
  161. </div>
  162. </body>
  163. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
sYa_TPS
post 16.09.2009, 16:20:49
Post #3





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 13.09.2009
Skąd: Polska ;)

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

Cytat(MajareQ @ 16.09.2009, 17:17:06 ) *
To w ogóle myślisz o czym piszesz? Jak to ma działać jak mieszasz HTML z CSSem, nie rozpoczynasz tagu html, ani head, ani nawet body.

Porównaj sobie:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style>
  4. body
  5. {
  6. margin:0;
  7. padding:0;
  8. background-color:white;
  9. }
  10.  
  11.  
  12.  
  13. div#naglowek
  14. {
  15. width:100%;
  16. border-bootom:solid 5px #518AB5;
  17. }
  18.  
  19. div#naglowek li
  20. {
  21. display:inline
  22. margin-left:15px;
  23. }
  24.  
  25. div#naglowek a
  26. {
  27. text-decoration:none;
  28. color:white;
  29. border-bootom:solid 5px #518AB5
  30. }
  31. div #naglowek a:hover
  32. {
  33. color:silver
  34. border-bootom:solid white 3px;
  35. }
  36.  
  37. ul#menugora
  38. {
  39. margin:0;
  40. height:30px;
  41. background-color:#518AB5
  42. list-style:none;
  43. font-family:monospace;
  44. }
  45.  
  46. div#menusrodek
  47. {
  48. height:150px;
  49. }
  50.  
  51. div#menusrodek img,  div#menusrodek a
  52. P
  53. border:0;
  54. }
  55.  
  56. div#menusrodek img
  57. {
  58. vertical-aling:middle:
  59. }
  60.  
  61. div#menusrodek form
  62. {
  63. postition:absolute;
  64. right=10px;
  65. top:1px;
  66. }
  67.  
  68. div#menusrodek input.pole
  69. {
  70. background-color:silver;
  71. border:1px solid white;
  72. width:150px;
  73. padding:0;
  74. margin:0;
  75. }
  76.  
  77. ul#menudol
  78. {
  79. background-color:#518AB5;
  80. margin:0;
  81. margin-left:300px;
  82. height:40px;
  83. text-align:center;
  84. font-size:large;
  85. text-transform:uppercase;
  86. }
  87.  
  88.  
  89.  
  90.  
  91. div#nawigacja
  92. {
  93. position:absolute;
  94. right:0;
  95. top:15em;
  96. width:300px;
  97. padding:0;
  98. margin:0;
  99. }
  100.  
  101. div#zawartosc
  102. {
  103. margin-rigth:20em;
  104. margin-left:1em;
  105. }
  106.  
  107.  
  108.  
  109. body, html, #zawartosc
  110. {
  111. min-height:100%;
  112. height:100%;
  113. }
  114.  
  115. html>body, html>body #zawartosc
  116. {
  117. height:auto;
  118. }
  119.  
  120. div#stopka
  121.  
  122. {
  123. width:100%;
  124. height:40px;
  125. background:#518AB5 url(http://www.globus-wapienica.eu/userfiles/Mini_Stopka_str.jpg);
  126. padding-top:10px;
  127. position:absolute;
  128. bottom:0;}
  129.  
  130. div#stopka p
  131. {
  132. margin:0;
  133. padding-left:20px;
  134. font-size:smaller;
  135. }
  136. </style></head><body>
  137. <div id="naglowek"></div>
  138. <div id="zawartość">
  139. </div>
  140. <div id="nawigacja">
  141. </div>
  142. <div id="stopka">
  143. <p>Wszelkie prawa zastrzeżone. Copyright @ 1009 <a href="/">Laptopy</a>.</p>
  144. <p>Strona Stworzona przez:<a href="http:..www.cre8.pl/"CRE8 - tworzenie stron</a></[?
  145. <p><a href="sitemape.xml">XML SiteMap</a></p>
  146. </div>
  147. <div id="wpis">
  148. <h2><a href="news01.html">Nowy Flybook VM</a></h2>
  149. <p class="data"><strong><Data:</strong> 20.07.2007 <strong>Autor:</strong> Bartosz
  150. Danowski </p>
  151. <img src=obrazki/flybook.jpg" alt="Flybook MV"  />
  152. <p>Co początkowo wygląda na tuzinkowego laptopa. Wcale nim nie jest. Flybook VM
  153. posiada ekran mogący ustwić się w pozycji normalnego ekranu LCD, tak aby użytkownik
  154. miał wygodniejszą pozycje podczas użytkowania komputera. Szczególnie przydatne jest
  155. to w czasie korzystania z laptopa w miejsach, gdzie mamy bardzo małą powierzchnie
  156. na położenie netbooka, np. w samolocie</p>
  157. <p>Flybook VM może wyglądać jak normalny laptop, lecz w rzeczywistości twórcy laptopa
  158. mają aspiracje, aby ich produkt konkurował z deskopami. Laptopa będzie można kupic
  159. pod koniec miesiąca w cenie $2.899.</p>
  160. <p class=zrodlo"><a href="news01.html">Więcej ť<a></p>
  161. </div>
  162. </body>
  163. </html>
[HTML] pobierz, plaintext


dobra już wiem o co biega biggrin.gif

e2/ każdy się kiedyś uczył smile.gif

/ można zamknąć ..

Ten post edytował sYa_TPS 16.09.2009, 16:22:14
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.04.2024 - 06:02
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn