ugrás a tartalomhoz

Táblázatból sablon

Jakma · 2013. Jún. 21. (P), 18.05
Sziasztok
Segítséget szeretnék egy html táblázaton alapuló sablon létre hozásában
Sajnos elakadtam és nem birom létre hozni a bal oldali menüt és az okdal oldal közepét
Jelenleg itt tartok:

http://joobb.atw.hu/iskola/hazi_fel/index.html

Kód részlet:
  1. <html>  
  2. <head>  
  3. <title></title>  
  4. </head>  
  5.   
  6. <body topmargin="0"  leftmargin="0" marginheight="0" marginwidth="0">  
  7.   
  8. <table width="760" cellpadding="0" cellspacing="0">  
  9. <tr>  
  10. <td colspan="0" bgcolor="black"><font color="white">SEARCH OUR SITE:</font> <img src="nyil.jpg" hspace="120"></td>  
  11. </tr>  
  12. <tr>  
  13. <td><img src="kep.jpg"></td>  
  14. </tr>  
  15. <tr height="40">  
  16. <td colspan="2" bgcolor="#9bb9ca">  
  17. <b>HOME</b> PAGE <img src="gradient2.jpg" height="15">  
  18. <b>ABOUT</b> US <img src="gradient2.jpg" height="15">  
  19. <b>CONTACT</b> US <img src="gradient2.jpg" height="15">  
  20. <b>MEDICAL</b> SERVICES <img src="gradient2.jpg" height="15">  
  21. <b>PRESS</b> RELEASE <img src="gradient2.jpg" height="15">  
  22. <b>WHAT'S</b> NEW <img src="gradient2.jpg" height="15">  
  23. <b>ORDER</b>  
  24. </td>   
  25. </tr>  
  26. <tr>  
  27. <td><img src="hatter.jpg" width="760" height="10"></td>  
  28. </tr>  
  29.   
  30. <tr>  
  31. <td bgcolor="red" cellpadding="0"width="200" height="500">  
  32. Menü</td>  
  33. <td bgcolor="gold" width="560" height="500"></td>   
  34.   
  35.   
  36. <td bgcolor="green">Š Lábléc 2113</td>  
  37.   
  38. </tr>  
  39.   
  40. </table>  
  41.   
  42.   
  43.   
  44.   
  45. </body>  
  46. </html>  
És így kellen-e kinézzen
http://joobb.atw.hu/iskola/hazi_fel/layout.jpg

Válaszokat ellőre is köszönöm
‹ nyomtatási kép jQuery automatizálás ›
 ■
1

Táblázat?

Poetro · 2013. Jún. 21. (P), 18.38
Miért használsz táblázatot? Én nem látok sehol táblázatot a rajzon. Mit nem tudsz létrehozni a bal oldali menün? Én mondjuk ott nem is látok menüt, csak egy elemet.
2

Ez egy iskolai feladat

Jakma · 2013. Jún. 21. (P), 19.30
Ez egy iskolai feladat táblázatban kell elkészíteni
A forrásban látni a táblázatot
3

Rövidebb lenne

Poetro · 2013. Jún. 21. (P), 19.37
Pedig táblázatok nélkül jelentősen rövidebb lenne
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset=utf-8 />  
  5. <title>Medical Center</title>  
  6. </head>  
  7. <body>  
  8.   <div class="header">  
  9.     <form method="get">  
  10.       <div class="search">  
  11.         <label><em>Search</em> our site: <input type="search" name="q" /></label>  
  12.         <input type="submit" />  
  13.       </div>  
  14.     </form>  
  15.     <div class="title">  
  16.       <h1>Medical centre</h1>  
  17.       <h2><em>Your nice</em> slogan goes here</h2>  
  18.     </div>  
  19.     <ul class="menu">  
  20.       <li><em>Home</em> Page</li>  
  21.       <li><em>Home</em> Page</li>  
  22.       <li><em>Home</em> Page</li>  
  23.       <li><em>Home</em> Page</li>  
  24.       <li><em>Home</em> Page</li>  
  25.     </ul>  
  26.   </div>  
  27.   <div class="main">  
  28.     <ul class="menu">  
  29.       <li><em>News &</em> Events</li>  
  30.     </ul>  
  31.     <div class="content">  
  32.         
  33.     </div>  
  34.   </div>  
  35.   <div class="footer">  
  36.     &copy; Copyright Poetro 2013  
  37.   </div>  
  38. </body>  
  39. </html>  
8

Érzésre

Poetro · 2013. Jún. 21. (P), 20.04
Érzésre ezt hoztam össze, kb. jól néz ki.
4

Szóval az iskolában

hunkris · 2013. Jún. 21. (P), 19.40
Szóval az iskolában táblázatos oldalak készítését tanítják. Megtudhatnám a nevét?
6

http://www.polgarek.hu/ Igen

Jakma · 2013. Jún. 21. (P), 19.54
http://www.polgarek.hu/

