Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Jak usunąć rami z WWW
Forum PHP.pl > Forum > Przedszkole
k_uba
4.06.2013, 08:08:31
Witam
Jestem troszkę początkujący w tematyce WWW. Stworzyłem stronę za pomocą szablony na WWW i chciałem ją wypozycjonować, ale osoba za to odpowiedzialna powiedziała mi że strona nie może zawierać ramek. Może ktoś mi pomóc pozbyć się ramek z kodu. Z góry dzięki za pomoc. Poniżej przedstawiam kod strony i css
[HTML] pobierz, plaintext 
  1. <body id="template" class="background12-white background">
  2. 		<div class="site-frame">
  3. 		<div id="wrapper" class="container-content external-border5-black">
  4. 	<div class="external-top"><div><div><div><div></div></div></div></div></div>
  5. 	<div class="external-side-left">
  6. 		<div class="external-side-left-top">
  7. 			<div class="external-side-left-bottom">
  8. 				<div class="external-side-right">
  9. 					<div class="external-side-right-top">
  10. 						<div class="external-side-right-bottom">
  11. 							<div id="watermark" class="pageContentText background6-white background border-none">
  12. 								<div id="watermark-content" class="container-content">
  13. 									<div id="header" class="header background7-white background border-none">
  14. 	<div id="header-top" class="top"><div><div></div></div></div>
  15. 	<div id="header-side" class="side"><div id="header-side2" class="side2">
  16. 		<div class="container-content">
  17. 			<div id="header-content">
  18. 				<div class="container-content-inner" id="header-content-inner">
  19. 	<div class="widget widget-text" id="widget-3f259331-ef09-da95-6fbb-7e303014c500">
  20. 			<div class="widget-content"><p><img id="mce-8120" style="float: left; margin-right: 20px;" src="../attachments/Image/logo2.png?template=generic" alt="" width="240" height="40" /></p></div>
  21. 		</div>
  22.  
  23. 	<div class="widget widget-header" id="widget-4fd37d94-22ed-d47d-9ddd-c5c96b74ec97">
  24. 	  <div class="widget-content">
  25.  
  26.  
  27. 	     <div id="fadeshow1"></div>
  28.  
  29. 	  </div>
  30. 	</div>
  31.  
  32. 	<div class="widget widget-navigation" id="widget-6885bcce-aef7-4c4c-580f-364b33d517c5">
  33. 			<div class="widget-content">
  34. 	menu
  35. 		</div>
  36. 		</div>
  37. </div>
  38. 			</div>
  39. 		</div>
  40. 	</div></div>
  41. 	<div id="header-bottom" class="bottom"><div><div></div></div></div>
  42. </div>
  43. 									<div id="columns">
  44.  
  45.  
  46. 										<div id="content" class="content border-none">
  47. 	<div id="content-top" class="top"><div><div></div></div></div>
  48. 	<div id="content-side" class="side"><div id="content-side2" class="side2">
  49. 		<div class="container-content">
  50. 			<div id="content-content">
  51. 				<div class="container-content-inner" id="content-content-inner">
  52. 	<div class="widget widget-text" id="widget-c9e0e61d-5d50-6dbd-f221-0c1c06b9ac37">
  53. 			<div class="widget-content">
  54.  
  55. Tresc strony
  56.  
  57. </div>
  58. </div>
  59. 			</div>
  60. 		</div>
  61. 	</div></div>
  62. 	<div id="content-bottom" class="bottom"><div><div></div></div></div>
  63. </div>
  64. 									</div>
  65. 								    <div id="footer" class="footer border2-black">
  66. 	<div id="footer-top" class="top"><div><div></div></div></div>
  67. 	<div id="footer-side" class="side"><div id="footer-side2" class="side2">
  68. 		<div class="container-content">
  69. 			<div id="footer-content">
  70. 				<div class="container-content-inner" id="footer-content-inner">
  71. 	<div class="widget widget-text" id="widget-6b2cb07e-bb33-8888-3801-f5d9a123afe4">
  72. 			<div class="widget-content"><p style="text-align: right;">				
  73. 			Stopka
  74. 		 </p>
  75. 		</div></div>
  76. </div>
  77. 			</div>
  78. 		</div>
  79. 	</div></div>
  80. 	<div id="footer-bottom" class="bottom"><div><div></div></div></div>
  81. </div>
  82. 								</div>
  83. 							</div>
  84. 						</div>
  85. 					</div>
  86. 				</div>
  87. 			</div>
  88. 		</div>
  89. 	</div>
  90. 	<div class="external-bottom"><div><div><div><div></div></div></div></div></div>
  91. </div>
  92.  
  93. 	</div>
  94. 	<script type="text/javascript" src="../js/anti_cache.js"></script>
  95.  
  96. </body>
  97. </html>
[HTML] pobierz, plaintext 



