how to get dotted underline on web page

  • Thread starter Thread starter Jag
  • Start date Start date
J

Jag

I have some dynamic information(from database)..which may
cross multiple lines....that entire matter has to be
dotted underlined and should also be able to print on
printer exactly in the form of WYSIWYG..desperate urgent...
 
You'll need some sort of graphic. HTML has no provision for making dotted
underlines. You can have a small table cell underneath the cell you need to
underline and make the background image an image that would appear to be a
dotted underline. This cell should then repeat sideways. The problem is,
table cell bacgkrounds won't print. The next thing is to just place an image
below that has the dotted underline appearance, but may look odd if you want
one sized image to fill the entire width since you'll probably have to
stretch the width and it won't look right.

Basically, there's no nice way to do this since it isn't something that
browser and web standards support.

Hope this helps,
Mark Fitzpatrick
Microsoft MVP - FrontPage
 
Look into stylesheets.

This simple example seemed to work for me:

<html>
<head>
<style>
..dotted {border-bottom:dotted 1px #000000;}
</style>
</head>
<body>
<span class=dotted>It's underlined, and dotted... woohoo!</span>
</body>
</html>
 
Back
Top