How would you do this?

**Jonathan N. Little** · Jun 15 '07, 02:55 AM

Re: How would you do this?

Ed Mullen wrote:

Just playing around with something here and am curious.
>
How would you go about using css to achieve this visual appearance
without using the <hrtag?
>
http://edmullen.net/temp/test2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>basic html page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.bob {
color: #060;
font-size: 120%;
text-transform: uppercase;
}

body {
color: #000000;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Sans-Serif;
font-size: 100%;
}

.betty {
border-top: 2px solid #006600;
border-bottom: 2px solid #006600;
padding: 1em 0;

}

</style>
</head>

<body>

<p class="betty">< span class="bob">hel lo</span- More descriptive stuff
here</p>
<p>Normal body text goes here.</p>
</body>
</html>

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

Little Works Studio Site Maintainance

http://www.LittleWorksStudio.com

**dorayme** · Jun 15 '07, 02:55 AM

Re: How would you do this?

In article <o6adncpWH4nQ Z-zbnZ2dnUVZ_jmdn Z2d@comcast.com >,
Ed Mullen <ed@edmullen.ne twrote:

Just playing around with something here and am curious.
>
How would you go about using css to achieve this visual appearance
without using the <hrtag?
>
http://edmullen.net/temp/test2.html

You could do:

..someName {

border-top: 2px solid #060 ;
border-bottom: 2px solid #060 ;
padding-top: 1em;
padding-bottom: 1em;

}

</style>
</head>

<body>

<p class="someName "><span class="bob">hel lo</span- More
descriptive stuff here</p>

--
dorayme

**Chris F.A. Johnson** · Jun 15 '07, 02:55 AM

Re: How would you do this?

On 2007-06-15, Ed Mullen wrote:

Just playing around with something here and am curious.
>
How would you go about using css to achieve this visual appearance
without using the <hrtag?
>
http://edmullen.net/temp/test2.html

Some adjustment may be necessary:

<http://woodbine-gerrard.com/testing/test2.html>

--
Chris F.A. Johnson <http://cfaj.freeshell. org>
========= Do not reply to the From: address; use Reply-To: ========
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

**Ed Mullen** · Jun 15 '07, 04:05 AM

Re: How would you do this?

Ed Mullen wrote:

Just playing around with something here and am curious.
>
How would you go about using css to achieve this visual appearance
without using the <hrtag?
>

ERROR 404

http://edmullen.net/temp/test2.html

Help for Mozilla, Firefox and SeaMonkey. Performances and original music.

>
>

*Thank you* - Jonathan, dorayme and Chris!

I knew I was on the right track but, damn! I just couldn't make it come
together.

Jonathan and dorayme's solutions are exactly what I was trying to do
(and constantly outsmarting myself by trying to be too clever!). Chris,
as you said, some adjustment would bring yours into line with theirs and
work perfectly. They are, after all, essentially the same solution.
(Did you guys consult before posting? :-) )

In all fairness, I should have been clearer in my example by including
multiple paragraphs in the "normal body text" section. Applying the
styling globally to all <psections means they're all separated by the
horizontal line. Something my original example didn't expose when using
Chris' solution in it. Applying the styling selectively by class works
great.

Thank you all so much. I already had very little hair and you wouldn't
believe how much of that I pulled out over this! I should have (as I've
heard so often in this and other groups) built a minimal case example
(like I did for this thread) much sooner. Instead I kept working on a
full-fledged page with external css etc. Drove me bonkers.

In case anyone wants to see all the pages (an updated example and the
three solutions, as presented, incorporated into that), here they are.

Updated example of goal: http://edmullen.net/temp/test3.html
Solution 1: http://edmullen.net/temp/solve_jlittle.html
Solution 2: http://edmullen.net/temp/dorayme.html
Solution 3: http://edmullen.net/temp/cjohnson.html

Thanks again. I'm gonna go have a drink now.

--
Ed Mullen

ed mullen dot net

http://edmullen.net

Help for Mozilla, Firefox and SeaMonkey. Performances and original music.

http://mozilla.edmullen.net

http://abington.edmullen.net

**Ed Mullen** · Jun 15 '07, 04:15 AM

Re: How would you do this?

Ed Mullen wrote:

Ed Mullen wrote:
>
In case anyone wants to see all the pages (an updated example and the
three solutions, as presented, incorporated into that), here they are.
>
Updated example of goal: http://edmullen.net/temp/test3.html
Solution 1: http://edmullen.net/temp/solve_jlittle.html
Solution 2: http://edmullen.net/temp/dorayme.html
Solution 3: http://edmullen.net/temp/cjohnson.html

Oops.

Solution 1: http://edmullen.net/temp/solve_jlittle.html
Solution 2: http://edmullen.net/temp/solve_dorayme.html
Solution 3: http://edmullen.net/temp/solve_cjohnson.html

--
Ed Mullen

ed mullen dot net

http://edmullen.net

Help for Mozilla, Firefox and SeaMonkey. Performances and original music.

http://mozilla.edmullen.net

http://abington.edmullen.net

**dorayme** · Jun 15 '07, 04:45 AM

Re: How would you do this?

In article <S8qdndAjIZBp k-_bnZ2dnUVZ_gOdn Z2d@comcast.com >,
Ed Mullen <ed@edmullen.ne twrote:

Jonathan and dorayme's solutions are exactly what I was trying to do...
(Did you guys consult before posting? :-).

No, I think in this case, it was the natural way to go. In
engineering and in evolution generally, there are solutions that
will keep being found because they are easier to get to in design
space than to other solutions.

--
dorayme

**Jonathan N. Little** · Jun 15 '07, 04:55 AM

Re: How would you do this?

dorayme wrote:

In article <S8qdndAjIZBp k-_bnZ2dnUVZ_gOdn Z2d@comcast.com >,
Ed Mullen <ed@edmullen.ne twrote:
>

>Jonathan and dorayme's solutions are exactly what I was trying to do...
>(Did you guys consult before posting? :-).

>
No, I think in this case, it was the natural way to go. In
engineering and in evolution generally, there are solutions that
will keep being found because they are easier to get to in design
space than to other solutions.
>

I swear, we did not confer prior to posting...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

Little Works Studio Site Maintainance

http://www.LittleWorksStudio.com

**Ed Mullen** · Jun 15 '07, 05:15 AM

Re: How would you do this?

dorayme wrote:

In article <S8qdndAjIZBp k-_bnZ2dnUVZ_gOdn Z2d@comcast.com >,
Ed Mullen <ed@edmullen.ne twrote:
>

>Jonathan and dorayme's solutions are exactly what I was trying to do...
>(Did you guys consult before posting? :-).

>
No, I think in this case, it was the natural way to go. In
engineering and in evolution generally, there are solutions that
will keep being found because they are easier to get to in design
space than to other solutions.
>

I was just kidding. And I agree, this /was/ the natural solution. It
was even what I was trying to do. I just never really tried to solve it
before, not by focusing on it. It just nagged at me over (an
embarrassingly large number of) years. And I guess, even being so
tantalizingly close, I was just ticked off and tired of trying. So I
asked for help. Duh! ;-) Shoulda done that years ago.

--
Ed Mullen

ed mullen dot net

http://edmullen.net

Help for Mozilla, Firefox and SeaMonkey. Performances and original music.

http://mozilla.edmullen.net

http://abington.edmullen.net

**Ed Mullen** · Jun 15 '07, 05:15 AM

Re: How would you do this?

Jonathan N. Little wrote:

dorayme wrote:

>In article <S8qdndAjIZBp k-_bnZ2dnUVZ_gOdn Z2d@comcast.com >,
> Ed Mullen <ed@edmullen.ne twrote:
>>

>>Jonathan and dorayme's solutions are exactly what I was trying to
>>do... (Did you guys consult before posting? :-).

>>
>No, I think in this case, it was the natural way to go. In engineering
>and in evolution generally, there are solutions that will keep being
>found because they are easier to get to in design space than to other
>solutions.
>>

>
I swear, we did not confer prior to posting...
>

Oh, I believe you! In another post dorayme described this as being a
"natural" solution. I agree. In fact, it's what I was trying to do but
just couldn't get my head around it in a way that worked. The smartest
thing I did was construct a minimal case and ask for help. Sigh. No
wonder I don't have any hair!

Seriously, Jonathan, thanks for taking the time to cut through my fog.
I can sleep tonight. ;-)

--
Ed Mullen

ed mullen dot net

http://edmullen.net

Help for Mozilla, Firefox and SeaMonkey. Performances and original music.

http://mozilla.edmullen.net

http://abington.edmullen.net

**dorayme** · Jun 15 '07, 05:45 AM

Re: How would you do this?

In article <vaudncIUVaoa g-_bnZ2dnUVZ_q2pn Z2d@comcast.com >,
Ed Mullen <ed@edmullen.ne twrote:

dorayme wrote:

In article <S8qdndAjIZBp k-_bnZ2dnUVZ_gOdn Z2d@comcast.com >,
Ed Mullen <ed@edmullen.ne twrote:

Jonathan and dorayme's solutions are exactly what I was trying to do...
(Did you guys consult before posting? :-).

No, I think in this case, it was the natural way to go. In
engineering and in evolution generally, there are solutions that
will keep being found because they are easier to get to in design
space than to other solutions.

>
I was just kidding. And I agree, this /was/ the natural solution. It
was even what I was trying to do. I just never really tried to solve it
before, not by focusing on it. It just nagged at me over (an
embarrassingly large number of) years. And I guess, even being so
tantalizingly close, I was just ticked off and tired of trying. So I
asked for help. Duh! ;-) Shoulda done that years ago.

Don't be so hard on yourself. <hris not all that bad!

--
dorayme

How would you do this?

How would you do this?

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment