HTML Help

sdb · Joined: 27 Dec 2009 Posts: 1

I have discovered that when printing a HTML page the underlines do not print clearly - they print out at only a hairs thickness. I'm told this is normal and that HTML has been deliberately designed this way in order to save ink when printing the pages (as web pages usually contain many links).

Does anyone know of a way to overcome this and make the HTML underlines print out properly at full thickness???

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

Try turning off the normal underlining and use a bottom border set at a thickness that would work for you. Might want to set up a separate print media CSS to link to for this. Test Page:

Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title></title>
<meta name="created" content="Mon, 28 Dec 2009 04:19:43 GMT">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
a:link {color: #009900; text-decoration: none; border-bottom: .25em solid #00f;}
a:visited {color: #999999; text-decoration: none; border-bottom: .25em solid #00f;}
a:hover {color: #333333; text-decoration: none; border-bottom: .25em solid #00f;}
a:focus {color: #333333; text-decoration: none; border-bottom: .25em solid #00f;}
a:active {color: #009900; text-decoration: none; border-bottom: .25em solid #00f;}
</style>
</head>
<body>
<a href="#nogo" title="LINK">LINK</a>
<a href="#nogo" title="LINK">LINK</a>
<a href="#nogo" title="LINK">LINK</a>
<a href="#nogo" title="LINK">LINK</a>
<a href="#nogo" title="LINK">LINK</a>
</body></html>