login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tabel probleem.

Offline ece - 24/07/2005 18:04 (laatste wijziging 24/07/2005 18:47)
Avatar van eceHTML interesse Goedendag.
Hoewel ik niet zo goed ben in HTML nou ja ik kan het wel een beetje maar ik ben er geen ster in heb ik even een vraag.
Ik heb nu deze code [check gelijk ff of het goed is]:p
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <TABLE BORDER="2" WIDTH="100%">
  2.  
  3.   <TR>
  4.      <TD WIDTH="50%"><img src="http://header.nl"></TD>
  5.   </TR>
  6. </TABLE>
  7. <TABLE BORDER="4" WIDTH="20%">
  8.  
  9.   <TR>
  10.      <TD WIDTH="50%" style="background-color: deepskyblue;">Menu</TD>
  11.   </TR>
  12.  
  13. <TABLE BORDER="2" WIDTH="20%">
  14.  
  15.   <TR>
  16.      <TD WIDTH="50%">Home</TD>
  17.   </TR>
  18.  
  19. <TABLE BORDER="2" WIDTH="20%">
  20.  
  21.   <TR>
  22.      <TD WIDTH="50%">Nieuws</TD>
  23.   </TR>
  24.  
  25. <TABLE BORDER="2" WIDTH="20%">
  26.  
  27.   <TR>
  28.      <TD WIDTH="50%">Nieuwsarchief</TD>
  29.   </TR>
  30.  
  31. <TABLE BORDER="2" WIDTH="20%">
  32.  
  33.   <TR>
  34.      <TD WIDTH="50%">Faq</TD>
  35.   </TR>
  36.  
  37. <TABLE BORDER="2" WIDTH="20%">
  38.  
  39.   <TR>
  40.      <TD WIDTH="50%">Zoeken</TD>
  41.   </TR>
  42. <TABLE BORDER="2" WIDTH="20%">
  43.  
  44.   <TR>
  45.      <TD WIDTH="50%">Contact</TD>
  46.   </TR>
  47.  
  48. <TABLE BORDER="4" WIDTH="20%">
  49.  
  50.   <TR>
  51.      <TD WIDTH="50%" style="background-color: deepskyblue;">Leden</TD>
  52.   </TR>
  53.  
  54. <TABLE BORDER="2" WIDTH="20%">
  55.  
  56.   <TR>
  57.      <TD WIDTH="50%">Registreren</TD>
  58.   </TR>
  59.  
  60. <TABLE BORDER="2" WIDTH="20%">
  61.  
  62.   <TR>
  63.      <TD WIDTH="50%">Inloggen</TD>
  64.   </TR>
  65.  
  66. <TABLE BORDER="2" WIDTH="20%">
  67.  
  68.   <TR>
  69.      <TD WIDTH="50%">(Crew)Leden</TD>
  70.   </TR>
  71.  
  72. <TABLE BORDER="4" WIDTH="20%">
  73.  
  74.   <TR>
  75.      <TD WIDTH="50%" style="background-color: deepskyblue;">Voor websites</TD>
  76.   </TR>
  77.  
  78. <TABLE BORDER="2" WIDTH="20%">
  79.  
  80.   <TR>
  81.      <TD WIDTH="50%">Forum</TD>
  82.   </TR>
  83.  
  84. <TABLE BORDER="2" WIDTH="20%">
  85.  
  86.   <TR>
  87.      <TD WIDTH="50%">Scripts</TD>
  88.   </TR>
  89.  
  90. <TABLE BORDER="2" WIDTH="20%">
  91.  
  92.   <TR>
  93.      <TD WIDTH="50%">Tutorials</TD>
  94.   </TR>
  95.  
  96. <TABLE BORDER="2" WIDTH="20%">
  97.  
  98.   <TR>
  99.      <TD WIDTH="50%">Downloads</TD>
  100.   </TR>
  101.  
  102. <TABLE BORDER="2" WIDTH="20%">
  103.  
  104.   <TR>
  105.      <TD WIDTH="50%">Links</TD>
  106.   </TR>
  107.  
  108. <TABLE BORDER="4" WIDTH="20%">
  109.  
  110.   <TR>
  111.      <TD WIDTH="50%" style="background-color: deepskyblue;">Poll</TD>
  112.   </TR>
  113.  
  114. <TABLE BORDER="2" WIDTH="20%">
  115.  
  116.   <TR>
  117.      <TD WIDTH="50%">Hier komt de poll</TD>
  118.   </TR>
  119.  
  120. <TABLE BORDER="4" WIDTH="20%">
  121.  
  122.   <TR>
  123.      <TD WIDTH="50%" style="background-color: deepskyblue;">Statis</TD>
  124.   </TR>
  125.  
  126. <TABLE BORDER="2" WIDTH="20%">
  127.  
  128.   <TR>
  129.      <TD WIDTH="50%">Hier komen de (Crew)Leden die online zijn</TD>
  130.   </TR>

Nu staat er een tabel Header en daaronder staan alleen aan de linker kant tabellen. Nu wil ik daarnaast [naast die linkerkant] een groote tabel waar ik tekst in kan zetten. Eventueel wil ik ook nog tabellen in die grote tabel maken netals op SiteMasters.
Dus een tabel met bijv: Nieuws en daaronder een tabel met Het nieuws.
Heeft iemand enig idee hoe dat moet?

Alvast bedankt.
MVG, Ece:cool:

15 antwoorden

Gesponsorde links
Offline freddyboeke - 24/07/2005 23:57
Avatar van freddyboeke HTML beginner Waarom open je telkens een nieuwe table? En je sluit je table ook bijna nooit af .... Bekijk eens deze tutorial, zo moeilijk is het eigenlijk niet. Eenmaal je de logica snapt, kan je perfect tabellen maken!
Offline ece - 25/07/2005 13:07
Avatar van ece HTML interesse Oké ik heb die tutorial helemaal doorgelezen maar ik kom er nog niet uit. Ik heb hier even een afbeelding als voorbeeld. Hopelijk snappen jullie het. Weet iemand hoe dat moet. Anders moet ik met frames gaan werken maar daarvoor moet ik nog even een tutorial zoeken:p

Alvast bedankt.
Offline Metalhead - 25/07/2005 13:11 (laatste wijziging 25/07/2005 13:14)
Avatar van Metalhead HTML gevorderde Bijvoorbeeld;
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table width="100%">
  2.  <tr>
  3.   <td colspan="2">header</td>
  4.  </tr>
  5.  <tr>
  6.   <td width="100">menu</td>
  7.   <td>content</td>
  8.  </tr>
  9. </table>
Offline ece - 25/07/2005 13:22 (laatste wijziging 25/07/2005 14:03)
Avatar van ece HTML interesse Ja zoiets maar als ik dan veel tekst type dan rekt die tabel van Menu uit en dat wil ik juist niet.

Edit:
Veel tekst typen is wel de bedoeling:D
Kijk ik zoek zoiets als dat op SM is gedaan. Tabel voor de Header.
Tabel voor het menu. Grote tabel voor in het midden waar de tekst komt. Die tabel is weer gesplitst in tabellen voor nieuws en nieuwsarchief enz.

Edit2:
Hmm nee nog niet helemaal. Menu moet juist nie mee rekken. Cominicatie foutje denk ik:D
En hij geeft ook een fout.
Maar ik heb even een VB: gemaakt.

-----------------------------------------------------
header
-----------------------------------------------------
Menu - welkom op www.sitemasters.be
home - Nieuws artiekels van 9 maart
News -

Die streekpjes achter menu home news dat moet eigenlijk verbonden zijn als tabel rand maar dat gaat moeilijk op DeZe manier:p
Offline Metalhead - 25/07/2005 13:31 (laatste wijziging 25/07/2005 13:53)
Avatar van Metalhead HTML gevorderde Dan moet je niet te veel tekst typen.

(en je kunt ook dit als css gebruiken;
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. table
  3. {
  4.   table-layout: fixed;
  5. }
  6. </style>
-> uit m'n hoofd...)

Als je niet wilt dat het menu meerekt (wat ik net begreep uit MSN), moet het zoiets;
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table width="100%">
  2. 		<tr>
  3. 			<td colspan="2">header</td>
  4. 		</tr>
  5. 		<tr>
  6. 			<td width="100">menu</td>
  7. 			<td rowspan="2">content</td>
  8. 		</tr>
  9. 		<tr>
  10. 			<td>&nbsp;</td>	<!-- empty cell -->
  11. 		</tr>
  12. 	</table>
Offline Librarian - 26/07/2005 10:39
Avatar van Librarian Nieuw lid @ece: ik heb even het plaatje bekeken van wat je precies wil. Ik zou je adviseren om dat niet met tables, maar met css (cascading style sheets) te doen.

De basis van css kan je leren op http://www.handleidinghtml.nl/. En om te beginnen zou je een automatische generator voor css-lay-out kunnen gebruiken. Zo'n lay-out kan je dan verder gaan verfijnen. Zo'n automatische generator vind je bijvoorbeeld op http://www.csscreator.com/version2/pagelayout.php.

Je zegt dat je weinig van HTML kent. Om op een goeie manier websites te maken is het toch wel nodig dat onder de knie te krijgen.
Offline ece - 26/07/2005 14:39
Avatar van ece HTML interesse @Librarian
Bedankt. Ik denk dat ik hier heel veel aan heb. Ja ik ben nu druk bezig met het leren van HTML en daarna ga ik verder met CSS, Javascript en dan pas PHP dus ik heb nog veel voor de boeg:p

Maar goed. Echt bedankt^^
Offline Simon - 26/07/2005 14:50
Avatar van Simon PHP expert doe anders gewoon zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table>
  2.     <tr>
  3.          <td colspan="2">
  4.              <table>
  5.                 <tr>
  6.                    <td> Header </td>
  7.                 </tr>
  8.             </table>
  9.         <td>
  10.     </tr>
  11.     <tr>
  12.          <td>
  13.             <table>
  14.                 <tr>
  15.                    <td> Menu </td>
  16.                 </tr>
  17.             </table>
  18.          </td>
  19.          <td>
  20.             <table>
  21.                 <tr>
  22.                    <td> Content </td>
  23.                 </tr>
  24.             </table>
  25.          </td>
  26.      </tr>
  27. </table>
Offline ece - 26/07/2005 15:56 (laatste wijziging 26/07/2005 16:49)
Avatar van ece HTML interesse Voor de zoveelste keer Menu rekt uit.
Als ik in dat stukje van Content veel tekst type die ik op de website wil zetten dan rekt die tabel van menu uit. Kijk zelf maar. Maak de tabel zichtbaar en type maar eens veel tekst. Je ziet dat ie uitgerekt word.

Edit:
maar die gebruik ik wel maar toch krijg ik het probleem.
Offline Gerard - 26/07/2005 16:11
Avatar van Gerard Ouwe rakker is altijd als je geen spaties gebruikt
Offline Simon - 26/07/2005 17:25
Avatar van Simon PHP expert dit kan echt nooit als je tabellen in tabellen wilt 
kijk maar eens naar SiMa, is ook zo hoor, die linker tabem loopt mee, en het is ook mooier als hij meeloopt 
Offline ece - 26/07/2005 18:45
Avatar van ece HTML interesse Ja maar nu heb je de tabel van 'Beginpagina' daarachter staat een tekst die onder het stukje van 'Actie speciaal voor SiteMasters leden' ofzo. Daar staat veel tekst. Dat wil ik ook. Die tabel van 'Beginpagina' is niet uitgerekt. Ik zie ook niet dat er allemaal onzichtbare tabellen zijn. Dus voor elke regel een nieuwe rij. Dus en dit zou ik ook willen alleen dan zonder Forum berichten, scripts, Tutorials enz enz.
Simon die code van jou daarbij rekt Menu wel uit en dat is juist niet de bedoeling snapje. oké nu gebruik ik menu ff als voorbeeld maar bij de rest geld dat ook;-)
Hopelijk snappen jullie het.
Offline gamesty - 26/07/2005 19:14
Avatar van gamesty Onbekend Dat kan niet.

Je kunt wel nog een extra tabel invoegen zonder border,achtergrond.Dan lijkt het net of er geen staat.
Offline Ontani - 26/07/2005 21:36
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 na 1 minuutje in kladblok 

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <body>
  2. <table width="90%" border="0" cellpadding="0" cellspacing="0">
  3.  <tr>
  4.   <td colspan="2"><div align="center">Header</div></td>
  5.  </tr>
  6.  <tr>
  7.   <td width="200" valign="top">
  8.     <!-- Menu -->
  9. 	<table width="100%" border="0" style="background-color:#CCFF99;" cellpadding="0" cellspacing="0">
  10. 	 <tr>
  11. 	  <td>
  12. 	   text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>
  13. 	  </td>
  14. 	 </tr>
  15. 	</table>
  16.   </td>
  17.   <td valign="top">
  18.    <!-- Content -->
  19.    	<table width="100%" border="0" style="background-color:#00FFCC;" cellpadding="0" cellspacing="0">
  20. 	 <tr>
  21. 	  <td>
  22. 	   text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>
  23. 	   text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>text<br/>
  24. 	  </td>
  25. 	 </tr>
  26. 	</table>
  27.   </td>
  28.  </tr>
  29. </table>
  30. </body>
Offline ece - 26/07/2005 21:43
Avatar van ece HTML interesse @Ontani.
Het werkt dit is precies wat ik wou en zocht:p
Echt bedankt^^
Hopelijk kom ik er nu uit:D

Bedankt.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.247s