Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html/css] wyrównanie div'ów, pomocy :P
pikey
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 15.10.2006

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


Podaje kod:

index.html
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <meta name="Robots" content="all" />
  3. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
  4.  
  5. <link rel="stylesheet" href="styles.css" type="text/css"/>
  6. <meta http-equiv="Content-Language" content="pl" />
  7. <meta name="Author" content="PiKey" />
  8. <title> Stronka </title>
  9. </head>
  10. <body style='height: 100%'>
  11.  
  12. <table class="page" border="1">
  13. <tr><td>
  14.  
  15. <div class="blue">
  16. Logowanie | Rejestracja
  17. </div>
  18.  
  19. <div class="blue" style="margin-top: 4px;">
  20. Witaj na stronie<br /><br />
  21.  
  22. Już teraz: <a href="?page=login">Zaloguj</a> się lub <a href="?page=register">Załóż nowe konto</a>
  23. </div>
  24.  
  25. </td><td>
  26.  
  27. <div class="green">
  28. <b>Ostatnio zalogowani:</b><br />
  29.  
  30. <table border="0">
  31. <tr>
  32. <td>1. </td>
  33. <td><h1>Teddy</h1>
  34. aa</td></tr>
  35.  
  36. <tr>
  37. <td>2. </td>
  38. <td><h1>Michałek</h1>
  39. aa</td></tr>
  40.  
  41. <tr>
  42. <td>3. </td>
  43. <td><h1>PiKey</h1>
  44. aa</td></tr>
  45. </table>
  46.  
  47. <br /><b>Najbogatsi:</b><br />
  48.  
  49.  
  50. <table border="0">
  51. <tr>
  52. <td>1. </td>
  53. <td><h1>PiKey</h1>
  54. aa</td></tr>
  55.  
  56. <tr>
  57. <td>2. </td>
  58. <td><h1>Michałek</h1>
  59. aa</td></tr>
  60.  
  61. <tr>
  62. <td>3. </td>
  63. <td><h1>Mruczek</h1>
  64. aa</td></tr>
  65. </table>
  66.  
  67. </div>
  68.  
  69. </td></tr>
  70.  
  71.  
  72. </body>
  73. </html>


style.css
  1. body {
  2. height: 100%;
  3. font-family: verdana;
  4. font-size: 12px;
  5. }
  6.  
  7. body {
  8. height: 100%;
  9. }
  10.  
  11. .blue {
  12. border: 1px solid #1abcff;
  13. padding: 10px;
  14. background-image: url(images/bcg-blue.png);
  15. width: 400px;
  16. }
  17.  
  18. h1 {
  19. font-size: 12px;
  20. font-family: tahoma;
  21. color:gray;
  22. margin: 0;
  23. }
  24.  
  25. .green {
  26. border: 1px solid #1abcff;
  27. padding: 10px;
  28. background-image: url(images/bcg-green.png);
  29. }
  30.  
  31. .page {
  32. height: 100%;
  33. }
  34.  
  35. .page td {
  36. vertical-align: top;
  37. }


screen:
http://www.fotosik.pl/pokaz_obrazek/14f9e74b0da24055.html

wszystko wyjaśnione na screenie
proszę o szybką pomoc!http://fotosik.pl/
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 22.08.2025 - 17:20