login  Naam:   Wachtwoord: 
Registreer je!
 Forum

toveren met tabellen. (Opgelost)

Offline Snitch - 10/12/2007 14:30
Avatar van SnitchLid Hallo ik ben begonnen met het leren van tabellen.
Dit gaat al aardig maar ik heb een vraagje.
  1. <table border=1 width=100% height=100%>
  2. <tr>
  3. <td>
  4. <table align=left border=1 width=20% height=100%>
  5. <tr>
  6. <td valign=top align=left>
  7. <table border=1 width=100% height=40%>
  8. <tr>
  9. <td>
  10. </td>
  11. </tr>
  12. </td>
  13. </tr>
  14. </td>
  15. </tr>
  16. </BODY>
  17. </HTML>


zoals de meeste hier weten heb ik nu dus een tabel over de hele pagina. 1tje die de linkerkant die 20% naar de rechterkant inneemt en 100 naar onderen toe.
Daarin staat een tabel die de hele breedte van de tabel die links staat inneemt, en 40 % van de hoogte.

nu komt de vraag: onder die laatste tabel, wil ik er nog 2 bij zetten ik verband met links(ik bedoel naar beneden toe). dus dan zouden in die 2e tabel dus 3 tabellen komen te staan.
weet iemand hier de code voor en kan die hem uitleggen dan weet ik hem ook voor de volgende keer)

bedankt 

8 antwoorden

Gesponsorde links
Offline claus - 10/12/2007 17:00
Avatar van claus Nieuw lid hm, ik volg niet volledig (heb het al drie maal gelezen).

en van je code klopt ook helemaal niets.
1. gebruik dubbele quotes in je attributen
2. sluit elke tag (</table>)

ik stel voor dat je eens een tutorial gaat volgen over het gebruik van tabellen  

http://www.site...L/Tabellen
Offline citroen - 10/12/2007 17:10
Avatar van citroen Onbekend claus, geen dingen zeggen waar je niets van weer:
1. Enkele quotes werken zonder problemen
2. Tabellen moeten niet afgesloten worden, der is zelfs een volledige korte notatie voor tabellen waar ik nu de link niet meer naar vind.
Offline claus - 10/12/2007 17:23 (laatste wijziging 10/12/2007 18:31)
Avatar van claus Nieuw lid maar hij gebruikt helemaal geen quotes!
en ik heb altijd leren werken met xhtml  

maar tabellen niet sluiten? dat zorgt bij mij toch voor veel problemen... 
Offline Snitch - 11/12/2007 09:38
Avatar van Snitch Lid ja dat is dus het probleem,
heb net 2 turorials doorgelopen van verschillende sites maar kom er niet.

Wat ik wil hebben is:
1. een tabel over het hele scherm.
2. daarin een tabel aan de linkerkant die 20% breed en 100% hoog is.
3. en daarin weer 3 tabellen. dat die 2. word opgedeelt in 3 delen.
Offline Vincjenzo - 11/12/2007 11:41 (laatste wijziging 11/12/2007 11:41)
Avatar van Vincjenzo Nieuw lid Plaatscode: 4417

Maar beter maak je niet je layout met tabellen..
Offline Snitch - 11/12/2007 13:11
Avatar van Snitch Lid waarom niet?
en sorry maar kun je misschien een antwoord op me vraag geven?
Offline citroen - 11/12/2007 13:24
Avatar van citroen Onbekend kijk naar de link die hij net gepost heeft...
Offline Vincjenzo - 11/12/2007 13:36
Avatar van Vincjenzo Nieuw lid Tabellen zijn bedoeld voor tabel data. Vroeger werden complete sites inderdaad met tabellen opgemaakt.

Zie deze link voor meer uitleg.
Tabellen vs Div

Uitleg van de code:
Een tabel gemaakt die 100% breed is. Om het echt 100% breed en hoog te krijgen heb ik wat css stijl op de body en html gezet.

  1. html, body {
  2. margin:0;
  3. padding:0;
  4. width:100%;
  5. height:100%;
  6. }
  7.  
  8. .height_100 {
  9. height:100%;
  10. }

De klasse height_100 zorgt ervoor dat de tabel de hoogte van zijn relatieve element overneemt, dat is de body, die ook op 100% hoog staat.

De tabel die het hele scherm in beslag neemt heb ik opgedeeld in twee kolommen, waarvan de linker een breedte heeft van 20%. (Omdat dit procenten zijn veranderd de breedte ook als je je browser venster aanpast.)

Daarin heb ik drie tabellen gezet, zoals je vroeg. Ik neem aan dat je hier je links in gaat zetten. Daar kan je beter een unordered list voor gebruiken. (<ul> en <li> tags..) Die zijn ook niet zo moeilijk te stijlen.

Of als het per se met een tabel moet kan het nog wel wat netter, want daar heb je geen 3 tabellen voor nodig, 1 tabel met 3 rijen kan ook:
  1. <tr>
  2. <td>link1</td>
  3. </tr>
  4. <tr>
  5. <td>link2</td>
  6. </tr>


Ik hoop dat zo je vraag beantwoord is..?

Groeten, Vincent
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.196s