Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [html][css]text-align: center nie działa
asidro
post 17.11.2010, 12:52:06
Post #1





Grupa: Zarejestrowani
Postów: 32
Pomógł: 1
Dołączył: 24.07.2010

Ostrzeżenie: (30%)
XX--- 

[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
Go to the top of the page
+Quote Post
ADeM
post 17.11.2010, 13:50:36
Post #2





Grupa: Zarejestrowani
Postów: 455
Pomógł: 69
Dołączył: 23.10.2004
Skąd: Oświęcim

Ostrzeżenie: (0%)
-----

Spróbuj do #con dodać "margin: 0 auto" zamiast text-align.


--------------------
Adam Kuś - portfolio
Lecznica Weterynaryjna Błonie - Oświęcim
Aterm - Świadectwa Charakterystyki Energetycznej - Oświęcim - Grojec
Go to the top of the page
+Quote Post
asidro
post 17.11.2010, 14:31:41
Post #3





Grupa: Zarejestrowani
Postów: 32
Pomógł: 1
Dołączył: 24.07.2010

Ostrzeżenie: (30%)
XX---

OK już sobie poradziłem

Ten post edytował asidro 17.11.2010, 15:29:01
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 22.05.2025 - 06:18
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn