Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Strona się rozsypała
Forum PHP.pl > Forum > Przedszkole
ksersiński
3.08.2008, 19:41:10
Witam. Tworzyłem własną stronę na komputerze z najnowszymi wersjami przeglądarek Mozilla & IE. Robiłem to na localhoscie przez WebServa. Strona wyglądała wtedy dobrze, nic się nie sypało, a gdy wrzuciłem ją na konto www wyglada tak:

http://www.tibiatool.pl/beta/

Czy ktoś może mi powiedzieć z czego to wynika?
TroYan
3.08.2008, 20:23:26
powrzucaj kody, dlaczego innym każesz grzebać i szukać!
ksersiński
4.08.2008, 11:07:50
ARKUSZ CSS:

[HTML] pobierz, plaintext 
  1. * {
  2. 	margin: 0;
  3. 	padding: 0;
  4. }
  5.  
  6. a {color: #682;}
  7.  
  8. a:hover {color: #9A6;}
  9.  
  10. body {
  11. 	background: #333 url(img/bg.jpg);
  12. 	color: #333;
  13. 	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
  14. }
  15.  
  16. p,ul {
  17. 	padding-bottom: 1em;
  18. }
  19.  
  20. ul {margin-left: 1.2em; color:#333333}
  21.  
  22. li {list-style: none;}
  23. .main li {list-style-image: url(img/li.gif);}
  24.  
  25. h1 {font-size: 5px; font-family: Tahoma, Verdana; }
  26.  
  27. blockquote {
  28. 	background: #FFF;
  29. 	border-bottom: 1px solid #EEE;
  30. 	border-top: 1px solid #EEE;
  31. 	color: #333;
  32. 	display: block;
  33. 	font-size: 0.9em;
  34. 	margin-bottom: 1.2em;
  35. 	padding: 6px 12px;
  36. }
  37. blockquote p {padding: 3px 0;}
  38.  
  39. h1,h2,h3 {color: #994;}
  40.  
  41. /* misc */
  42. .clearer {clear: both;}
  43. .main_right .padded {padding: 6px 2px 6px 16px;}
  44. .main .padded {padding: 18px 24px;}
  45. .meta {font-size: 0.8em; color: #666;}
  46. .left {float: left;}
  47. .right {float: right;}
  48.  
  49. /* structure */
  50. .container {
  51. 	font-size: 1.2em;
  52. 	background: url(img/bgcontainer.gif) repeat-y;
  53. 	margin: 0 auto;
  54. 	width: 942px;
  55.     BORDER-RIGHT: #222222 0px solid;
  56. 	BORDER-TOP: #222222 12px solid;
  57. 	BORDER-LEFT: #222222 12px solid; 
  58. 	BORDER-BOTTOM: #222222 12px solid
  59. }
  60. .location {
  61. 	margin-left: 170px;
  62. 	font-size: 9px;
  63. }
  64.  
  65. /* header */
  66. .header {
  67. 	float: left;
  68. 	width: 942px;
  69. 	background: url(img/header.jpg) no-repeat;
  70. 	font: normal 2.4em Verdana,sans-serif;
  71. 	line-height: 150px;
  72. 	text-align: center;	
  73. }
  74.  
  75. /* structure */
  76. .main {
  77. 	float: left;
  78. 	width: 580px;
  79. 	color: #333333;
  80. }
  81. .main_right {
  82. 	float: right; 
  83. 	width: 250px; /* szerokosc bocznego menu (ze statystykami, itd) */
  84. 	color: #CCC;
  85. }
  86.  
  87. /* footer */
  88. .footer {
  89. 	background: url(img/bgfooter.gif) repeat-x;
  90. 	color: #CCC;
  91. 	font-size: 0.9em;
  92. 	line-height: 39px;
  93. 	width: 100%;
  94. 	text-align: center;
  95. }
  96. .footer .left,.footer .right {padding: 0 16px;}
  97. .footer a {color: #EEE;}
  98. .footer a:hover {color: #FAFCB0;}
  99. .topstyl 
  100. {
  101. color: #FFFFFF;
  102. font-family: Tahoma, Verdana;
  103. font-size: 11px;
  104. }
  105.  
  106. /***********************
  107. ***  Top Navigation  ***
  108. ***********************/
  109. ul#navigation
  110. {
  111.    height: 20px;
  112.    width: auto;
  113.    float: right;
  114.    padding: 5px 0 0 0;
  115.    margin: 0;
  116. }
  117. ul#navigation li a
  118. {
  119.    display: block;
  120.    float: left;
  121.    margin: 0 0 0 4px;
  122.    height: 24px;
  123.    background: #252525;
  124.    color: #fff;
  125.    font-size: 10px;
  126.    font-weight: bold;
  127.    text-decoration: none;
  128.    text-align: center;
  129.    background: #252525 url('img/staticmleft.gif') no-repeat left;
  130. }
  131. ul#navigation li
  132. {
  133.    display: inline;
  134. }
  135. ul#navigation li a span
  136. {
  137.    padding: 6px 5px 0 5px;
  138.    height: 18px;
  139.    display: block;
  140.    float: left;
  141. }
  142. ul#navigation li a:hover
  143. {
  144.    background: #fff url('img/navigation-bg-right.png') no-repeat right;
  145.    color: #000; 
  146.    border: 1px sold;
  147. }
  148.  
  149. ul#navigation li a:hover span
  150. {
  151.    background: transparent url('img/navigation-bg-left.png') no-repeat left;
  152.    color: #000;
  153. }
  154. pole
  155. {
  156.    margin-top: 20px;
  157. }
  158.  
  159. /* import z nowego stylu */
  160.  
  161. img { 
  162.  border: none;
  163. }
  164.  
  165. #rama {
  166.  width: 996px;
  167.  margin: 0 auto;
  168.  text-align: left;
  169. }
  170.  
  171. #menu {
  172.  width: 947px;
  173.  height: 56px;
  174.  float: left;
  175. }
  176.  
  177. #menu a {
  178.  float: left;
  179.  margin: 0;
  180.  padding: 0;
  181. }
  182.  
  183. .a1{
  184.  background: transparent url(img/t_04.jpg) 0px 0px no-repeat;
  185.  width: 160px;
  186.  height: 56px;
  187. }
  188. .a1:hover{
  189.  background: transparent url(img/t2_04.jpg) 0px 0px no-repeat;
  190.  width: 160px;
  191.  height: 56px;
  192. }
  193.  
  194. .a2{
  195.  background: transparent url(img/t_05.jpg) 0px 0px no-repeat;
  196.  width: 94px;
  197.  height: 56px;
  198. }
  199. .a2:hover{
  200.  background: transparent url(img/t2_05.jpg) 0px 0px no-repeat;
  201.  width: 94px;
  202.  height: 56px;
  203. }
  204.  
  205. .a3{
  206.  background: transparent url(img/t_06.jpg) 0px 0px no-repeat;
  207.  width: 104px;
  208.  height: 56px;
  209. }
  210. .a3:hover{
  211.  background: transparent url(img/t2_06.jpg) 0px 0px no-repeat;
  212.  width: 104px;
  213.  height: 56px;
  214. }
  215.  
  216. .a4{
  217.  background: transparent url(img/t_07.jpg) 0px 0px no-repeat;
  218.  width: 113px;
  219.  height: 56px;
  220. }
  221. .a4:hover{
  222.  background: transparent url(img/t2_07.jpg) 0px 0px no-repeat;
  223.  width: 113px;
  224.  height: 56px;
  225. }
  226.  
  227. .a5{
  228.  background: transparent url(img/t_08.jpg) 0px 0px no-repeat;
  229.  width: 114px;
  230.  height: 56px;
  231. }
  232. .a5:hover{
  233.  background: transparent url(img/t2_08.jpg) 0px 0px no-repeat;
  234.  width: 114px;
  235.  height: 56px;
  236. }
  237.  
  238. .a6{
  239.  background: transparent url(img/t_09.jpg) 0px 0px no-repeat;
  240.  width: 97px;
  241.  height: 56px;
  242. }
  243. .a6:hover{
  244.  background: transparent url(img/t2_09.jpg) 0px 0px no-repeat;
  245.  width: 97px;
  246.  height: 56px;
  247. }
  248.  
  249. .a7{
  250.  background: transparent url(img/t_10.jpg) 0px 0px no-repeat;
  251.  width: 121px;
  252.  height: 56px;
  253. }
  254. .a7:hover{
  255.  background: transparent url(img/t2_10.jpg) 0px 0px no-repeat;
  256.  width: 121px;
  257.  height: 56px;
  258. }
  259.  
  260. .a8{
  261.  background: transparent url(img/t_11.jpg) 0px 0px no-repeat;
  262.  width: 137px;
  263.  height: 56px;
  264. }
  265. .a8:hover{
  266.  background: transparent url(img/t2_11.jpg) 0px 0px no-repeat;
  267.  width: 137px;
  268.  height: 56px;
  269. }
  270.  
  271. #statystyki {
  272.  background: transparent url(img/t_13.jpg) 0px 0px no-repeat;
  273.  width: 207px;
  274.  height: 115px;
  275.  float: left;
  276.  padding-top: 35px;
  277.  padding-left: 15px;
  278.  line-height: 16px;
  279. }
  280.  
  281. .bez {
  282.  color: #e2cb92;
  283. }
  284.  
  285. .orange {
  286.  color: #dd7d20;
  287.  font-weight: bold;
  288. }
  289.  
  290. #na_forum img {
  291.  vertical-align: middle;
  292.  margin-right: 5px;
  293. } 
  294.  
  295. #na_forum {
  296.  background: transparent url(img/t_14.jpg) 0px 0px no-repeat;
  297.  width: 490px;
  298.  height: 110px;
  299.  float: left;
  300.  padding-top: 40px;
  301.  line-height: 20px;
  302.  padding-left: 20px;
  303.  font-family: Tahoma, Verdana;
  304.  font-size: 11px;
  305. }
  306.  
  307. #logowanie {
  308.  background: transparent url(img/t_15.jpg) 0px 0px no-repeat;
  309.  width: 175px;
  310.  height: 100px;
  311.  float: left;
  312.  padding-top: 50px;
  313.  padding-left: 40px;
  314. }
  315.  
  316. input {
  317.  background: transparent url(img/t_52.jpg) 0px 0px no-repeat;
  318.  float: left;
  319.  border: none;
  320.  display: block;
  321.  margin-bottom: 5px;
  322.  color: #fff;
  323. }
  324.  
  325. .zaloguj {
  326.  float: right;
  327.  margin-right: 30px;
  328.  margin-top: 10px;
  329. }
  330.  
  331. #menu_left {
  332.  float:left;
  333. }
  334.  
  335. #top {
  336.  background: transparent url(img/header4.jpg) 0px 0px no-repeat;
  337.  width: 976px;
  338.  height: 144px;
  339.  float: left;
  340. }
  341.  
  342. /* boczne nfo */
  343.  
  344. #prawa {
  345.  width: 190px;
  346.  float: left;
  347. }
  348.  
  349. .m2_top {
  350.  background: transparent url(img/t_20.jpg) 0px 0px no-repeat;
  351.  width: 190px;
  352.  height: 29px;
  353.  display: block;
  354.  text-align: center;
  355.  font-weight: bold;
  356.  padding-top: 30px;
  357. }
  358.  
  359. .m2_content {
  360.  background: transparent url(img/t_25.jpg) 0px 0px repeat-y;
  361.  width: 174px;
  362.  display: block;
  363.  float: left;
  364.  margin-left: -1px;
  365.  padding: 5px 25px 0px 25px;
  366. }
  367.  
  368. .m2_end {
  369.  background: transparent url(img/t_29.jpg) 0px 0px no-repeat;
  370.  width: 190px;
  371.  height: 31px;
  372.  float: left;
  373.  margin-left: -1px;
  374. }
[HTML] pobierz, plaintext
ksersiński
4.08.2008, 11:09:49
KOD STRONY:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
  5. <meta name="description" content="TibiaTools - najlepsze darmowe boty do tibi, mapy do tibi, boty, tibia auto, cave bot, lazy tool, pacc za darmo, auto exp, download boty, tibiabot ng, update, darmowe boty, i wiele innych znajdziesz na naszej stronie, przezroczyste drzewka oraz wiele innych przydatnych narzedzi. Na naszej stronie znajdziesz równiez mnósto poradników do gry internetowej Tibia np. Gdzie expic, miejsca do skilowania, triki w grze i wiele innych ciekawych informcacji."/>
  6. <META NAME="robots" CONTENT="all">
  7. <meta name="keywords" content="darmowe boty, boty do tibii, darmowe boty do tibi, bot, tibia, sms, pacc, cave bot, tibia bot, free, bot download, mapy tibia, tibiaauto, opisy gg, poradniki tibia, tibia update, outfit, questy, mateusz dragon wielki, knight, sorcerere, paladin, druid, questy"/> 
  8. <meta name="author" content="author"/> 
  9. <link rel="stylesheet" type="text/css" href="default.css"/> <!-- deklaracja zawarta w pliku konfiguracyjnym -->
  10. <title>TibiaTool.pl - Najlepsze darmowe boty i narzedzia do Tibii</title>
  11. </head>
  12. <body>
  13. <div class="container">
  14.  
  15. <div><link type="text/css" rel="stylesheet" href="css.css" />
  16. <!--[if IE 6]>
  17.     <link rel="stylesheet" type="text/css" href="css_ie.css" />
  18. <![endif]-->
  19. <div id="rama">
  20. <div id="top"></div>
  21. <div id="menu">
  22. 		<a class="a1" href="index.php"></a>
  23. 		<a class="a2" href="http://forum.tibiatool.pl/"></a>
  24. 		<a class="a3" href="download.php"></a>
  25. 		<a class="a4" href="skrypty,ng.php"></a>
  26. 		<a class="a5" href="waypointy.php"></a>
  27. 		<a class="a6" href="szukaj.php"></a>
  28.  
  29. 		<a class="a7" href="rejstracja.php"></a>
  30. 		<a class="a8" href="logowanie.php"></a>
  31. </div>
  32.  
  33. <!-- www.TibiaTool.pl, czesc strony: gd82mk105 -->
  34. <link href="../default.css" rel="stylesheet" type="text/css" />
  35. <div id="tools">
  36. 		<div id="statystyki">
  37. 			<p><br />
  38. 			  <span class="topstyl"><b>Os&oacute;b on-line:</b><br />
  39.  
  40. 			  <b>Plik&oacute;w w download:</b><br />
  41. 			  <b>Post&oacute;w na forum:</b><br />
  42. 			  <b>Temat&oacute;w na forum:</b><br />
  43. 			  <b>Użytkownik&oacute;w:</b><br /></span></p> 
  44.  
  45. </div>
  46. <!-- www.TibiaTool.pl, czesc strony: gd82bl122 --><div id="na_forum">			
  47.   <div align="center"><img src="img/t_51.jpg" alt="" /> <span class="orange"><a href="#">Zgranij PACC-a na 90 dni za darmo</a></span><span class="topstyl"> przez pawelec (<b>10</b>) - <b>dodano:</b> Dzisiaj 15:47:55<br />
  48.     <br />
  49.   </div>
  50. </div>
  51.  
  52. <link href="../default.css" rel="stylesheet" type="text/css" />
  53. <form method="get" action="javascript:alert('Logowanie uzytkowników na strone zostalo chwilowo wylaczone. Mozesz jednak logowac sie na forum.')"
  54. <div id="logowanie">
  55. 			<input type="text" size="20" />
  56. 			<input type="password" size="20" />
  57. 			<br />
  58. 			<input type="image" src="img/t_54.jpg" size="20" /></div></div>
  59.  
  60. </div> <!-- Header strony - tylko sama ramka -->
  61. <style type="text/css">
  62. <!--
  63. .style1 {
  64. 	color: #668822;
  65. 	font-weight: bold;
  66. }
  67. -->
  68. </style>
  69.  
  70. <div class="main_right">
  71.  
  72. 		<div class="padded">
  73.  
  74. 			<hq>
  75. 			<span class="style1">News z Tibia.com
  76. 			</h1>
  77. 			</span>
  78. 		  <p align="justify">W tym tygodniu, CipSoft przedstawia nam nowy system komunikacji z NPC.  W momencie, kiedy zapragniesz porozmawiać z wyżej wymienionymi, wpisz  jego imię w polu dla nazwy gracza, tak jak to zwykle robisz. Kanał z  NPC zostanie otwarty, a rozmowa będzie wyglądała podobnie jak ta z  innym graczem.</p>
  79.  
  80. 		  <div align="right"><a href="news_z_tibia_wiecej.php">więcej &gt;</a></div>
  81. 		  <h1>Galeria</h1>
  82. 		  <p align="center"><a href="tibia+galeria.php"><img src="http://fc08.deviantart.com/fs27/f/2008/085/9/c/TIBIA_50_0_by_manreza.jpg" width="180" height="135" /><br />
  83.             <strong>Całkiem inna Tibia</strong></a></p>
  84. 			<h1><br />
  85. </h1>
  86. 		  <br />
  87.  
  88. 		  <center>
  89. 		  </center>
  90.   </div>
  91.  
  92. 	</div>
[HTML] pobierz, plaintext
ksersiński
4.08.2008, 11:10:55 
[HTML] pobierz, plaintext 
  1. <!-- pasek po prawej stronie strony (news tibia.com) -->
  2. <div class="subnav">
  3.  
  4. 		<h1>Menu Gł&oacute;wne</h1>
  5. 		<ul>
  6.  
  7. 			<li><a href="index.php"><img src="http://static.tibia.com/images/global/menu/icon-forum.gif" width="16" height="16" align="absmiddle" /> Strona gł&oacute;wna</a></li>
  8. 		  <li><a href="showart.php?name=wygrajpacc"><img src="http://wiki.hunted.pl/images/Map_%28kolorowa%29.gif" width="16" height="16" align="absmiddle" /> <strong><font color="#330000" >Wygraj PACC</font></strong></a></li>
  9. 		  <li><a href="http://forum.tibiatool.pl/"><img src="http://static.tibia.com/images/global/menu/icon-community.gif" width="16" height="16" align="absmiddle" /> Forum</a></li>
  10.           <li><a href="download.php"><img src="http://static.tibia.com/images/global/menu/icon-community.gif" width="16" height="16" align="absmiddle" /> Download</a></li>
  11.  
  12.           <li><a href="showart.php?name=tibiangfull"><img src="http://static.tibia.com/images/global/menu/icon-community.gif" width="16" height="16" align="absmiddle" /> Licencja TibiaBot Ng</a></li>
  13.   </ul>
  14.  
  15.   <h1>BOTY do Tibii</h1>
  16. <ul>
  17. 			<li><a href="download.php?file=tibiaauto"><img src="img/autoico.png" width="16" height="16" align="absmiddle" /> TibiaAuto 1.16</a></li>
  18.     <li><a href="download.php?file=tibiabotng"><img src="img/ngico.png" width="16" height="16" align="absmiddle" /> TibiaBot NG 4.7</a></li>
  19.  
  20.     <li><a href="download.php?file=tibiahelper"><img src="img/hlpico.png" width="16" align="absmiddle" /> Tibia Helper 1.2</a></li>
  21.     <li><a href="download.php?file=tibiamc"><img src="img/mcico.png" width="16" align="absmiddle" /> TibiaMulti 8.11</a></li>
  22.     <li><a href="download.php"><img src="img/mcico.png" width="16" align="absmiddle" /> Pozostale boty</a></li>
  23.   </ul>
  24.  
  25.   <h1>Narzędzia</h1>
  26.  
  27. <ul>
  28. 			<li><a href="faq.php"><img src="http://wiki.hunted.pl/images/Paper.gif" width="16" height="16" align="absmiddle" /> Obsługa Bot&oacute;w</a></li>
  29.     <li><a href="poradniki.php"><img src="http://wiki.hunted.pl/images/Paper.gif" width="16" align="absmiddle" /> Poradniki</a></li>
  30.     <li><a href="skrypty.php"><img src="http://wiki.hunted.pl/images/Paper.gif" width="16" align="absmiddle" /> Skrypty</a></li>
  31.     <li><a href="waypoints.php"><img src="http://wiki.hunted.pl/images/Paper.gif" width="16" height="16" align="absmiddle" /> Waypointy</a></li>
  32.  
  33. 	<li><a href="ownbot.php"><img src="http://wiki.hunted.pl/images/Paper.gif" width="16" height="16" align="absmiddle" /> Własny BOT!</a></li>
  34.   </ul>
  35. <h1>Inne</h1>
  36. 		<ul>
  37. 			<li><a href="kontakt.php"><img src="http://wiki.hunted.pl/images/Paper.gif" width="16" height="16" align="absmiddle" /> Kontakt</a></li>
  38. 		  <li><a href="tibiatool+pytania+i+odp.php"><img src="http://wiki.hunted.pl/images/Paper.gif" width="16" height="16" align="absmiddle" /> FAQ</a></li>
  39.  
  40. 		  <li><a href="katalog+stron+tibia.php"><img src="http://wiki.hunted.pl/images/Paper.gif" width="16" height="16" align="absmiddle" /> Katalog stron</a></li>
  41.   </ul>
  42. 	</div> <!-- menu glówne po lewej stronie -->
  43. <link rel="stylesheet" type="text/css" href="../default.css" media="screen"/>
  44. <div class="main">
  45.   <div class="padded">
  46.     <h1>tibiatool.pl - nowa odsłona</h1>
  47.  
  48.     <p class="meta">Dodano: Maj 28, 2008 przez <strong>admina</strong></p>
  49.     <p align="justify">Nareszcie odwiedzana przez wielu tibijczyk&oacute;w strona <a href="http://www.tibiatool.pl/">www.tibiatool.pl</a> zyskała nowy, ciekawy, a przede wszytskim łatwy w obsłudze interfejs. Dużo os&oacute;b pisało do mnie z r&oacute;żnymi problemami:</p>
  50.  
  51.     <blockquote>
  52.       <p><em>Super stronka tylko mam problem bo w mojej przegladarce jakos dziwnie sie rozsypuje,  jest to bardzo denerwujace i na pewno zniecheca innych</em></p>
  53.     </blockquote>
  54.     <blockquote>
  55.       <p><em>Mam problem z pobraniem niekt&oacute;rych plik&oacute;w, niewiem czemu. Klikam na link a pobieranie nie zaczyna się</em></p>
  56.     </blockquote>
  57.     <p>Te i inne problemy zostały naprawione. Od dziś swobodnie każdy może korzystać ze strony. Gł&oacute;wny nacisk położyliśmy na:</p>
  58.  
  59.     <ul>
  60.       <li>Ciekawą zawartość</li>
  61.       <li>Prostą obsługę</li>
  62.       <li>Poprawne wyświetlanie w r&oacute;żnych przeglądarkach</li>
  63.  
  64.     </ul>
  65.     <p align="justify">Jak na pewno zauważyliście do Donwload dodawane są nowe boty. Staramy się zgromadzić jak najwięcej plik&oacute;w, tak, aby każdy m&oacute;gł wybrać odpowiednie makro dla siebie. Każdy bot będzie szceg&oacute;łowo opisany, dołączone zostaną screeny i ocena. Zapraszamy do częstego zaglądania na stronę, ponieważ planowane jest wprowadzenie wielu nowości, niespodzianek, a w przyszłości nawet konkursy z nagrodami!</p>
  66.  
  67.   </div>
  68. </div>
  69. <p>&nbsp;</p>
  70.  <!-- ramka z zawartoscia strony -->
  71. <div class="clearer"><span></span></div>
  72. <div class="footer">
  73. <div align="center">&copy; 2008 <a href="http://www.tibiatool.pl">www.tibiatool.pl</a>. Kopiowanie jakiejkolwiek części portalu zabronione. | Powered by <strong>TibiTools v0.1 beta</strong> | design by Ksersiński</div>
  74.  
  75. <div class="clearer"><span></span></div>
  76. </div> <!-- pasek zakanczajacy z tekstem copyright -->
  77.  
  78. <!-- (C) stat24 / Strona glowna -->
  79. <script type="text/javascript">
  80. <!--
  81. document.writeln('<'+'scr'+'ipt type="text/javascript" src="http://s4.hit.stat24.com/_'+(new Date()).getTime()+'/script.js?id=nc1A2z9pK55L3mD4L51kA8QM.D6yhDCRLpDxjWBMAX7.G7/l=11"></'+'scr'+'ipt>');
  82. //-->
  83. </script></body>
  84. </html>
[HTML] pobierz, plaintext
wjkbdg
4.08.2008, 12:43:14
Siemanko,
kod twojej strony, zarówno HTML i CSS jest w opłakanym stanie dlatego masz z nią takie problemy.
W kilku miejscach masz niepozamykane tagi DIV, nazewnictwo klas jest mało zrozumiałe, poza tym w ogóle nie stosujesz identyfikatorów (id).
Powinieneś je stosować dla elementów unikatowych np. tworzących strukturę strony (patrz. footer, header itp.).

Teraz do rzeczy.
Jak sobie spojrzysz na swoją stronę to zobaczysz, że tekst stanowiący główną treść strony znajduje się nie na swoim miejscu - pod lewym panelem.
Jest tak dlatego ponieważ nadałeś mu wartość float:left ze zbyt duża szerokością. Nie mieści się on między bocznymi panelami, więc zostaje przesunięty pod spód. Jeżeli zmienisz jego szerokość to wróci na swoje miejsce.

Męczy jeszcze to siwe tło (zdefiniowane w głównym kontenerze strony), które w czarodziejski sposób nachodzi na lewy i prawy panel. Dzieje się tak, ponieważ nie zdefiniowałeś tła dla bocznych paneli przez co przyjmują kolor tła nadrzędnego elementu.. Moja propozycja to przenieść definicje siwego tła z głównego kontenera do tego zawierające newsy, jednocześnie nadając kolor tła bocznym panelom.

Stąd możesz pobrać poprawioną wersje strony [RAR].

Tak to wygląda:
ksersiński
5.08.2008, 23:47:09
Dzięki kolego, na prawdę to dla mnie wielka pomoc ponieważ wiedzę na temat CSS/PHP czerpałem jedynie z internetowych artykułów/kursów. Mam jeszcze tylko jedno pytanie. Co stało się z menu? W pliku stylów zdefiniowana jest klasa dla <li>. Było to takie ładne, podświetlane menu, a teraz niewiem dlaczego tak się zrobiło :/ żadnych plików obrazkowych chyba nie brakuje
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.