text-decoration:underline,fixed-length lines,at "arbitrary" locations

Two clients (different) want essentially web-page displays of printed media

[albo]

Yes, strange demands, and I've tried like heck to protest, but "the client is always right". I suspect these are similar cases.

One client for his restaurant wants menu entries. A
case in point: "Hamburger" [not underlined] then at the far end, "$5.95" [not underlined]; next line, leading spaces, [underlined] "add cheese" [not underlined], spaces [underlined], "$1.00" [not underlined].

Other client wants a "legal document" such as "Witness" [not underlined], spaces [underlined] "Date" [not underlined], spaces [underlined].

Yes, either could be border-bottom unstead of underlines.

I can't figure out how to Google-search this, or how even to describe this accurately. (I hope I have done so here!) Both are done on fixed-width divs. Is such a thing EVEN POSSIBLE?

[sectionq]

Can you supply the html and css so I can see exactly how it needs to be layed out. It sounds like you need to simply give the leading spaces lines a class name and in the css specify border-bottom. Without knowing your layout an example would be...

css..
/* using a bottom border */
.uline {border-bottom:1px solid #000000}
/* just the text underlined */
.textuline {text-decoration:underline}

html..
<ul>
<li>not underlined</li>
<li class="uline">underlined</li>
<li class="textuline">text underlined</li>
<li class="uline">&nbsp;</li>
</ul>

Does that make sense?

sQ

[albo]

I can't supply any html/css yet, as I haven't DONE it yet! (I'm not imaginative enough to deduce how it could be done...) The closest example I can give is, what you might see by walking into a restaurant and looking at the menu.

I just noticed that, it seemed to be a "pattern" between sites and among lines within sites, and was trying my dangdest to finger out the html/css for it.

Looks as if, you're suggesting, an in-line ul for each item line, que no? list-item for the hamburger, border-bottomed non-breaking space for the second list item, then list-item for the price.

I'll give it a shot.

[sectionq]

Wasn't really a suggestion, just an easy way of showing how you'd apply different classes to different lines. You can apply the underline classes to any element you want really. Without knowing how you want it layed out it's difficult to know what way would be best, it might be a job for a table?
You mentioned other sites, can you supply a url of one that looks like what you want?

[albo]

I could supply a URL where I FAILED to make the desired appearance. Would the appropriate procedure be, to send it to you in a sticky?

[sectionq]

Actually, almost certainly a table, dimensions aside try this...

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">Hamburgers</td>
<td width="33%">&nbsp;</td>
<td width="33%">$5.95</td>
</tr>
<tr>
<td style="border-bottom:1px solid #000" width="15%">&nbsp;</td>
<td width="18%">add cheese</td>
<td style="border-bottom:1px solid #000">&nbsp;</td>
<td>$1.00</td>
</tr>
</table>

[albo]

Yep, I was hoping to avoid a table (for all the various reasons), but I suppose that's what it comes down to, in the end...(to emulate a printed medium). Okay. Thanks much for your thoughts on the matter.