Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> div
blizniak
post
Post #1





Grupa: Zarejestrowani
Postów: 253
Pomógł: 0
Dołączył: 14.04.2005

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

witam
mam cos takiego
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Mój pierwszy layout</title>
  6. <meta http-equiv="Content-Type"
  7. content="text/html; charset=iso-8859-2" />
  8.  
  9. <link rel="stylesheet" type="text/css"
  10. media="all" href="s.css" />
  11.  
  12.  
  13. <style type="text/css">
  14. div#one
  15. {
  16. width: 349px;
  17. height: 140px;
  18. background-color: #103BB8;
  19. margin: 10px;
  20. margin-top: 10px;
  21. padding: 5px;
  22. border: 1px solid;
  23. border-color: #003300; 
  24. float: left; 
  25. } 
  26.  
  27.  
  28. div#two
  29. {
  30. width: 349px;
  31. height: 140px;
  32. background-color: #103BB8;
  33. margin: 10px;
  34. margin-top: 10px;
  35. padding: 5px;
  36. border: 1px solid;
  37. border-color: #003300; 
  38. float: left; 
  39. } 
  40.  
  41. div#trzy
  42. {
  43. width: 349px;
  44. height: 140px;
  45. background-color: #103BB8;
  46. margin: 10px;
  47. margin-top: 10px;
  48. padding: 5px;
  49. border: 1px solid;
  50. border-color: #003300; 
  51. float: left; 
  52.  
  53. } 
  54.  
  55. div#cztery
  56. {
  57. width: 349px;
  58. height: 140px;
  59. background-color: #103BB8;
  60. margin: 10px;
  61. margin-top: 10px;
  62. padding: 5px;
  63. border: 1px solid;
  64. border-color: #003300;
  65. float: left; 
  66.  
  67. } 
  68.  
  69.  
  70. </style>
  71.  
  72.  
  73. </head>
  74.  
  75. <body>
  76.  
  77.  
  78. <div>
  79. <div id="one">Teks1t</div>
  80. <div id="two">Tekst2</div> 
  81. </div>
  82. <div>
  83. <div id="trzy">Tekst3</div>
  84. <div id="cztery">Tekst4</div> 
  85. </div>
  86.  
  87.  
  88. </body>
  89. </html>
[HTML] pobierz, plaintext


jak zrobic zeby byl taki efekt
[HTML] pobierz, plaintext 
  1. <TABLE>
  2. <TR>
  3. 	<TD>tekst1</TD>
  4. 	<TD>tekst2</TD>
  5. </TR>
  6. <TR>
  7. 	<TD>tekst3</TD>
  8. 	<TD>tekst4</TD>
  9. </TR>
  10. </TABLE>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Sedziwoj
post
Post #2





Grupa: Zarejestrowani
Postów: 793
Pomógł: 32
Dołączył: 23.11.2006
Skąd: Warszawa

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Mój pierwszy layout</title>
  6. <meta http-equiv="Content-Type"
  7. content="text/html; charset=iso-8859-2" />
  8.  
  9. <link rel="stylesheet" type="text/css"
  10. media="all" href="s.css" />
  11.  
  12.  
  13. <style type="text/css">
  14. div.czysta {
  15. clear : both;
  16. }
  17. div#one
  18. {
  19. width: 349px;
  20. height: 140px;
  21. background-color: #103BB8;
  22. margin: 10px;
  23. margin-top: 10px;
  24. padding: 5px;
  25. border: 1px solid;
  26. border-color: #003300;
  27. float: left;
  28. }
  29.  
  30.  
  31. div#two
  32. {
  33. width: 349px;
  34. height: 140px;
  35. background-color: #103BB8;
  36. margin: 10px;
  37. margin-top: 10px;
  38. padding: 5px;
  39. border: 1px solid;
  40. border-color: #003300;
  41. float: left;
  42. }
  43.  
  44. div#trzy
  45. {
  46. width: 349px;
  47. height: 140px;
  48. background-color: #103BB8;
  49. margin: 10px;
  50. margin-top: 10px;
  51. padding: 5px;
  52. border: 1px solid;
  53. border-color: #003300;
  54. float: left;
  55.  
  56. }
  57.  
  58. div#cztery
  59. {
  60. width: 349px;
  61. height: 140px;
  62. background-color: #103BB8;
  63. margin: 10px;
  64. margin-top: 10px;
  65. padding: 5px;
  66. border: 1px solid;
  67. border-color: #003300;
  68. float: left;
  69.  
  70. }
  71.  
  72.  
  73. </style>
  74.  
  75.  
  76. </head>
  77.  
  78. <body>
  79.  
  80.  
  81. <div class="czysta">
  82. <div id="one">Teks1t</div>
  83. <div id="two">Tekst2</div>
  84. </div>
  85. <div class="czysta">
  86. <div id="trzy">Tekst3</div>
  87. <div id="cztery">Tekst4</div>
  88. </div>
  89.  
  90.  
  91. </body>
  92. </html>
[HTML] pobierz, plaintext

Słowo wyjaśnienie, clear zapobiega opływaniu elementu z danej strony, tu by wystarczyło tylko left

Ten post edytował Sedziwoj 5.12.2006, 00:48:49
Go to the top of the page
+Quote Post

Posty w temacie
- blizniak   div   4.12.2006, 21:40:46
- - Szakal   [HTML] pobierz, plaintext <style type="tex...   4.12.2006, 21:57:29
- - blizniak   ale ja nie chce tego zrobic za pomoca tabelek to b...   4.12.2006, 22:10:14
- - Sedziwoj   [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC...   5.12.2006, 00:41:55
- - blizniak   byloby prawie dobrze gdyby nie jeden blad bo jak z...   5.12.2006, 13:24:33
- - Sedziwoj   Ale kłopot, bo nie mas ustawione width w div.czyst...   5.12.2006, 13:48:34
- - blizniak   a moglbys zobaczyc jeszcze jak ustawic te text1, t...   5.12.2006, 16:08:43

« 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 - 17:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn