Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [xhtml/css] Poprawność kodu
Forum PHP.pl > Forum > Po stronie przeglądarki
Pride
14.12.2007, 22:45:04
Witam.
Mam taką dziwną sprawę ;P Czy moglibyście przejrzeć poniższy kod i ocenić jego "poprawność"? Chodzi o co. To co napisałem było moją pierwszą stycznością z DIVami więc nie wiem czy dobrze to mi wyszło. Może to kompletnie powinno inaczej wyglądać?
Myślałem nad tymi div id="m2" ale nie mam pomysłu jak można by to zrobić inaczej aby były te przerwy między "komórkami".
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
  2. <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='pl' lang='pl'>
  3. <head>
  4. <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-2' />
  5. <meta name='author' content='Mateusz (Pride) K.' />
  6. <meta name='copyright' content='Copyright (c) Mateusz (Pride) K.' />
  7. <meta name='reply-to' content='PrideMK@gmail.com' />
  8. <title>PridePage :: Strona Główna</title>
  9.  
  10. <style type='text/css'>
  11. body {
  12. 	font-family: Verdana, Trebuchet, Helvetica, Sans-Serif;
  13. 	font-size: 12px;
  14. 	background-color: #313131;
  15. 	color: #FFFFFF;
  16. 	text-align: center;
  17. 	margin: 0;
  18. 	padding: 0;
  19. }
  20. a {
  21.     color: #000000;
  22.     text-decoration: none;
  23. }
  24. a:hover {
  25.     color: #E69905;
  26. 	text-decoration: none;
  27. }
  28. a.stopka {
  29. 	color: #FFFFFF;
  30. 	text-decoration: none;
  31. }
  32. a:hover.stopka {
  33.     color: #E69905;
  34.     text-decoration: none;
  35. }
  36. #logo {
  37. 	background-image: url(logo.gif);
  38. 	width: 141px; 
  39. 	height: 65px;
  40. 	left: 10px;
  41. 	top: 10px;
  42. 	float: left;
  43. 	position: absolute;
  44. }
  45. #cent {
  46. 	width: 400px !important;
  47. 	margin: 0 auto 30px auto;
  48. 	text-align: center;
  49. 	top: 200px;
  50. 	position: relative;
  51. 	border: solid 2px #DCDCDC;
  52. }
  53. #m2 {
  54. 	background-color: #DCDCDC; 
  55. 	width: 400px;
  56. 	height: 25px;
  57. 	min-height: 25px;
  58. 	display: block;
  59. 	border-top: solid 2px #313131;
  60. 	line-height:2em;
  61. }
  62. </style>
  63. </head>
  64. <body>
  65.  
  66. <div id='logo'></div>
  67. <div id='cent'>
  68. 	<div style='height: 20px; background-color: #3C3C3C; width: 400px;'>
  69. 		<span style='font-weight: bold;'>PridePage</span>
  70. 	</div>
  71. 	<div id='m2'>
  72. 		<a href="#" style='font-weight: bold;'>O mnie</a>
  73. 	</div>
  74. 	<div id='m2'>
  75. 		<a href="#" style='font-weight: bold;'>Skrypty</a>
  76. 	</div>
  77. 	<div id='m2'>
  78. 		<a href="#" style='font-weight: bold;'>Upload</a>
  79. 	</div>
  80. 	<div id='m2'>
  81. 		<a href="#" style='font-weight: bold;'>Kontakt</a>
  82. 	</div>
  83. </div>
  84. <div style='height: 25px; margin-top: 380px'>
  85. 	<span style='font-size: 14px;'>Powered by <a href='#' class='stopka'>PridePage</a> Š <a href='#' class='stopka'>PridePage</a></span>
  86. </div>
  87.  
  88. </body>
  89. </html>
[HTML] pobierz, plaintext

Z góry dzięki za pomoc winksmiley.jpg
Siner
14.12.2007, 23:24:29
Pierwsze co mi się rzuciło w oczy to, że masz te same id w kilku elementach - od tego są klasy. A poza tym od czego masz: http://validator.w3.org/ ?
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.