Stamboom layout met GD

Door niek s op 13-01-2007 19:42

2.217 views

Heyeey mensen,

Ik wil een site maken voor de familie, een stamboom.
Ik vroeg me dus af.
Hoe meot ik (dynamisch) in (GD wort het waarschijnlijk?) maken dat je een stamboom "layout" krijgt?


---------------------------------------------------------
                                  [iemand]
                     [nog iemand]              [weer iemand]

Ziet er daar misschien een beetje scheef uit, maar ik denk dat het wel duidelijk is.
Natuurlijk rekening houdend met een eventuele relatie, die persoon moet er naast. en gegevens in het zelfde vak.
Kinderen er onder, en zo voort.

Weet eimand hoe ik dit moet maken?

[edit] Ik weet niet in welk forum dit meot, anders misschien tog PHP forum?[/edit]

PHP Newbie

14-01-2007 12:08

[edit]
Zinloos geworden na de post hieronder
[/edit]

PHP Newbie

14-01-2007 13:02

Ik ben al een heel eind, de rest mag je zelf doen:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
	.topcent {
		width: 76px;
		height: 76px;
		margin-left: auto;
		margin-right: auto;
		border: 2px solid #3399CC;
	}
	.top {
		width: 76px;
		height: 76px;
		float:left;
		margin-left: 25px;
		margin-right: 25px;
		border: 2px solid #3399CC;
	}
	.empty {
		width: 76px;
		height: 76px;
		float:left;
		margin-left: 25px;
		margin-right: 25px;
		border: 2px solid #FFFFFF;
	}
	.twee {
		clear: both;
		height: 76px;
		margin-left: auto;
		margin-right: auto;
	}
	.single {
		width: 76px;
		height: 76px;
		float: left;
		border: 2px solid #3399CC;
	}
</style>
</head>

<body>
<div class="drie">
	<div class="topcent">
		Jansen<br />
		+<br />
		Klaasen
	</div>
	<div class="twee" style="width: 260px;"> <!-- breedte: (2 * 76) + (4 * 25) + (2 * 2 * 2) --> 
		<div class="top">
			Jansen<br />
			+<br />
			Pietersen
		</div>
		<div class="top">
			Jansen<br />
			+<br />
			Hofstad
		</div>
	</div>
	<div class="twee" style="width: 390px;"> <!-- breedte: (3 * 76) + (6 * 25) + (3 * 2 * 2) -->
		<div class="top">
			Jansen<br />
			+<br />
			Molenaar
		</div>
		<div class="empty">
			&nbsp; <!--Lege cel, alleen goed voor de lay-out -->
		</div>
		<div class="top">
			Hofstad<br />
			+<br />
			Klasen
		</div>
	</div>
	<div class="twee" style="width: 520px;"><!-- Breedte: (4 * 76) + (8 * 25) + (4 * 2 * 2) -->
		<div class="top">
			Molenaar<br />
			+<br />
			Hofstad
		</div>
		<div class="top">
			Molenaar<br />
			+<br />
			Klaassen
		</div>
		<div class="empty">
			&nbsp; <!-- nog een lege cel, wederom alleen goed voor de lay-out -->
		</div>
		<div class="top">
			<i>Geen Kinderen</i>
		</div>
	</div>
</div>
</body>
</html>

[edit]
Nog nét wat meer naar mijn zin gemaakt ;-)
[/edit]

Reageren

Inloggen om te reageren