- From: John Russell <ve3ll@rac.ca>
- Date: Thu, 27 May 2004 09:28:52 -0400
- To: www-amaya@w3.org
- Message-ID: <40B5B4D4.9166.6912A5@localhost>
The Amaya page indicates support for dotted, dashed, double and solid. However dotted and dashed render as solid !! Double has serious problems in rendering. The groove, ridge, inset, and outset are not rendered AS DOCUMENTED. A better solution is to map these unrendered values and ones that are busted (like double) to a solid line as the dotted/dashed ones do. Then change the documentation of each to not done yet ..... Or if someone has time, implement a correct rendering for at least the most common dotted, dashed, double .... But i think they should default to solid if nothing else .... thank you -- john russell ve3ll@rac.ca [those are L's as in LLAMA] http://home.cogeco.ca/~ve3ll http://home.cogeco.ca/~trains http://home.cogeco.ca/~cipher
<?xml version="1.0"?>
<!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><title>CSS Border Styling - VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {color:black; background:blanchedalmond; font-size:12pt;
margin:40px; margin-top:0px; border:0px; padding:0px}
h1 {font-size:200%; font-family:"Lucida Handwriting", cursive;
font-weight:bold; margin:0px; border:0px; padding:0px; padding-top:5px}
hr {width:80%; margin-top:10px; margin-bottom:10px; border:1px solid black}
table {margin:auto; border:0px; padding:0px}
table.spec1 {background:#ffffcc; color:black;
border:4px double maroon; padding:5px}
table.spec2 {background:#ffffcc; color:black;
border:4px dotted maroon; padding:5px}
table.spec3 {background:#ffffcc; color:black;
border:4px dashed maroon; padding:5px}
table.spec4 {background:#ffffcc; color:black;
border:4px groove maroon; padding:5px}
table.spec5 {background:#ffffcc; color:black;
border:4px ridge maroon; padding:5px}
table.spec6 {background:#ffffcc; color:black;
border:4px inset maroon; padding:5px}
table.spec7 {background:#ffffcc; color:black;
border:4px outset maroon; padding:5px}
td.specs {font-family:Courier, monospace}
th.specs {text-align:left}
th.c {background:green; color:whitesmoke; text-align:left;
font-family:arial, sans-serif; font-size:120%}
</style></head><body id="top">
<h1>CSS Border Styling - VE3LL@RAC.CA</h1>
<h2>Double</h2>
<div class="c"><table class="spec1" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>
<h2>Dotted</h2>
<div class="c"><table class="spec2" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>
<h2>Dashed</h2>
<div class="c"><table class="spec3" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>
<h2>Grooved</h2>
<div class="c"><table class="spec4" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>
<h2>Ridged</h2>
<div class="c"><table class="spec5" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>
<h2>Inset</h2>
<div class="c"><table class="spec6" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>
<h2>Outset</h2>
<div class="c"><table class="spec7" summary="jump table"><tr>
<th class="c" colspan="4">Contents</th>
</tr><tr>
<td><a href="#meas">Measurements</a></td>
<td colspan="2"><a href="#back">Background/Colors</a></td>
<td><a href="#font">Fonts</a></td>
</tr><tr>
<td><a href="#list">List</a></td>
<td><a href="#box">Boxes</a></td>
<td><a href="#text">Text</a></td>
<td><a href="#pos">Positioning</a></td>
</tr></table></div>
<hr id="bot" />
<a href="home.htm">JR's Home Page</a> | <a href="#top">Top of Page</a> |
<a href="mailto:VE3LL@RAC.CA?Subject=[htmlcod1.htm]">Comments</a> |
[htmlcod1.htm:2004 05 26]</body></html>
Received on Thursday, 27 May 2004 09:27:06 UTC