Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html]początkujący sifer.pl
sifer
post
Post #1





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 14.01.2008

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

witam

zacząłem się bawić html, php, js od niedawna. jeśli jest to możliwe to prosiłbym o sprawdzenie poprawności niżej zamieszczonego kodu. chodzi mi o ewentualne wyłapanie błędów początkującego. może po prostu robie coś co można zrobić prościej i wydajniej. oczywiście są to póki co same ramki gotowe do przyjęcia grafiki, skryptów itp. wiem, że jest to dopiero początek, ale lepiej odrazu dowiedzieć się o ewentualnych błędach, aniżeli potem pisać wszystko od początku.

dziękuję.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
  2. <html>  
  3. <head>
  4. <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-2'>
  5. <meta http-equiv='Content-Language' content='pl'>
  6. <title>SIFER</title>
  7. <link rel='stylesheet' href='style.css' type='text/css'>  
  8. </head>
  9. <body>
  10.  
  11.  
  12. <div id='glowne'>
  13. <table id='tabela_glowna' align="center" width='768'>
  14.  
  15.  
  16. <!-- BANER --> 
  17. <tr>
  18.  <td class='td_baner' colspan='3'>
  19.   Tutaj bedzie baner
  20.  </td>
  21. </tr>
  22. <tr>
  23.  <td class='td_info' colspan='3'>
  24.   Tutaj bedzie info
  25.  </td>
  26. </tr>
  27.  
  28. <tr>
  29.  
  30. <!-- LEWE MENU --> 
  31. <td class='td_menu_lewe' valign='top'>
  32.  <div class='menu_l'>
  33.   <table id='tabela_lewa_1'>
  34.    <tr>
  35.     <td class='tabela'>link 1</td>
  36.    </tr>
  37.    <tr>
  38.     <td class='tabela'>link 2</td>
  39.    </tr>
  40.    <tr>
  41.     <td class='tabela'>link 3</td>
  42.    </tr>
  43.    <tr>
  44.     <td class='tabela'>link 4</td>
  45.    </tr>
  46.   </table>
  47.   <br>
  48.   <table id='tabela_lewa_2' width='100%'>
  49.    <tr>
  50.     <td class='tabela'>link 1a</td>
  51.    </tr>
  52.    <tr>
  53.     <td class='tabela'>link 2a</td>
  54.    </tr>
  55.    <tr>
  56.     <td class='tabela'>link 3a</td>
  57.    </tr>
  58.   </table>
  59.   <br>
  60.   <table id='tabela_lewa_3' width='100%'>
  61.    <tr>
  62.     <td class='tabela'>link 1a</td>
  63.    </tr>
  64.    <tr>
  65.     <td class='tabela'>link 2b</td>
  66.    </tr>
  67.    <tr>
  68.     <td class='tabela'>link 3c</td>
  69.    </tr>
  70.   </table>
  71.   <br>
  72.   to jest leve menu
  73.  </div>
  74. </td>
  75.  
  76. <!-- SRODEK -->
  77. <td class='td_srodek' valign='top'> 
  78.  <div class='srodek'>
  79.   to jest czesc srodkowa
  80.  </div>
  81. </td>
  82.  
  83. <!-- PRAWE MENU --> 
  84. <td class='td_menu_lewe' valign='top'> 
  85.  <div class='menu_prawe'>
  86.  <table id='tabela_prawa_1'>
  87.   <tr>
  88.    <td class='tabela'>link 1</td>
  89.   </tr>
  90.   <tr>
  91.    <td class='tabela'>link 2</td>
  92.   </tr>
  93.   <tr>
  94.    <td class='tabela'>link 3</td>
  95.   </tr>
  96.  </table>
  97.  <br>
  98.  <table id='tabela_prawa_2' width='100%'>
  99.   <tr>
  100.    <td class='tabela'>link 1a</td>
  101.   </tr>
  102.   <tr>
  103.    <td class='tabela'>link 2b</td>
  104.   </tr>
  105.   <tr>
  106.    <td class='tabela'>link 3c</td>
  107.   </tr>
  108.  </table>
  109.   <br>
  110.   to jest prave menu
  111.  </div>
  112.  
  113. </td>
  114.  
  115. </tr>
  116. <!-- STOPKA --> 
  117. <tr>
  118.  <td class='td_stopka' valign='top' colspan='3'>
  119.   Tutaj bedzie stopka
  120.  </td>
  121.  
  122. </table>
  123. </div>
  124.  
  125. </body>
  126. </html>
[HTML] pobierz, plaintext


Ten post edytował sifer 14.01.2008, 22:52:27
Powód edycji: dodałem bbcode (cysiaczek)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
grzesiek_g
post
Post #2





Grupa: Zarejestrowani
Postów: 249
Pomógł: 30
Dołączył: 18.07.2007

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

W dobrze napisanym kodzie nie powinno być wogóle tabelki która buduje nam layout. Ale ok, na początek zrób na tabelce, później http://kurs.browsehappy.pl/ i możesz przepisać to na układ na warstwach, wg obecnych standardów.
Wyśrodkujesz w ten sposób w css:
[HTML] pobierz, plaintext 
  1. #tabela_glowna {
  2.     width:768px;
  3.     margin:0 auto;
  4. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
potreb
post
Post #3





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

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

Cytat(grzesiek_g @ 14.01.2008, 23:11:02 ) *
W dobrze napisanym kodzie nie powinno być wogóle tabelki która buduje nam layout. Ale ok, na początek zrób na tabelce


Wystarczy ze zastosujesz mniej tabelek, bo cosik za duzo jest tam ich
Go to the top of the page
+Quote Post

Posty w temacie
- sifer   [html]początkujący sifer.pl   14.01.2008, 19:29:40
- - qrees   http://validator.w3.org/   14.01.2008, 20:13:52
- - sifer   poprawiłem sporo w kodzie w poprzednim poście dzi...   14.01.2008, 23:00:49
- - grzesiek_g   W dobrze napisanym kodzie nie powinno być wogóle t...   14.01.2008, 23:11:02
|- - potreb   Cytat(grzesiek_g @ 14.01.2008, 23:11...   14.01.2008, 23:44:48
- - Maxik   Ustaw to w css.   14.01.2008, 23:12:40
- - rodi83   super pomogło dziękuję co do XHTML właśnie zast...   14.01.2008, 23:56:42
- - sifer   to wyżej to moje wypociny tylko nie zalogowałem si...   15.01.2008, 00:01:15
- - potreb   Stosowanie znaczników p div li span w tym ci pomoż...   15.01.2008, 00:42:21
- - sifer   ok jak powiedziałem tak zrobiłem. zacząłem zabawe ...   17.01.2008, 17:22:53
- - loff   Pozwolę sobie podpiać sie pod ten wątek - mam nadz...   17.01.2008, 18:29:40
- - sifer   na poczatku tez się nad tym zastanawiałem. dlatego...   17.01.2008, 19:05:07
- - grzesiek_g   Cytat(sifer @ 17.01.2008, 17:22:53 ) ...   17.01.2008, 20:51:55
|- - sifer   dzięki za naprowadzenie. zaraz zabieram sie do rob...   18.01.2008, 10:15:12
- - grzesiek_g   Zamiast treść strony trzymać w plikach można to ro...   18.01.2008, 12:26:35
- - sifer   żebym był pewien, że dobrze zrozumiałem. zamiast t...   18.01.2008, 14:17:11
- - chemik1982   masz stronke index.php w tresci tej strony masz np...   18.01.2008, 14:24:48
- - sifer   Witam po którkiej przerwie. Wszystkie wasze porad...   13.02.2008, 18:03:54

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