Bokt.nl

**Geplaatst door de TopicStarter** : 02-08-04 14:36

Stamboom op website?

Geplaatst door de TopicStarter : 02-08-04 14:36

Hallo

Ik ben een website aan het maken over Tervano, nu wilde ik graag zijn stamboom erop zetten.
Ik kan wel een plaatje maken ervan maar dat wordt zo'n gedoe met allemaal lijntjes trekken en Excel heb ik niet op de computer, bovendien zou ik niet weten hoe je dat dan op je website zou moeten zetten.

Nu bedacht ik dat ik de stamboom wel met een html-table zou kunnen maken.
Maar hier snap ik dus echt niks van.
Kan iemand mij helpen?

Of heeft iemand nog andere tips of een bepaalde html code? Schijnheilig

Alvast bedankt Lachen

**Geplaatst**: 02-08-04 19:04

Geplaatst: 02-08-04 19:04

ik kan het wel en ga een poging doen om het uit te leggen.... je kan neem ik aan wel een beetje HTML?

je hebt de tag TABLE, tabel dat is gewoon

Code: <table> en om het af te sluiten </table>

dat snap je neem ik aan nog wel he!

om een vakje (zo noem ik het even kan het juiste woord niet vinden) moet er een nieuw tag toegevoegd worden

met de tag TR, begin je met een rij me verschillende vakjes (je bengint de rij met <tr> en sluit hem af met </tr>

Code: <table> <tr> </tr> <table>

voor een vakje gebruik je de tag <td> en om het vakje weer af te sluiten </td> de text die daar tussen staat komt in het vakje te staan

bv.

Code: <table> <tr> <td>hallo dit is vakje 1 van de bovenste rij</td> </tr> </table>

dan komt er dus in het 1e vakje (in dit geval ook het enige vakje) te staan hallo dit is vakje 1 van de bovenste rij

wil je hier een vakje naast zorg dat deze nog in dezelfde rij staat en zet je hier de begint tag en de eind tag voordat je de rij hebt afgesloten (lastig uit te leggen vind)
bv.

Code: <table> <tr> <td>hallo dit is vakje 1 van de bovenste rij</td> <td>dit is vakje 2 van de bovenste rij</td> </tr> </table>

snap je het nog, in principe als je twee vakje naast elkaar wilt hebben zet je de text wat je in het 1e vakje wilt hebben tussen de 1e

Code: <td>....</td>

wat je in het tweede vakje voor text wilt doe je in de 2e

Code: <td>....</td>

de 3e text in een evt. 3 de 4e text in een evt 4e etc. etc.

je moet wel zorgen dat ze allemaal in dezelfde rij staan dus degene die je allemaal naast elkaar wilt moeten tussen

Code: <tr>...</tr>

wil je daaron onder weer een nieuwe rij met vakjes maak je weer een nieuwe rij aan en zet je daaronder weer de tags voor een nieuwe rij en zet je daarin weer de tags voor nieuwe vakje

bv.

Code: <table> <tr> <td>text vakje1, rij 1</td> <td>text vakje 2, rij 1</td> </tr> <tr> <td>text vakje1, rij 2</td> <td>text vakje 2, rij 2</td> </tr> </table>

en nu even een verduidelijkt versie Haha!

Code: <table>

= (hier mee begin je een tabel ALTIJD!!!)

Code: <tr>

=(Hiermee begin je een nieuwe rij)

Code: <td>

=(hiermee begin je een nieuw vakje)

Code: text vakje1, rij 1

=(text die in het vakje komt)

Code: </td>

=(hiermee eindig je het eerste vakje, de text die hier na komt moet je tussen een andere <td>....</td> zetten en komt in het vakje er naast)

Code: <td>text vakje 2, rij 1</td>

=komt in het vakje ernaast

Code: </tr>

= hiermee eindig je de 1e rij, alle vakje die hierna komen moeten tussen een nieuwe <tr>..</tr> en komen in de rij eronder

Code: <tr> <td>text vakje1, rij 2</td> <td>text vakje 2, rij 2</td> </tr>

= de rij die onder de 1e rij komt, deze rij heeft 2 vakjes

Code: </table>

hiermee sluit je het tabel

snap je het ? vast niey maar mischien toch wel haha ik hoop het Bloos

http://www.anouksweb.nl/hulp/tabellen_uitleg.htm hier kun je kijk voor nog meer tags de tags moeten tussen <table> en de eerste <tr> nu even een voorbeeldje met background weet niet meer precies hoe die trags werken hoor mara volgens mij zo : (dit is een voorbeeld van background)

Code: <table> <background>url van de foto die background moet worden</background> <tr> <td>text vakje1, rij 1</td> <td>text vakje 2, rij 1</td> </tr> <tr> <td>text vakje1, rij 2</td> <td>text vakje 2, rij 2</td> </tr> </table>[/code] je moet de tags die je zelf nog toevoegd wel achter erlkaar zetten en ussen <table> en <tr> dit was mijn uitleg haha

**Geplaatst**: 02-08-04 20:28

Geplaatst: 02-08-04 20:28

Ik heb net even zitten proberen (ben met hetzelfde bezig als jij, alleen dan voor mijn paardje Knipoog

), met de code van de page source van een andere site Schijnheilig

en daarmee een beetje uitgeprobeerd. Ben er nog niet uit waarom een naam op een bepaalde plaats staat, maar het klopt wel Tong uitsteken

Of het goed in elkaar zit weet ik dus ook niet, maar misschien heb je er wat aan..

Code: <html> <head> <title>Titel</title> </head> <body> <TABLE border=1 width="100%"> <TR> <TD rowSpan=8 vAlign=center width="25%">Ahoy</TD> <TD rowSpan=4 vAlign=center width="25%">Monarch</TD> <TD rowSpan=2 vAlign=center width="25%">Hugo</TD> <TD vAlign=center width="25%">Oregon</TD></TR> <TR> <TD vAlign=center width="25%">Dionne</TD></TR> <TR> <TD rowSpan=2 vAlign=center width="25%">Igoldina</TD> <TD vAlign=center width="25%">Elymas</TD></TR> <TR> <TD vAlign=center width="25%">Cagoldona</TD></TR> <TR> <TD rowSpan=4 vAlign=center width="25%">Ronda</TD> <TD rowSpan=2 vAlign=center width="25%">Locomotief</TD> <TD vAlign=center width="25%">Hoogheid</TD></TR> <TR> <TD vAlign=center width="25%">Denderose</TD></TR> <TR> <TD rowSpan=2 vAlign=center width="25%">Hilva</TD> <TD vAlign=center width="25%">Roland</TD></TR> <TR> <TD vAlign=cetner width="25%">Cleopatra</TD></TR> <TR> <TD rowSpan=8 vAlign=center width="25%">Zeedieni</TD> <TD rowSpan=4 vAlign=center width="25%">Proloog</TD> <TD rowSpan=2 vAlign=center width="25%">Hoogheid</TD> <TD vAlign=center width="25%">Oregon</TD></TR> <TR> <TD vAlign=center width="25%">Veronika</TD></TR> <TR> <TD rowSpan=2 vAlign=center width="25%">Zilda-Maria</TD> <TD vAlign=center width="25%">Sirius</TD></TR> <TR> <TD vAlign=center width="25%">Sillie Maria</TD></TR> <TR> <TD rowSpan=4 vAlign=center width="25%">Dieni</TD> <TD rowSpan=2 vAlign=center width="25%">Roland</TD> <TD vAlign=center width="25%">L'Invasion</TD></TR> <TR> <TD vAlign=center width="25%">Meerida</TD></TR> <TR> <TD rowSpan=2 vAlign=center width="25%">Triex</TD> <TD vAlign=center width="25%">Maarschalk</TD></TR> <TR> <TD vAlign=cetner width="25%">Ottoni</TD></TR> </TABLE> </body> </html>

wordt dit

Moet je dus alle namen vervangen, kijken welke namen op welke plaats moeten komen.. Beetje moeilijk doen waar het makkelijker zou moeten kunnen waarschijnlijk, maar verder ben ik er nog niet uit Tong uitsteken

Via de manier waarop Menino het uitlegt, kwam ik er niet uit hoe je kolommen naast elkaar kon krijgen met een verschillend aantal rijen en dan die rijen verschillende hoogtes geven..

**Geplaatst door de TopicStarter** : 02-08-04 22:06

Geplaatst door de TopicStarter : 02-08-04 22:06

Ik heb zelf ndertussen ook wat geknutseld met de html code van een andere site Schijnheilig

Dit is het resuslaat: http://members.home.nl/felicitas/afstamming.html
Let neit op de kleuren, die zijn stom en moeten nog veranderd worden.

**Geplaatst**: 02-08-04 23:14

Geplaatst: 02-08-04 23:14

Via de manier waarop Menino het uitlegt, kwam ik er niet uit hoe je kolommen naast elkaar kon krijgen met een verschillend aantal rijen en dan die rijen verschillende hoogtes geven..[/quote]

oeps staat er niet bij, stomme ik haha

maaar voor de rest snap je het wel Bloos!

dan heb je goede hersenen, de meeste mensenn komen nooit uit uitleggen van mij haha