Georg Baum wrote: > Angus Leeming wrote: > >> Is it possible to tweak the css to get things to line up as if it were a >> table: >> >> <table> >> <tr> >> <td rowspan="2" valign="top">Source code:</td> >> <td>For XForms 0.75:</td> >> <td><a href="source/lyx-0.7p4-d3.tar.gz">0.7p4-d3 (197K)</a></td> >> </tr> >> <tr> >> <td>Patch for XForms 1.0:</td> >> <td>—</td> >> </tr> >> </table> >> >> Or is such tweaking impossible? > > I think it is possible with something like > > width: 50% float: left > > for the definition list on the left and > > width: 50% float: left > > for the definition list on the right. Maybe you need to wrap it up in a > <div> element that gets the styles, but I don't think so.
Thanks, Georg. It is indeed possible. Have a look at the page again http://www.devel.lyx.org/~leeming/www-user/archaeology/lyx_timeline.php Pretty funky, no? It's using a style sheet grabbed from here: http://www.moronicbajebus.com/playground/cssplay/dl/ dl{ float: left; width: 97%; padding: 1%; margin-left: -1em; /*Push it over to the left.*/ margin-bottom: 1em; /*Matt Effect*/ border-width: 1em; border-style: solid; border-color: #EEF3F9; } dl dt{ float: left; clear: left; width: 30%; padding: .5em 5% 1em 5%; /*The -1px on the right margin pulls the dd over top of it by 1px.*/ /*The Overlap is because they both create the middle border and by */ /*overlapping them it does not matter if the dt or the dd are longer.*/ margin: 0 -1px 0 0; border-right: 1px solid #A5BFD6; font-weight: bold; } dl dd{ width: 50%; padding: .5em 4.5% 1em 5%; float: left; margin: 0; border-left: 1px #A5BFD6 solid; clear: right; /*Forces the dd to break to the next line.*/ } /*Creates the horizontal border between each *row*.*/ dl> dd + dt, dl > dd + dt + dd{ border-top: 1px #A5BFD6 solid; } -- Angus
