I am trying replace TABLES with CSS in a program which generates HTML.
But I can't figure out how to do what I want.
With stylesheets: http://kowallek.myiglou.com/temp/I2391.htm
Stylesheet: http://kowallek.myiglou.com/temp/lrw.css
This is my CSS version. When I decrease the width of the browser window, the
DIVs on the right start to wrap around. The results look terrible.
With tables: http://kowallek.myiglou.com/dennis/genealogy/whl.htm
This is my TABLE version. You can see that it stays quite readable when the
width of the browser window is decreased.
Am I wasting my time trying to get this to work with just CSS? Should I stick
with tables?
Any suggestions are welcome.
P.S. I am a novice with stylesheets, so please bear with me. ;-)
> I am trying replace TABLES with CSS in a program which generates HTML.
And generating DIV soup in the process! Try something like:
<h1>Descendants of William Henry Lee</h1>
<hr>
<ul class="childlist">
<li>
<strong>William Henry Lee</strong>
<img src="male.gif" alt="male">
<p>b. 8 Aug 1798 in South Carolina, d. 14 Jan 1855
in Vance Township, Vermilion Co., Illinois, bur. in
Vance Township, Vermilion Co., Illinois
(Davis Cemetery)</p>
<ul class="marriagelist">
<li>Married: 5 Feb 1818 in Clinton Co., Ohio<br>
Spouse: Rebecca Sewell -<br>
b. 7 Jun 1797 in Virginia, d. 18 Jun 1881, bur.
in Vance Township, Vermilion Co., Illinois (Davis
Cemetery)</li>
</ul>
</li>
<!-- etc -->
<li>
<strong>Frank Leslie Lee</strong>
<img src="male.gif" alt="male">
<p>b. 7 Jan 1891 in Fithian, Vermilion Co., Illinois,
d. 11 Mar 1983 in Wheeler, Tillamook Co., Oregon, bur.
15 Mar 1983</p>
<ul class="marriagelist">
<li>Married: Abt 1919<br>
Spouse: Winnie R. Stanton<br>
b. Abt 1902 in Wisconsin</li>
<li>Married: Aft 1930<br>
Spouse: Della (Lee)<br>
b. 1 Jun 1887, d. Jul 1969</li>
</ul>
</li>
<!-- etc -->
</ul>

Signature
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact
Dennis - 26 Sep 2005 12:46 GMT
>> I am trying replace TABLES with CSS in a program which generates HTML.
>
>And generating DIV soup in the process! Try something like:
I hear you. That's why I was having second thoughts about converting the
TABLEs to CSS. If the result is still a bunch of nested tags, then I haven't
improved anything.
Thanks for your suggestion. It's not exactly the way I wanted to lay things
out, but it's worth thinking about.

Signature
Dennis