Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]tekst na divie i jego pozycja
Michał90
post
Post #1





Grupa: Zarejestrowani
Postów: 267
Pomógł: 0
Dołączył: 16.05.2007

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

Witam,
Mam oto taki kod html
[HTML] pobierz, plaintext 
  1. <html> 
  2. <head>
  3. <link href="style.css" rel="stylesheet" type="text/css">
  4. </head>
  5. <body>
  6. <div id="id0"></div>
  7. <div id="id1"></div>
  8. <div id="id2"></div>
  9. <div id="id3"></div>
  10. <div id="id4"></div>
  11. <div id="id5"></div>
  12. <div id="id6"></div>
  13. <div id="id7"></div>
  14. <div id="id8"></div>
  15. <div id="id9"></div>
  16. <div id="id10"></div>
  17. <div id="id11"></div>
  18. <div id="id12"></div>
  19. <div id="id13"></div>
  20. <div id="id14"></div>
  21. <div id="id15"></div>
  22. <div id="id16"></div>
  23. <div id="id17"></div>
  24.  
  25. </body>
  26. </html>
[HTML] pobierz, plaintext


i taki oto kod css
[HTML] pobierz, plaintext 
  1. #id0 { 
  2. background-image:url(images/top.gif);
  3. width: 440px;
  4. height: 94px;
  5. margin-left: 22.50%;
  6. position: absolute;
  7. }
  8.  
  9. #id1 { 
  10. background-image:url(images/m.gif);
  11. width: 50px;
  12. height: 54px;
  13. margin-left: 22.50%;
  14. margin-top: 7%;
  15. position: absolute;
  16. }
  17.  
  18. #id2 { 
  19. background-image:url(images/m1.gif);
  20. width: 50%;
  21. height: 54px;
  22. margin-left: 26%;
  23. margin-top: 7%;
  24. position: absolute;
  25. }
  26.  
  27. #id3 { 
  28. background-image:url(images/m2.gif);
  29. width: 42px;
  30. height: 54px;
  31. margin-left: 75%;
  32. margin-top: 7%;
  33. position: absolute;
  34. }
  35.  
  36. #id4 { 
  37. background-image:url(images/k.gif);
  38. width: 205px;
  39. height: 43px;
  40. margin-left: 22.50%;
  41. margin-top: 12%;
  42. position: absolute;
  43. }
  44.  
  45. #id5 { 
  46. background-image:url(images/k1.gif);
  47. width: 205px;
  48. height: 30%;
  49. margin-left: 22.50%;
  50. margin-top: 15%;
  51. position: absolute;
  52. }
  53.  
  54. #id6 { 
  55. background-image:url(images/k3.gif);
  56. width: 205px;
  57. height: 25px;
  58. margin-left: 22.50%;
  59. margin-top: 28%;
  60. position: absolute;
  61. }
  62.  
  63. #id7 { 
  64. background-image:url(images/t1.gif);
  65. width: 21px;
  66. height: 22px;
  67. margin-left: 40%;
  68. margin-top: 12%;
  69. position: absolute;
  70. }
  71.  
  72. #id8 { 
  73. background-image:url(images/t5.gif);
  74. width: 35%;
  75. height: 22px;
  76. margin-left: 41%;
  77. margin-top: 12%;
  78. position: absolute;
  79. }
  80.  
  81. #id9 { 
  82. background-image:url(images/t2.gif);
  83. width: 34px;
  84. height: 25px;
  85. margin-left: 75%;
  86. margin-top: 12%;
  87. position: absolute;
  88. }
  89.  
  90. #id10 { 
  91. background-image:url(images/t8.gif);
  92. width: 34px;
  93. height: 34%;
  94. margin-left: 75%;
  95. margin-top: 13%;
  96. position: absolute;
  97. }
  98.  
  99. #id11 { 
  100. background-image:url(images/t4.gif);
  101. width: 33px;
  102. height: 18px;
  103. margin-left: 75%;
  104. margin-top: 29%;
  105. position: absolute;
  106. }
  107.  
  108. #id12 { 
  109. background-image:url(images/t7.gif);
  110. width: 35%;
  111. height: 18px;
  112. margin-left: 41%;
  113. margin-top: 29%;
  114. position: absolute;
  115. }
  116.  
  117. #id13 { 
  118. background-image:url(images/t3.gif);
  119. width: 21px;
  120. height: 18px;
  121. margin-left: 40%;
  122. margin-top: 29%;
  123. position: absolute;
  124. }
  125.  
  126. #id14 { 
  127. background-image:url(images/t6.gif);
  128. width: 21px;
  129. height: 33%;
  130. margin-left: 40%;
  131. margin-top: 13%;
  132. position: absolute;
  133. }
  134.  
  135. #id15 { 
  136. background-image:url(images/d1.gif);
  137. width: 39px;
  138. height: 54px;
  139. margin-left: 22.50%;
  140. margin-top: 31%;
  141. position: absolute;
  142. }
  143.  
  144. #id16 { 
  145. background-image:url(images/d2.gif);
  146. width: 51%;
  147. height: 54px;
  148. margin-left: 25%;
  149. margin-top: 31%;
  150. position: absolute;
  151. }
  152.  
  153. #id17 { 
  154. background-image:url(images/d3.gif);
  155. width: 42px;
  156. height: 54px;
  157. margin-left: 75%;
  158. margin-top: 31%;
  159. position: absolute;
  160. }
[HTML] pobierz, plaintext


Ja zrobić, żeby mógłbym pisać pomiędzy divem id06 i id08 ?
ID są pokazane na fotce(są to te paski,zaokrąglenia)
(IMG:http://img508.imageshack.us/img508/5192/82462201.th.png)

Pozdrawiam
Go to the top of the page
+Quote Post

Posty w temacie
- Michał90   [CSS][HTML]tekst na divie i jego pozycja   17.08.2009, 08:15:47
- - Robert007   musisz stworzyć tabele tak jakby. [HTML] pobierz,...   17.08.2009, 08:19:46
- - Marcuez   Zaokrąglone rogi? [HTML] pobierz, plaintext <st...   17.08.2009, 13:02:52

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 4.10.2025 - 13:57
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn