Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] usztywienie strony
Forum PHP.pl > Forum > Przedszkole
fvrdi1guerg0
2.02.2013, 01:52:19
Witam
ponownie mam kłopot z WWW chodzi o to że jak jest otwarta w przeglądarce na pełnym oknie to jest ok. pomniejszenie okna powoduje rozsypanie się WWW stopka wchodzi na grafiki menu też jakoś dziwnie się przemieszcza a i po zmniejszeniu okna przeglądarki nie pokazuje się dolny suwak do przesuwania całej strony
podgląd http://photoprocessin.gbzl.pl/test/index.html

[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="iso-8859-2"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4. <head>
  5.   <meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" />
  6.   <meta name="Description" content=" [wstaw tu opis strony] " />
  7.   <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
  8.   <meta name="Author" content=" [dane autora] " />
  9.   <meta name="Generator" content="kED" />
  10. 	<link rel="Stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Asul" />
  11. 	<link rel="Stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Karla" />
  12. 	<style type="text/css"></style></style>
  13.   <title> [tytuł strony] </title>
  14.  
  15.   <link rel="stylesheet" href="style.css" type="text/css" />
  16. </head>
  17. <body>
  18. <div id="top">
  19. 	<img class="logo" src="im/logo1.jpg" alt="logo">
  20. 	<ul>
  21. 		<li>
  22. 	<a href="1.html">xxxxxx</a></li><li>
  23. 	<a href="2.html">xxxxxx</a></li>
  24. 	<a href="2.html">xxxxxxx</a></li>
  25. 		<li>
  26. 	</ul>
  27. </div>
  28. <div>
  29. <div id="galeria">
  30. 	<center><nobr>
  31.  
  32. 	<img border="0" src="im/11.jpg" alt="Photo" width="" height="600" />
  33. 	<img border="0" src="im/12.jpg" alt="Photo" width="" height="600" />
  34. 	<img border="0" src="im/11.jpg" alt="Photo" width="" height="600" />
  35. 	<img border="0" src="im/12.jpg" alt="Photo" width="" height="600" />
  36. 	<img border="0" src="im/11.jpg" alt="Photo" width="" height="600" />
  37. 	<img border="0" src="im/12.jpg" alt="Photo" width="" height="600" />
  38. 	<img border="0" src="im/11.jpg" alt="Photo" width="" height="600" />
  39. 	<img border="0" src="im/12.jpg" alt="Photo" width="" height="600" />
  40. 	<img border="0" src="im/11.jpg" alt="Photo" width="" height="600" />
  41. 	<img border="0" src="im/12.jpg" alt="Photo" width="" height="600" />
  42. 	<img border="0" src="im/11.jpg" alt="Photo" width="" height="600" />
  43. 	<img border="0" src="im/12.jpg" alt="Photo" width="" height="600" />
  44. 	<img border="0" src="im/11.jpg" alt="Photo" width="" height="600" />
  45. 	<img border="0" src="im/12.jpg" alt="Photo" width="" height="600" />
  46.  
  47. 	</center></nobr>
  48. 		</div>
  49.  
  50.  
  51. <div id="sto">
  52.  
  53. 	<div style="text-align: center; border-bottom: 1px solid #dcdcdc; width: "></div>
  54.  
  55. 		<p>Copyright 2013</p>
  56. </div> 
  57.  
  58.  
  59. </body>
  60. </html>
[HTML] pobierz, plaintext 


[CSS] pobierz, plaintext 
  1. body
  2.  {
  3.  display: block;
  4.  position: ;
  5.  margin-top: 0px;
  6.  margin-left: 30px;
  7.  margin-right: 30px;
  8.  padding: 0px;
  9.  font-family: ;
  10.  }
  11.  #top ul 
  12.  {
  13.  font-family: Asul;
  14.  margin-top: -50px;
  15.  list-style: none;
  16.  font-size: 20px;
  17.  }
  18.  #top
  19.  {
  20.  margin-top: 0px;
  21.  background-color: ;
  22.  border-bottom: 1px solid #dcdcdc;
  23.  margin-right: 0px;
  24.  margin-left: 0px;
  25.  float: ;
  26.  }
  27.  #top .logo
  28.  {
  29.   position: relative; top: 1px;
  30.   margin-top: -0px;
  31.  }
  32.  ul, ul li {
  33. 	display: ;
  34. 	list-style: none;
  35. 	margin: 2px;
  36. 	padding: 15px;
  37. }
  38.  
  39. ul {
  40. 	text-align: right;
  41. 	border-bottom: 1px solid #fff;
  42. 	padding-bottom: 3px;
  43. }
  44.  
  45. ul li {
  46. 	display: inline;#
  47. 	white-space: nowrap;
  48. 	margin-right: 70px;
  49. }
  50.  
  51. ul a:link, ul a:visited {
  52. 	text-decoration: none;
  53. 	background-color: #fff;
  54. 	color: #8c8c8c;
  55. 	border: 1px solid #fff;
  56. 	padding: 5px;
  57. }
  58.  
  59. ul a:hover {
  60. 	background-color: #fff;
  61. 	border-bottom-color: #fff;
  62. }
  63. ul a:link, ul a:visited 
  64. {
  65. 	color: #b8b8b8;
  66. }
  67.  
  68. ul a:hover {
  69. 	color: #6b6b6b;
  70. }
  71. #sto
  72. {
  73. position: absolute;
  74. bottom: 0px;
  75. height: 40px;
  76. width: 95%;
  77. }
  78. #sto p
  79. {
  80. font-family: Karla;
  81. float: right;
  82. color: #8c8c8c;
  83. font-size: 11px;
  84. margin-top: 3px;
  85.  
  86. }
  87. #galeria
  88. {
  89. text-align: center;
  90. margin-top: 10px;
  91. margin-left: -20px;
  92. margin-right: -20px;
  93. height: 625px;
  94. overflow: auto;
  95. }
[CSS] pobierz, plaintext


Da rady to doprawadzić do ładu

toaspzoo
2.02.2013, 02:04:15
Divy widzę poznałeś, to użyj smile.gif
Wrzuć do jednego diva.

[CSS] pobierz, plaintext 
  1. body
  2. {
  3. display: block;
  4. position: ;
  5. margin-top: 0px;
  6. margin-left: 30px;
  7. margin-right: 30px;
  8. padding: 0px;
  9. font-family: ;
  10. }
  11. #top ul 
  12. {
  13. font-family: Asul;
  14. margin-top: -50px;
  15. list-style: none;
  16. font-size: 20px;
  17. }
  18. #top
  19. {
  20. margin-top: 0px;
  21. background-color: ;
  22. border-bottom: 1px solid #dcdcdc;
  23. margin-right: 0px;
  24. margin-left: 0px;
  25. float: ;
  26. }
  27. #top .logo
  28. {
  29. position: relative; top: 1px;
  30. margin-top: -0px;
  31. }
  32. ul, ul li {
  33. display: ;
  34. list-style: none;
  35. margin: 2px;
  36. padding: 15px;
  37. }
  38.  
  39. ul {
  40. text-align: right;
  41. border-bottom: 1px solid #fff;
  42. padding-bottom: 3px;
  43. }
  44.  
  45. ul li {
  46. display: inline;#
  47. white-space: nowrap;
  48. margin-right: 70px;
  49. }
  50.  
  51. ul a:link, ul a:visited {
  52. text-decoration: none;
  53. background-color: #fff;
  54. color: #8c8c8c;
  55. border: 1px solid #fff;
  56. padding: 5px;
  57. }
  58.  
  59. ul a:hover {
  60. background-color: #fff;
  61. border-bottom-color: #fff;
  62. }
  63. ul a:link, ul a:visited 
  64. {
  65. color: #b8b8b8;
  66. }
  67.  
  68. ul a:hover {
  69. color: #6b6b6b;
  70. }
  71. #sto
  72. {
  73. position: absolute;
  74. bottom: 0px;
  75. height: 40px;
  76. width: 95%;
  77. }
  78. #sto p
  79. {
  80. font-family: Karla;
  81. float: right;
  82. color: #8c8c8c;
  83. font-size: 11px;
  84. margin-top: 3px;
  85.  
  86. }
  87. #galeria
  88. {
  89. text-align: center;
  90. margin-top: 10px;
  91. margin-left: -20px;
  92. margin-right: -20px;
  93. height: 625px;
  94. overflow: auto;
  95. }
[CSS] pobierz, plaintext

Cytat
ps. coś nie mogę tu wstawić css

Jak to jest, że ja mogę ? smile.gif
Szymciosek
2.02.2013, 02:09:31
Cytat(toaspzoo @ 2.02.2013, 02:04:15 ) *
Jak to jest, że ja mogę ? smile.gif



Kolega nie zamknął znacznika CSS
fvrdi1guerg0
2.02.2013, 02:17:30
zrobiłem tak 
[HTML] pobierz, plaintext 
  1.  </head>
  2. <body>
  3.  <div> 
  4. !-- zawartość strony znaczy się ten cały kod -->
  5.   </div>
  6. </body>
  7. </html>
[HTML] pobierz, plaintext

i nie poprawiło się sad.gif
djgarsi
2.02.2013, 11:13:33 
[CSS] pobierz, plaintext 
  1. #sto {
  2. position: absolute;
  3. bottom: 0px;
  4. height: 40px;
  5. width: 95%;
  6. }
[CSS] pobierz, plaintext


usuń stąd position: absolute;
fvrdi1guerg0
2.02.2013, 11:34:11
Cytat(djgarsi @ 2.02.2013, 11:13:33 ) *
[CSS] pobierz, plaintext 
  1. #sto {
  2. position: absolute;
  3. bottom: 0px;
  4. height: 40px;
  5. width: 95%;
  6. }
[CSS] pobierz, plaintext


usuń stąd position: absolute;

Dzięki
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.