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
 
Start new topic
Odpowiedzi
gekon
post
Post #2





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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


Żal mi panowie zaglądać na forum, jak widzę takie posty.

@pikey: Całkowity brak zrozumienia tematu. Radzę poczytać jakieś kursy, od deski do deski. Potem przespać się, przeczytać jeszcze raz to czego się nie zrozumiało. Nie od razu Kraków zbudowano.

@batman & Black-Berry: Panowie divy nie są lepsze. Sa jedyną metodą, zgodną ze standardami, służącą do tworzenia szkieletu stron. Tabele jak sama nazwa wskazuje, służą do przedstawiania danych tabelarycznych (zaraz sie ktoś zapyta co to są dane tabelaryczne. Otóż definicja łopatoliczna jest dość prosta: jeżeli można zamienić kolumny z wierszami i nie zmienia to odbioru przekazywanej treści mamy do czynienia właśnie z tym typem danych).

A to może pomóc w rozwiązaniu problemu: http://www.alistapart.com/articles/fauxcolumns/

Ten post edytował gekon 11.07.2007, 00:08:28
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: 14.10.2025 - 05:51