Hi Mike
The only method I can think of is the following, although it's quite
scruffy markup:
.underline {
width: 100px;
border-bottom: 1px dotted #80c080;
margin-left: 50px;
}
<div class="dots">
<span class="field">Name: </span><div class="underline"></div>
</div>
Cheers,
Mick
--
Pinnacle Web Design
http://www.pinnaclewebdesign.co.uk | http://twitter.com/pinnacleweb
On 04/01/2011 10:48, mikej wrote:
I am trying to to put together a printable form with dots stretching
to the end of the line:
Name............................
Age...............................
Date of Birth.................
etc.
My problem is how to create the dots to complete the line.
I've done some searching and most suggest something like:
<div class="dots">
<span class="field">Name:</span>
</div>
.dots {
background: #ffffff url('dot.gif') repeat-x bottom;
}
.field {
background-color: #ffffff;
padding-right: 5px;
}
The background colour of the field is the same as the dot image.
This works in the browser, but if you print it, the background image
does not show unless specified in the browser settings. If you do
select print, then the dots are shown under the text, not like the
browser.
Any ideas gratefully received,
Many thanks,
Mike
Mike
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