[HTML] pobierz, plaintext 
  1. /* Defaults */
  2. html, body { height:100%; overflow: hidden;}
  3. html.mobile, .mobile body { height: auto; overflow: visible; }
  4. a img { border: 0; }
  5. input { margin:0;padding:0; }table, caption, tbody, tfoot, thead, tr, th, td { outline: 0; font-size: 100.01%; }
  6. table { border-collapse: collapse; border-spacing: 0; }
  7. :focus {outline: 0;}
  8. .clearfix { display: inline-block; }
  9. .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  10. .clearfix { display: block; }
  11. * html .clearfix { height: 1%; }
  12.  
  13.  
  14. /* Template */
  15. .site-frame {width: 100%; height: 100%; overflow: auto; }
  16. #wrapper {margin: auto;}
  17. 	#header-top {background-position: top left; background-repeat: no-repeat;}
  18. 	#header-top div {background-position: top right; background-repeat: no-repeat;}
  19. 	#header-top div div {padding: 0; background-repeat: repeat-x;}
  20. 	#header-side {background-repeat: repeat-y;}
  21. 	#header-side2 {background-position: top right; background-repeat: repeat-y;}
  22. 	#header-bottom {background-position: bottom left; background-repeat: no-repeat;}
  23. 	#header-bottom div {background-position: bottom right; background-repeat: no-repeat;}
  24. 	#header-bottom div div {padding: 0; background-position: bottom; background-repeat: repeat-x;}
  25. 	#header-content {background-position: center right; background-repeat: no-repeat; position: relative;}
  26. #columns {zoom: 1}
  27. #columns:after {	content: ' '; clear:both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0;}
  28. #column1-top {background-position: top left; background-repeat: no-repeat;}
  29. #column1-top div {background-position: top right; background-repeat: no-repeat;}
  30. #column1-top div div {padding: 0; background-repeat: repeat-x;}
  31. #column1-side {background-repeat: repeat-y;}
  32. #column1-side2 {background-position: top right; background-repeat: repeat-y;}
  33. #column1-bottom {background-position: bottom left; background-repeat: no-repeat;}
  34. #column1-bottom div {background-position: bottom right; background-repeat: no-repeat;}
  35. #column1-bottom div div {padding: 0; background-position: bottom; background-repeat: repeat-x;}
  36.  
  37. #column2-top {background-position: top left; background-repeat: no-repeat;}
  38. #column2-top div {background-position: top right; background-repeat: no-repeat;}
  39. #column2-top div div {padding: 0; background-repeat: repeat-x;}
  40. #column2-side {background-repeat: repeat-y;}
  41. #column2-side2 {background-position: top right; background-repeat: repeat-y;}
  42. #column2-bottom {background-position: bottom left; background-repeat: no-repeat;}
  43. #column2-bottom div {background-position: bottom right; background-repeat: no-repeat;}
  44. #column2-bottom div div {padding: 0; background-position: bottom; background-repeat: repeat-x;}
  45.  
  46. #content-top {background-position: top left; background-repeat: no-repeat;}
  47. #content-top div {background-position: top right; background-repeat: no-repeat;}
  48. #content-top div div {padding: 0; background-repeat: repeat-x;}
  49. #content-side {background-repeat: repeat-y;}
  50. #content-side2 {background-position: top right; background-repeat: repeat-y;}
  51. #content-bottom {background-position: bottom left; background-repeat: no-repeat;}
  52. #content-bottom div {background-position: bottom right; background-repeat: no-repeat;}
  53. #content-bottom div div {padding: 0; background-position: bottom; background-repeat: repeat-x;}
  54. #footer-top {background-position: top left; background-repeat: no-repeat;}
  55. #footer-top div {background-position: top right; background-repeat: no-repeat;}
  56. #footer-top div div {padding: 0; background-repeat: repeat-x;}
  57. #footer-side {background-repeat: repeat-y;}
  58. #footer-side2 {background-position: top right; background-repeat: repeat-y;}
  59. #footer-bottom {background-position: bottom left; background-repeat: no-repeat;}
  60. #footer-bottom div {background-position: bottom right; background-repeat: no-repeat;}
  61. #footer-bottom div div {padding: 0; background-position: bottom; background-repeat: repeat-x;}
  62. #footer-content {position: relative;}
  63. #header-content, #footer-content {min-height: 24px; height: auto !important; height: 24px;}
  64. #template #header-content { z-index: 21; }
  65. #template #footer-content { z-index: 20; }
  66.  
  67. #column1-content, #column2-content { position: relative; z-index: 10; }
  68. #content-content { position: relative; z-index: 5; }
  69. #columns .container-content-inner { padding: 1px 0; }
  70.  
  71.  
[HTML] pobierz, plaintext
Talidali
4.06.2013, 08:18:48
Hej.

Przecież nie ma tu żadnych ramek. Może pomyliło mu się coś, np z site-frame
StrefaPi
4.06.2013, 08:28:28
swoją drogą, jeżeli nie ma ramek w kodzie to pozycjoner jest "dobry", bo nawet nie spojrzał w kod... ;/
-k_uba-
4.06.2013, 08:40:40
Dziękuję za szybką odpowiedź.
Talidali
4.06.2013, 08:48:52
Cytat(StrefaPi @ 4.06.2013, 09:28:28 ) *
swoją drogą, jeżeli nie ma ramek w kodzie to pozycjoner jest "dobry", bo nawet nie spojrzał w kod... ;/



Teraz sporo jest takich pozycjonerów, bo robota wydawać się może przyjemna. Nakupują programów i jestem pozycjonerem, płać abonament.
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.