«

Does anyone know how to create a horizontal dashed line?

I would like something similar to a <hr>, except dashed, and I want to set
the color.

Thanks!

John Abbler wrote:

> Does anyone know how to create a horizontal dashed line?
>
> I would like something similar to a <hr>, except dashed, and I want to set
> the color.
>
> Thanks!

ELEMENT {
border-top: 3px dotted #000000;
margin-top: 5px;
}

Change ELEMENT to something currently unused; change colour and margin as it
suits you. Then embed the element in your document where you want to insert
a line.

Hope it helps,

Roy

--
Roy S. Schestowitz
http://Schestowitz.com

Hi Roy,

Thank you for the quick response!

I am trying to implement your suggestion, but must confess I don't know how
to embed the element in my document.

I added these lines to my stylesheet:

testelement {
border-top: 3px dotted #000000;
margin-top: 5px;
}

The I tried to add this to my document:
<testelement />

But, I'm not having luck yet. Am I implementing this correctly?

Thanks, again.

"Roy Schestowitz" <> wrote in message
news:db39q2$215e$...
> John Abbler wrote:
>
>> Does anyone know how to create a horizontal dashed line?
>>
>> I would like something similar to a <hr>, except dashed, and I want to
>> set
>> the color.
>>
>> Thanks!
>
> ELEMENT {
> border-top: 3px dotted #000000;
> margin-top: 5px;
> }
>
> Change ELEMENT to something currently unused; change colour and margin as
> it
> suits you. Then embed the element in your document where you want to
> insert
> a line.
>
> Hope it helps,
>
> Roy
>
> --
> Roy S. Schestowitz
> http://Schestowitz.com

John Abbler wrote:

> Hi Roy,
>
> Thank you for the quick response!
>
> I am trying to implement your suggestion, but must confess I don't know
> how to embed the element in my document.
>
> I added these lines to my stylesheet:
>
> testelement {
> border-top: 3px dotted #000000;
> margin-top: 5px;
> }
>
> The I tried to add this to my document:
> <testelement />
>
> But, I'm not having luck yet. Am I implementing this correctly?
>
> Thanks, again.

Try H6 assuming you do not use it in the document already. The rest of this
newsgroup will slag me off for suggesting something that is
semantically-rotten. In my defence, I implemented something similar only in
a password-protected Wiki which I use for correspondence.

Anyway, just add <h6> </h6> at the points where you want the horizontal
line. You are essentially rendering the top part of a rectagular box.

Roy

--
Roy S. Schestowitz
http://Schestowitz.com

John Abbler wrote:
> I added these lines to my stylesheet:
>
> testelement {
> border-top: 3px dotted #000000;
> margin-top: 5px;
> }

That's incorrect CSS.

> The I tried to add this to my document:
> <testelement />

You can't make up HTML elements.

Try this:

CSS:

..dashes {
border-top: 3px dashed #000000;
margin-top: 5px;
}

HTML:

<hr class='dashes'>

Alter to suit. Maybe even add a width in em or something.
width: 10em;

And please don't top-post.

--
-bts
-This space intentionally left blank.

On Wed, 13 Jul 2005 17:04:32 +0100, Roy Schestowitz wrote:

> Try H6 assuming you do not use it in the document already. The rest of this

Why? Seems a little bass-ackwards, and I'm not afraid to say it. Why not
just use a class and assign it to an HR (as suggested by someone else in
this thread)? That makes much more sense because

1) it will be more semantically correct -- <HR> is a horizontal line in
HTML

and

2) It will not cause problems later if, for some reason, you end up
actually *using* <h6> in your document

and

3) other reasons, I'm sure.

later...

--
JDS | lid
| http://www.newtnotes.com
DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/

> From: JDS <>
>
> On Wed, 13 Jul 2005 17:04:32 +0100, Roy Schestowitz wrote:
>
>> Try H6 assuming you do not use it in the document already. The rest of this
>
> Why? Seems a little bass-ackwards, and I'm not afraid to say it. Why not
> just use a class and assign it to an HR (as suggested by someone else in
> this thread)? That makes much more sense because

Well, hang on a bit... it was just a suggestion that would work quite well!
So someone made a possibly better one. Alright already, let us all keep
perfectly calm.

>
> 1) it will be more semantically correct -- <HR> is a horizontal line in
> HTML
>

In some moods I would prefer to use the politically incorrect <h6> and I'm
not afraid to say it...

> and
>
> 2) It will not cause problems later if, for some reason, you end up
> actually *using* <h6> in your document
>

Like that is likely...




dorayme

Beauregard T. Shagnasty wrote:
<snip>
>
> CSS:
>
> .dashes {
> border-top: 3px dashed #000000;
> margin-top: 5px;
> }
<snip>

Minor tweak:

..dashes {
border-top: 3px dashed #000000;
*border-bottom: 0;*
margin-top: 5px;
}

And a note:

Works on the Geckos: NN6+, Moz, FF.... but on the MS side requires 5.5+

Of course using the proper element, i.e. HR, means that it gracefully
degrades on non-compliant browsers. The line won't be dashed but it will
be a recognizable horizontal rule.


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Jonathan N. Little wrote:
> but on the MS side requires 5.5+

Anyone still running less deserves all that they get!

> Of course using the proper element, i.e. HR, means that it
> gracefully degrades on non-compliant browsers. The line won't be
> dashed but it will be a recognizable horizontal rule.

That's why I picked it... <g>

--
-bts
-This space intentionally left blank.

dorayme wrote:

>> From: JDS <>
>>
>> On Wed, 13 Jul 2005 17:04:32 +0100, Roy Schestowitz wrote:
>>
>>> Try H6 assuming you do not use it in the document already. The rest of
>>> this
>>
>> Why? Seems a little bass-ackwards, and I'm not afraid to say it. Why not
>> just use a class and assign it to an HR (as suggested by someone else in
>> this thread)? That makes much more sense because
>
> Well, hang on a bit... it was just a suggestion that would work quite
> well! So someone made a possibly better one. Alright already, let us all
> keep perfectly calm.
>
>>
>> 1) it will be more semantically correct -- <HR> is a horizontal line in
>> HTML
>>
>
> In some moods I would prefer to use the politically incorrect <h6> and I'm
> not afraid to say it...
>
>> and
>>
>> 2) It will not cause problems later if, for some reason, you end up
>> actually *using* <h6> in your document
>>
>
> Like that is likely...

Thanks for supporting my suggestion. I sometimes feel reluctant to suggest
something that's not perfect. A Mr. Know-all would come out with some
****wit comment and tear other people's suggestions apart. I think
Beauregard was quite polite though.

Roy

--
Roy S. Schestowitz
http://Schestowitz.com