Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Zakodowanie lay'a
Forum PHP.pl > Forum > Przedszkole
lol99
3.12.2010, 16:31:39
bump
wookieb
3.12.2010, 16:41:19
Czy w całym twoim życiu powiedział Ci ktoś kiedykolwiek, że najpierw się wiele razy myśli a potem robi?
Co NAM po 2 obrazkach co?
lol99
3.12.2010, 16:45:27
po powiedz mi jak mam to inaczej podzielic

[HTML] pobierz, plaintext 
  1. <div id="main">
  2. 	<div id="left">
  3.     	<div id="lewa">lewy</div>
  4.  
  5.         <div id="prawa">
  6.  
  7.         	<div id="news-top"></div>
  8.             <div id="news-tlo">treść newsa</div>
  9.             <div id="news-bot"></div>
  10.  
  11.             <div id="news-top"></div>
  12.             <div id="news-tlo">treść newsa</div>
  13.             <div id="news-bot"></div>
  14.  
  15.         	<div id="facepile"></div>
  16.         </div>
  17.  
  18.     </div>
  19.  
  20.     <div id="right">
  21.     	<div id="right-top"></div>
  22.  
  23.         <div id="sponsorzy-top"></div>
  24.         <div id="sponsorzy-tlo"></div>
  25.         <div id="sponsorzy-bot"><a href="#" class="morespons">Więcej sponsorów</a></div>
  26.  
  27.         <div id="media-top"></div>
  28.         <div id="sponsorzy-tlo"></div>
  29.         <div id="media-bot"></div>
  30.  
  31.         <div id="partner-top"></div>
  32.         <div id="sponsorzy-tlo"></div>
  33.         <div id="media-bot"></div>
  34.  
  35.         <div id="staty">statystyki</div>
  36.     </div>
  37.     <div id="pasek_main"></div>
  38. </div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. body {
  2. 	margin: 0px;
  3. 	padding: 0px;
  4. 	background: #000;
  5. }
  6. #main {
  7. 	margin: auto;
  8. 	width: 980px;
  9.  
  10. } 
  11. #left {
  12. 	float: left;
  13. 	width: 741px;
  14. 	background: white;
  15. }
  16. #right {
  17. 	float: right;
  18. 	width: 239px;
  19. }
  20. #trolu {
  21. 	width: 980px;
  22. 	background: white;
  23. 	float: left;
  24. }
  25.  
  26. #right-top {
  27. 	background:url(img/l-pasek.png);
  28. 	width: 239px;
  29. 	height: 6px;
  30. 	floar: right;
  31. }
  32. #sponsorzy-top {
  33. 	background:url(img/spons.png) no-repeat;
  34. 	width: 236px;
  35. 	height: 36px;
  36. 	margin-top: 1.5px;
  37. 	float: right;
  38. }
  39. #sponsorzy-tlo {
  40. 	width: 236px;
  41. 	float: right;
  42. 	background:url(img/spons-tlo.png);
  43. 	height: 150px; /* skasowac */
  44.  
  45. }
  46. #sponsorzy-bot {
  47. 	background:url(img/spons-boot.png);
  48. 	height: 32px;
  49. 	width: 236px;
  50. 	float: right;
  51. 	margin-bottom: 4.5px;
  52. }
  53. a.morespons {width: 100px; height: 15px; float: right; margin-top: 9px; margin-right: 8.5px; outline: 0px; text-indent: -9999px;}
  54. #media-top {
  55. 	background:url(img/wmediach.png) no-repeat;
  56. 	width: 236px;
  57. 	height: 37px;
  58. 	float: right;
  59. }
  60. #media-bot {
  61. 	background:url(img/media-bot.png) no-repeat;
  62. 	width: 236px;
  63. 	height: 8px;
  64. 	float: right;
  65. 	margin-bottom: 4.5px;
  66. }
  67. #partner-top {
  68. 	background:url(img/partner.png) no-repeat;
  69. 	width: 236px;
  70. 	height: 37px;
  71. 	float: right;
  72. }
  73. #lewa {
  74. 	width: 253px;
  75. 	float: left;
  76. 	margin-left: 4px;
  77. }
  78. #prawa {
  79. 	width: 473px;
  80. 	float: left;
  81. }
  82. #facepile {
  83. 	width: 473px;
  84. 	background: url(img/fb.png) no-repeat;
  85. 	margin-top: 10px; default 7px; 
  86. 	padding-top: 24px;
  87. 	margin-bottom: 12px;
  88. }
  89.  
  90. #news-tlo{
  91. 	width:457px;
  92. 	background:url('img/news_bg.png');
  93. 	font-family: Tahoma;
  94. 	font-size: 11px;
  95. 	color: #535353;
  96. 	padding-left: 8px;
  97. 	padding-right: 8px;
  98. 	padding-bottom: 4px;
  99. }
  100. #news-top{
  101. 	width:473px; 
  102. 	height:6px; 
  103. 	background:url('img/news_top.png');
  104. 	margin-top: 5px;  pożniej zkasowac - tylko do testu 
  105.  
  106. }
  107. #news-bot{
  108. 	width:473px; 
  109. 	height: 28px;
  110. 	background:url('img/news_bot.png');
  111. 	margin-bottom: 5px; pożniej zkasowac - tylko do testu 
  112. }
  113. #pasek_main {
  114. 	width: 980px;
  115. 	background-image:url(img/zamowienie_03.png);
  116. 	height: 5px;
  117. 	float: left;
  118. }
  119. #staty {
  120. 	width: 239px;
  121. 	float: left;
  122. 	background: #fff;
  123. 	position: static;
  124. }
[HTML] pobierz, plaintext
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.