total ........................... $100.00

11-20-2004

Hi Gurus

What is the smartest way to make

item x ....................... $100.00
item y ............................$2.00
total ...........................$102.00

using cascading stylesheets

TIA

- Nicolaas

11-20-2004

WindAndWaves wrote:
> Hi Gurus
>
> What is the smartest way to make
>
> item x ....................... $100.00
> item y ............................$2.00
> total ...........................$102.00
>
> using cascading stylesheets
>
> TIA
>
> - Nicolaas

With a table. It's tabular data.

<style type="text/css">
.price
{
text-align: right;
}
</style>

<table>
<tr>
<td>item x</td>
<td class="price">$100.00</td>
</tr>
<tr>
<td>item y</td>
<td class="price">$2.00</td>
</tr>
<tr>
<td>total</td>
<td class="price">$102.00</td>
</tr>
</table>

11-20-2004

in alt.html, WindAndWaves wrote:
> Hi Gurus
>
> What is the smartest way to make
>
> item x ....................... $100.00
> item y ............................$2.00
> total ...........................$102.00
>
> using cascading stylesheets

IMHO, dotted tabs are not very good idea in net, they look so 1980's, so
unless you aim 1980 look, think something else.

Here is couple ways to do it:
http://www.student.oulu.fi/~laurirai...dottedtab.html
http://www.student.oulu.fi/~laurirai...ottedtab2.html

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

11-20-2004

In article <> ,
Lauri Raittila <> wrote:

> > What is the smartest way to make
> >
> > item x ....................... $100.00
> > item y ............................$2.00
> > total ...........................$102.00
> >
> > using cascading stylesheets
>
> IMHO, dotted tabs are not very good idea in net, they look so 1980's, so
> unless you aim 1980 look, think something else.

I'd go for a table.

<table>
<tr>
<th><span>item x</span></th>
<td><span>$100.00</span></td>
</tr>
...
</table>

table { width: 100%; }

td, th {
color: #000;
background: url("dots.png") #fff bottom left repeat-x;
}

td { text-align: left; }
th { text-align: right; }

tr span {
color: #000;
background: #fff;
}

--
Kris
<> (nl)

11-20-2004

in alt.html, Kris wrote:
> In article <> ,
> Lauri Raittila <> wrote:
>
> > > What is the smartest way to make
> > >
> > > item x ....................... $100.00
> > > item y ............................$2.00
> > > total ...........................$102.00
> > >
> > > using cascading stylesheets
> >
> > IMHO, dotted tabs are not very good idea in net, they look so 1980's, so
> > unless you aim 1980 look, think something else.
>
> I'd go for a table.

I assumed table. But now that I think of it, it could be done using pre
also, but I don't think that is good idea at all.

[snip]
> background: url("dots.png") #fff bottom left repeat-x;
[snip]

This might degrade bit better than my examples, but you need that image.

I can't think any sensible way to make the dots look like real dots of
font, which is disappointing. Unsensible way, works in Opera 7 at least:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<style type="text/css">
tr, table {display:block;font-family:monospace;}
td {display:inline;white-space

re:font-family:monospace;}
tr td:first-child:after { content:" ......................." }
tr + tr td:first-child:after { content:" ........................."}
tr + tr + tr td:first-child:after { content:" ........................"}
</style>

<table>
<tr><td>item x<td>$100.00
<tr><td>item y<td>$2.00
<tr><td>total<td>$102.00
</table>

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

11-20-2004

Without quill or qualm, Lauri Raittila quothed:

> I assumed table. But now that I think of it, it could be done using pre
> also, but I don't think that is good idea at all.

Why not? Pre is exactly the way I'd do it if I really wanted to spots
before my eyes.

--
Neredbojias
Contrary to popular belief, it is believable.

11-20-2004

in alt.html, neredbojias wrote:
> Without quill or qualm, Lauri Raittila quothed:
>
> > I assumed table. But now that I think of it, it could be done using pre
> > also, but I don't think that is good idea at all.
>
> Why not? Pre is exactly the way I'd do it if I really wanted to spots
> before my eyes.

Because those dots aren't data, but presentation. I would not like to
copy such table to somewhere, I cans sort it using normal tools etc.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

11-20-2004

"Lauri Raittila" <> wrote in message
news: t...
> in alt.html, WindAndWaves wrote:
> > Hi Gurus
> >
> > What is the smartest way to make
> >
> > item x ....................... $100.00
> > item y ............................$2.00
> > total ...........................$102.00
> >
> > using cascading stylesheets
>
> IMHO, dotted tabs are not very good idea in net, they look so 1980's, so
> unless you aim 1980 look, think something else.
>
> Here is couple ways to do it:
> http://www.student.oulu.fi/~laurirai...dottedtab.html
> http://www.student.oulu.fi/~laurirai...ottedtab2.html
>
>
> --
> Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>

Thank you Lauri - that is cool - thank you for reminding me that we are now
in 2004 - almost 2005. How is finland treating you?

11-21-2004

Without quill or qualm, Lauri Raittila quothed:

> > > I assumed table. But now that I think of it, it could be done using pre
> > > also, but I don't think that is good idea at all.
> >
> > Why not? Pre is exactly the way I'd do it if I really wanted to spots
> > before my eyes.
>
> Because those dots aren't data, but presentation. I would not like to
> copy such table to somewhere, I cans sort it using normal tools etc.

Okay.

--
Neredbojias
Contrary to popular belief, it is believable.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
BT Total Broadband vs BT Business Total	John Y	UK VOIP	2	02-02-2007 09:27 AM
total newbee question	Jim ODonnell	Firefox	11	12-25-2004 08:24 AM
Pix 501 SNMP total Byte Count	stedlar	Cisco	3	02-18-2004 02:48 AM
Cisco access server to replace US robotics total control	MC	Cisco	1	02-09-2004 11:49 PM
Total newbie: how to deactivate .NET passport	dvt	ASP .Net	13	09-19-2003 02:47 PM