Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Składanie szablonu
DarkAbso
post
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 10
Dołączył: 17.11.2011

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


Witam,
jakiś czas temu zacząłem się uczyć PHP. Zdążyłem się "przeszkolić" z programowania strukturalnego i miałem właśnie zacząć naukę obiektowego, ale niestety zauważyłem u siebie duże braki w html i css (ostatni raz ich używałem jeszcze za czasów "tabelek"). Tak więc nie zrażony nauką postanowiłem w ramach ćwiczeń znaleźć jakiś prosty szablon, wziąć od niego tylko grafikę i go poskładać. Niestety ze względu na brak mojej wiedzy nie umiem odpowiedzieć na pytanie czy szablon jest dobrze poskładany. Co prawda przeszło walidator, ale wolę jak specjaliści rzucą na to oko. Proszę o wypisanie wszelkich uwag dotyczące poniższego kodu.
TUTAJ MOŻNA LUKNĄĆ NA STRONĘ CLICK!
Kod pliku html:
  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="Description" content="Tu wpisz opis zawartości strony" />
  7. <meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
  8. <title>Tu wpisz tytuł strony</title>
  9. <link rel="stylesheet" type="text/css" href="styl2.css" />
  10. </head>
  11. <div id="menu_poziome"><ul>
  12. <li><a href="nowy.html">Start</a></li>
  13. <li><a href="nowy.html">Start</a></li>
  14. <li><a href="nowy.html">Start</a></li>
  15. </ul></div>
  16. <div id="tresc">Lorem ipsum dolor sit amet, Proins</div>
  17. <div id="menu_lewe"><h2>MENU</h2></div>
  18. <div id="menu_lewe2">
  19. <ul>
  20. <li><a href="nowy.html">Start</a></li>
  21. <li><a href="nowy.html">Start</a></li>
  22. </ul>
  23. </div>
  24. </body>
  25. </html>

  1. body {
  2. background-color: black;
  3. color: white;
  4. background-image: url(logo_tlo.png);
  5. background-repeat: no-repeat;
  6. }
  7. h2 {
  8. margin: 0 0 0 15px;
  9. }
  10. a:link, a:visited, a:hover {
  11. color: white;
  12. }
  13. #menu_poziome {
  14. background-image: url(jt_tlo.png);
  15. background-repeat: repeat-x;
  16. width: 100%;
  17. height: 35px;
  18. left: 284px;
  19. position: absolute;
  20. top: 0;
  21. }
  22. #menu_lewe {
  23. background-image: url(luk_tlo.png);
  24. background-repeat: no-repeat;
  25. background-position: top right;
  26. width: 200px;
  27. height: 73px;
  28. top: 284px;
  29. left: 0;
  30. position: absolute;
  31. }
  32. #menu_lewe2 {
  33. top: 356px;
  34. left: 0;
  35. width: 144px;
  36. height: 300px;
  37. position: absolute;
  38. border: 3px solid;
  39. border-left-color: black;
  40. border-top: 0px;
  41. border-right-color: #001eff;
  42. border-bottom-color: #001eff;
  43. }
  44. #tresc {
  45. position: absolute;
  46. top: 38px;
  47. left: 290px;
  48. }
  49. #menu_poziome ul {
  50. list-style-type: none;
  51. padding: 5px 0 0 5px;
  52. margin: 0;
  53. }
  54. #menu_poziome ul li {
  55. display: inline;
  56. margin: 3px;
  57. }
  58. #menu_lewe2 ul {
  59. padding: 0;
  60. margin: 0 0 0 10px;
  61. list-style-type: none;
  62. }
  63.  
Go to the top of the page
+Quote Post

Posty w temacie


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 Aktualny czas: 19.08.2025 - 20:37