Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Znak wodny
Forum PHP.pl > Forum > Przedszkole
MnicH.
Witam, mam mały problem ze znakiem wodnym:
mam kod html:
  1. <div class="logo">
  2. <div class="logo_lewe"><img src="images/logo.png" alt="ChoQue : Świat Należy do nas"></div>
  3. <div class="logo_prawe"><p class="plogo">
  4. <div class="logo_login">
  5. <div class="logo_login_avatar"><img class="avatar" src="images/avatar/none.png"></div><div class="logo_login_info"><big>Witaj <b>nick</b>,</big><br><b>Twoje posty:</b> x<br><b>Twoje :</b> x<br>Masz 0 Wiadomości</div>
  6. <div class="logo_login_menu">[<a href="/">Strona Główna</a>]<br>[Panel Użytkownika]<br>[Wyloguj]<br>itd...</div>
  7. </div>
  8. </p></div>
  9. </div>


oraz kod CSS:
  1. body{
  2. background-color: #23282b;
  3. font-family: Tahoma;
  4. font-size: 12px;
  5. color: #FFFFFF;
  6. margin: 0;
  7. padding: 0;
  8. }
  9.  
  10. .logo{
  11. height: 240px;
  12. width: 100%;
  13. }
  14.  
  15. .logo_lewe{
  16. width: 546px;
  17. float: left;
  18. height: 240px;
  19. }
  20.  
  21. .logo_prawe{
  22. height: 240px;
  23. margin-left: -2px;
  24. float: left;
  25. background-image: url(images/tlo.png);
  26. background-repeat: repeat;
  27. }
  28.  
  29. p.plogo{
  30. margin-top: 125px;
  31. margin-left: 3px;
  32. margin-right: 5px;
  33. }
  34.  
  35. .logo_login_avatar{
  36. width: 100px;
  37. height: 200px;
  38. float: left;
  39. }
  40.  
  41. img.avatar{
  42. width: 100px;
  43. height: 100px;
  44. padding: 1px;
  45. border: 1px solid gray;
  46. }
  47.  
  48. .logo_login_info{
  49. margin-left: 30px;
  50. width: 150px;
  51. height: 200px;
  52. float: left;
  53. }
  54.  
  55. .logo_login_menu{
  56. float: left;
  57. height: 200px;
  58. }
  59.  
  60. .site{
  61. clear: both;
  62. width: 100%;
  63. margin-bottom: 10px;
  64. }
  65.  
  66. .lewa{
  67. width: 200px;
  68. height: auto;
  69. float: left;
  70. margin-bottom: 10px;
  71. }
  72.  
  73. .prawa{
  74. width: auto;
  75. height: auto;
  76. float: left;
  77. margin-bottom: 10px;
  78. }
  79.  
  80. .lewa_strona{
  81. width: 200px;
  82. padding-bottom: 2px;
  83. border: 1px solid #30373a;
  84. background-color: #1c2022;
  85. }
  86.  
  87. .prawa_strona{
  88. width: 790px;
  89. padding-bottom: 2px;
  90.  
  91. border: 1px solid #30373a;
  92. background-color: #1c2022;
  93. }
  94.  
  95. .naglowek1{
  96. background-image: url(images/n1.png);
  97. width: 15px;
  98. height: 25px;
  99. float: left;
  100. }
  101.  
  102. .naglowek2{
  103. background-image: url(images/n2.png);
  104. height: 25px;
  105. float: left;
  106. }
  107.  
  108. .naglowek3{
  109. background-image: url(images/n3.png);
  110. width: 15px;
  111. height: 25px;
  112. float: left;
  113. }
  114.  
  115. .stopka{
  116. clear: both;
  117. margin-top: 10px;
  118. width: 100%;
  119. border-top: 1px solid #30373a;
  120. border-bottom: 1px solid #30373a;
  121. background-color: #1c2022;
  122. }
  123.  
  124. p.sstopka{
  125. text-align: center;
  126. }
  127.  
  128. p.naglowek{
  129. margin-left: 5px;
  130. margin-top: 5px;
  131. font-stretch: inherit;
  132. font-weight: bold;
  133. text-align: center;
  134. }
  135.  
  136. p.tresc{
  137. margin-left: 10px;
  138. margin-right: 5px;
  139. margin-top: 5px;
  140. list-style-position: inside
  141. }
  142.  
  143. a:active, a:focus, a:hover, a:link, a:visited {
  144. color: #FFFFFF;
  145. text-decoration: none;
  146. }


są to 2 obrazki, lewy wyświetlany ciągle o tych samych parametrach a prawy ma być znakiem wodnym i się powielać aż do końca ekranu. Niestety u mnie tak nie jest, dlaczego?

Jak to wygląda jest na www.choque.e-jui.eu
erix
A co jest u Ciebie znakiem wodnym? Masz na myśli tło strony?

PS. Znak wodny w CSS, to kiepski pomysł; nie zabezpieczy przed hotlinkowaniem, a chyba o to w znakach wodnych chodzi. winksmiley.jpg
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.