Igen, és nem is baj ez hisz ez az alapja az egésznek, csak kicsit elakadtam valalmelyik col parancsnál
13

Tehát a táblázat az alapja az

inf · 2013. Jún. 22. (Szo), 17.42
Tehát a táblázat az alapja az egész html-nek, a col pedig egy parancs. Ma is okosabb lettem. :D
5

Elavult

Poetro · 2013. Jún. 21. (P), 19.49
A táblázatos megjelenítés már több mint 10 éve elavult. Nem ezt kellene tanítani az iskolában. Ez olyan, mintha Windows 98 használatát tanítanának.
7

Jó ezt én is tudom, de

Jakma · 2013. Jún. 21. (P), 19.57
Jó ezt én is tudom, de jelenleg ez a feladat, nem nagy cuc az egész valamit elnéztem vagy kihagytam csak egy parnccssort ahol egyeztezteni kellene a két táblát
9

Ha tudod, minek tanulsz egy

hunkris · 2013. Jún. 21. (P), 20.55
Ha tudod, minek tanulsz egy olyan helyen, ahol ezt tanítják? Még az ő weblapjuk is táblázatos...
10

tr

Poetro · 2013. Jún. 21. (P), 21.28
Nem lehet, hogy hiányzik néhány tr / td? Érdemes lenne megnézni, hogy mind megvan-e, és hogy a párok megvannak-e.
11

Köszi nem fikázást kértem

Jakma · 2013. Jún. 21. (P), 21.41
Köszi nem fikázást kértem hanem segítséget ha tud valaki
12

Ne csináljam meg?

Poetro · 2013. Jún. 21. (P), 22.05
Ne csináljam én meg a te házi feladatod? Adtam egy tanácsot, hogy mit lenne érdemes megnézni. Mivel 10 éve nem csinálok táblázatos design-t nem is igazán hiszem, hogy menne, mert táblázatokkal táblázatokat szoktam csinálni, amiknek van fejléce, lábléce, címe és cellái, amiben általában számok vannak.

Egyébként a legjobb, ha lerajzolod a táblázatodat egy papírra. Megnézed hány sor kell, hány cella kell egy sorba, mely cellákat kell egyesíteni.
14

Ugyanez

inf · 2013. Jún. 22. (Szo), 17.47
Ugyanez behúzásokkal (monjduk ha egy ilyen feladatra alkalmas szövegszerkesztőt használnál...):
  1. <html>  
  2. <head>  
  3.     <title></title>  
  4. </head>  
  5. <body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">  
  6.   
  7. <table width="760" cellpadding="0" cellspacing="0">  
  8.     <tr>  
  9.         <td colspan="0" bgcolor="black"><font color="white">SEARCH OUR SITE:</font> <img src="nyil.jpg" hspace="120">  
  10.         </td>  
  11.     </tr>  
  12.     <tr>  
  13.         <td><img src="kep.jpg"></td>  
  14.     </tr>  
  15.     <tr height="40">  
  16.         <td colspan="2" bgcolor="#9bb9ca">  
  17.             <b>HOME</b> PAGE <img src="gradient2.jpg" height="15">  
  18.             <b>ABOUT</b> US <img src="gradient2.jpg" height="15">  
  19.             <b>CONTACT</b> US <img src="gradient2.jpg" height="15">  
  20.             <b>MEDICAL</b> SERVICES <img src="gradient2.jpg" height="15">  
  21.             <b>PRESS</b> RELEASE <img src="gradient2.jpg" height="15">  
  22.             <b>WHAT'S</b> NEW <img src="gradient2.jpg" height="15">  
  23.             <b>ORDER</b>  
  24.         </td>  
  25.     </tr>  
  26.     <tr>  
  27.         <td><img src="hatter.jpg" width="760" height="10"></td>  
  28.     </tr>  
  29.     <tr>  
  30.         <td bgcolor="red" cellpadding="0" width="200" height="500">Menü</td>  
  31.         <td bgcolor="gold" width="560" height="500"></td>  
  32.         <td bgcolor="green">Š Lábléc 2113</td>  
  33.     </tr>  
  34. </table>  
  35.   
  36. </body>  
  37. </html>    
Ez elég furán mutat:
td colspan="0"


Nincs beállítva a karakter kódolás a példa oldaladon...
15

Érettségin változtattak már?

jgege · 2013. Jún. 23. (V), 10.29
Érettségin változtattak már? Ha nem akkor bármelyik középsulit megnézheted ;D
Az mondjuk szomorú, hogy egy ilyen (nem középiskolai) képzésen is ez megy még...

/* ezt hunkris válaszára akartam írni csak benéztem :( */
16

én neked lennék a könyvből

Karvaly84 · 2013. Jún. 23. (V), 14.25
én neked lennék a könyvből tanulást preferálnám, mert ez sehova nem vezet. az iskolában ahol tanulsz rosz kezekben vagy.