|
|
Posted by Jonathan N. Little on 08/09/07 18:26
Tarscher wrote:
> You can find an example of what I want here: http://www.28edegem.be/tree.htm
>
> The div containing SelfMate should also encapsulate the other content
> (like shown in the image mockup). This has to be done since the divs
> are created dynamic via a scripted site.
> The div with Ploeg 1 has to start where Selfmate stops.
>
> I hope this is more clear now?
1) Looks like a table!
2) Don't use FONT element
3) don't use empty <P></P> to space adjust the margins on the element
4) don't use px for font sizes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">
<title>By Table</title>
<style type="text/css">
/* drop oversized Verdana */
body { font: 100% Geneva, Arial, Helvetica, sans-serif; }
td { vertical-align: top; }
td.club { font-size: 1.7em; color: #11dd11; }
td.group { color: #555; }
div.ploeg { font-size: 1.7em; color: #000; }
td.group ol { margin: 0 0 1em 0; padding: 0; }
td.group li { margin: 0; padding: 0; font-size: .8em;
list-style-position: inside;}
</style>
</head>
<body>
<table>
<tr>
<td class="club">SelfMate</td>
<td class="group">
<div class="ploeg">Ploeg I</div>
<div>Tak 1</div>
<ol>
<li>Jan Janssens</li>
<li>Koen Koenen</li>
<li>Frank franken</li>
</ol>
<div>Tak 2</div>
<ol>
<li>Jan Janssens</li>
<li>Koen Koenen</li>
<li>Frank franken</li>
</ol>
</td>
</tr>
</table>
</body>
</html>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|