Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css]text-align: center nie działa
Forum PHP.pl > Forum > Przedszkole
asidro
17.11.2010, 12:52:06 
[HTML] pobierz, plaintext 
  1. html,body
  2. {
  3. background-color:#055d90;
  4. margin: 0 auto;
  5. text-align:center;
  6. }
  7. #con
  8. {
  9. width:875px;
  10. margin-top: auto;
  11. text-align: center;
  12. }
  13. #menu
  14. {
  15. width:875px;
  16. height:40px;
  17. position:absolute;
  18. margin-top:0px;
  19. padding: 0;
  20. }
  21. #header
  22. {
  23. background-image:url(images/header.jpg);
  24. width:875px;
  25. height:240px;
  26. position:absolute;
  27. margin-top:40px;
  28. padding: 0;
  29. }
  30. #menuu
  31. {
  32. width:875px;
  33. height:50px;
  34. position:absolute;
  35. margin-top:280px;
  36. border: 0px;
  37. padding: 0;
  38. }
  39. #menuuu
  40. {
  41. width:875px;
  42. height:261px;
  43. position:absolute;
  44. margin-top:330px;
  45. border: 0px;
  46. padding: 0;
  47. }
  48. #tresc
  49. {
  50. background-image:url(images/tresc.jpg);
  51. background-repeat:repeat-y;
  52. margin-top: 591px;
  53. margin-left:0px;
  54. margin-bottom:4px;
  55. width:875px;
  56. height:auto;
  57. position:absolute;
  58. font-family:Arial, Helvetica, sans-serif;
  59. font-size:9px;
  60. border:0px;
  61. padding: 0;
  62. }
  63. #stopka
  64. {
  65. background-image: url(images/stopka.jpg);
  66. width:875px;
  67. height:81px;
  68. bottom:0px;
  69. margin-top:auto;
  70. margin-left:0px;
  71. border:0px;
  72. padding: 0;
  73. }
  74. #lewy
  75. {
  76. background-color:#ffffff;
  77. font-size:12px;
  78. padding-left:13px;
  79. width:800px;
  80. text-align:justify;
  81. margin-left:5px;
  82. margin-top: 5px;
  83. padding: 0;
  84. }
  85.  
  86. .kwicks {
  87.      list-style-type: none;
  88.      position: relative;
  89.      margin: 0;
  90.      padding: 0;
  91.      background-image:url(no_flicker.png);
  92. }
  93. .kwicks li{
  94.     display: block;
  95.     overflow: hidden;
  96.     padding: 0;
  97.     cursor: pointer;
  98.     float: left;
  99.     width: 125px;
  100.     height: 40px;
  101.     margin-right: 0px;
  102.     background-image:url(menu.png);
  103.     background-repeat:no-repeat;
  104. }
  105. .kwicks a{
  106. 	display:block;
  107. 	height:40px;
  108. 	text-indent:-9999px;
  109. 	outline:none;
  110. }
  111. #kwick1 {
  112. 	background-position:0px 0px;
  113. }
  114. #kwick2 {
  115. 	background-position:-200px 0px;
  116. }
  117. #kwick3 {
  118. 	background-position:-400px 0px;
  119. }
  120. #kwick4 {
  121. 	background-position:-600px 0px;
  122. }
  123. #kwick5 {
  124. 	background-position:-800px 0px;
  125. }
  126. #kwick6 {
  127. 	background-position:-1000px 0px;
  128. }
  129. #kwick7 {
  130. 	background-position:-1200px 0px;
  131. }
  132. #kwick1.active, #kwick1:hover {
  133. 	background-position: 0 bottom;
  134. }
  135. #kwick2.active, #kwick2:hover{
  136. 	background-position: -200px bottom;
  137. }
  138. #kwick3.active, #kwick3:hover {
  139. 	background-position: -400px bottom;
  140. }
  141. #kwick4.active, #kwick4:hover {
  142. 	background-position: -600px bottom;
  143. }
  144. #kwick5.active, #kwick5:hover {
  145. 	background-position: -800px bottom;
  146. }
  147. #kwick6.active, #kwick6:hover {
  148. 	background-position: -1000px bottom;
  149. }
  150. #kwick7.active, #kwick7:hover {
  151. 	background-position: -1200px bottom;
  152. }
  153.  
[HTML] pobierz, plaintext 





[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  6. <link rel="Stylesheet" type="text/css" href="style.css" />
  7. <script type='text/javascript' src='jquery-1.2.6.js'>
  8. </script>
  9. <script src="kwicks.js" type="text/javascript">
  10. </script>
  11. <script src="custom.js" type="text/javascript">
  12. </script>
  13. </head>
  14. <body>
  15. <div id="con">
  16. <div id="menu">
  17. <ul class="kwicks" id="kwi">
  18. <li id="kwick1"><a href="#"></a></li>
  19. <li id="kwick2"><a href="#"></a></li>
  20. <li id="kwick3"><a href="#"></a></li>
  21. <li id="kwick4"><a href="#"></a></li>
  22. <li id="kwick5"><a href="#"></a></li>
  23. <li id="kwick6"><a href="#"></a></li>
  24. <li id="kwick7"><a href="#"></a></li>
  25. </ul>
  26. </div>
  27. <div id="header"></div>
  28. <div id="menuu"><img src="images/menu2.jpg" usemap="#menu2" style="border: 0px;" alt="menu1"/> <map id="menu2" name="menu2" style="border: 0px;">
  29. ></map></div>
  30. <div id="menuuu"><img src="images/menu3.jpg" usemap="#menu3" style="border: 0px;" alt="menu2"/> <map id="menu3" name="menu3" style="border: 0px;">
  31. ></map></div>
  32. <div id="tresc">
  33. <div id="lewy">
  34. <?php
  35. 	include('newsy.php');
  36. ?>
  37. </table>
  38. </div>
  39. <div id="stopka"></div>
  40. </div>
  41. </div>
  42. </body>
  43. </html>
  44.  
[HTML] pobierz, plaintext


Czemu nie mogę wyśrodkować strony za pomocą text-align? Który element koliduje? worriedsmiley.gif
ADeM
17.11.2010, 13:50:36
Spróbuj do #con dodać "margin: 0 auto" zamiast text-align.
asidro
17.11.2010, 14:31:41
OK już sobie poradziłem
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.