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


style.css
[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext


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
Black-Berry
post
Post #2





Grupa: Zarejestrowani
Postów: 663
Pomógł: 6
Dołączył: 3.06.2007
Skąd: Kraków

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

Ja myślę, że w tej dyskusji o divach i tabelkachbrakło jednej zasadniczej kwestji - powinno się zawsze używać tego co ułatwia sprawę. Divy sa dobre jesli kod który piszemy ma być wyświetlany na każdej stronie inaczej. Wtedy za pomocą css-a można z nimi zrobić prawie wszystko. Jesli natomiast tworzymy tylko jedną stronę która ma się nigdy nie zmieniać to łatwo się używa tabelek. Jest jeszcze oczywiście argument dotyczący robotów wyszukiwarek, ale nie jestem w stanie go potwierdzić.

Walnij tabelkę i będzie dobrze (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Pozdrawiam
Go to the top of the page
+Quote Post

Posty w temacie
- pikey   [html/css] wyrównanie div'ów   6.07.2007, 12:59:18
- - Black-Berry   spróbuj może całość wstawić w jednego wielkiego di...   9.07.2007, 23:57:38
- - batman   I dlatego właśnie tworzę strony w o...   10.07.2007, 04:29:21
- - Black-Berry   Ja myślę, że w tej dyskusji o divach i tabelkachbr...   10.07.2007, 08:31:45
- - gekon   Żal mi panowie zaglądać na forum, j...   10.07.2007, 23:16:04
- - batman   CytatŻal mi panowie zaglądać na forum, jak widzę t...   11.07.2007, 07:26:50
- - gekon   CytatWiem po co są div-y A czy powiedziałem, że ni...   11.07.2007, 10:10:11
- - Kreton   @batman zachowa się normalnie. Uzywając XHTML 1.0 ...   25.07.2007, 20:29:12
- - RaNdaLLHD   Powinno pomóc Ci utworzenie warstwy i użycie w nie...   26.07.2007, 05:11:11

« Następny starszy · Po stronie przeglądarki · 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: 9.10.2025 - 16:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn