HOW TO: place text on top of a line....

[Mel]

i want to have a thin horizontal line of width 400px with a text placed on
it with background white and the line should go through the middle of my
text vertically, similar to the top of a group box

something like:

----My Text Goes Here----------------------
thanks

[Spartanicus]

"Mel" <me**********@h p.com> wrote:

i want to have a thin horizontal line of width 400px with a text placed on
it with background white and the line should go through the middle of my
text vertically, similar to the top of a group box

something like:

----My Text Goes Here----------------------

http://homepage.ntlworld.com/spartanicus/mel.htm

--
Spartanicus

[Mel]

But that means that i have no control over the color of the line :-(

i need to specify a single color to be used for "line" & "text"

sorry if i was not clear

please help

PS:- i dont have strip.png file either

"Spartanicu s" <[e-mail] > wrote in message
news:t8******** *************** *********@news. spartanicus.utv internet.ie...

"Mel" <me**********@h p.com> wrote:

i want to have a thin horizontal line of width 400px with a text placed onit with background white and the line should go through the middle of my
text vertically, similar to the top of a group box

something like:

----My Text Goes Here----------------------

http://homepage.ntlworld.com/spartanicus/mel.htm

--
Spartanicus

[Steve Pugh]

"Mel" <me**********@h p.com> wrote:

"Spartanicus " <[e-mail] > wrote in message
news:t8******* *************** **********@news .spartanicus.ut vinternet.ie...

"Mel" <me**********@h p.com> wrote:

>i want to have a thin horizontal line of width 400px with a text placed
>on it with background white and the line should go through the middle of
>my text vertically, similar to the top of a group box
>
>something like:
>
>----My Text Goes Here----------------------
http://homepage.ntlworld.com/spartanicus/mel.htm

But that means that i have no control over the color of the line :-(

Are you changing the colour of your text frequently?
i need to specify a single color to be used for "line" & "text"
Then make a line graphic in the appropriate colour.
PS:- i dont have strip.png file either

Make one.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>

[Ståle Sæbøe]

>

PS:- i dont have strip.png file either

Make one.

Steve

Better yet, make a blank 1x1 pixel transparent gif and specify the
background color, width and height with css :)

That way you can use the same image for different colors and rectangular
shapes.

[Steve Pugh]

Ståle Sæbøe <ot*****@tdz.no > wrote:

Steve Pugh <st***@pugh.net > wrote:

"Mel" <me**********@h p.com> wrote:

PS:- i dont have strip.png file either

Make one.

Better yet, make a blank 1x1 pixel transparent gif and specify the
background color, width and height with css :)

I take it you didn't actally look at the sample code?

To do it your way would involve using more complex code as instead of
a simple background image you would need to use positioning to place
the text on top of the single pixel high div - and in fact you then
wouldn't need the image at all.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>

[kchayka]

Mel wrote:

i want
something like:

----My Text Goes Here----------------------

HTML
<div><h1><span> My Text Goes Here</span></h1></div>

CSS
div {
padding-top: 1em;
background: #fff;
color: #000; }
h1 {
border-top: thin solid #999;
padding-left: 10%;
margin: .5em .2em 0 .2em; }
span {
background: #fff;
color: #000;
padding: 0 1%;
position: relative;
top: -.6em; }

This looks like one of the few cases where relative positioning actually
comes in handy. :) I only tested it in a handful of browsers, so no
guarantees.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

[Spartanicus]

"Mel" <me**********@h p.com> wrote:

PS:- i dont have strip.png file either

I wouldn't recommend that you do one, but if you insist then I'd suggest
that jpeg is a more appropriate format ;-)

--
Spartanicus

[kchayka]

Spartanicus wrote:

"Mel" <me**********@h p.com> wrote:

PS:- i dont have strip.png file either

jpeg is a more appropriate format ;-)

Not sure what the smiley is for, but jpg is not more appropriate for
line drawings, for sure. A plain stripe should be png all the way.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

[Spartanicus]

kchayka <us****@c-net.us> wrote:

PS:- i dont have strip.png file either

I wouldn't recommend that you do one, but if you insist then I'd suggest
that jpeg is a more appropriate format ;-)

Not sure what the smiley is for

http://www.geocities.com/ystradband/bigspender.html

--
Spartanicus