Forum Moderators: open

Message Too Old, No Replies

2 <HR> tags on 1 line...

         

o0bergo0ber

3:35 am on Apr 8, 2005 (gmt 0)

10+ Year Member



is this possible?
side by side, no white space

PhraSEOlogy

3:44 am on Apr 8, 2005 (gmt 0)

10+ Year Member



This will work.
Screen width 800px;

You will have to adjust width if you want it wider or narrower.

<html>
<body>

<style>
#lefthr {
position: absolute;
left: 0px;
top 10px;
width: 400px;
}

#righthr {
position: absolute;
left: 400px;
top 10px;
width: 400px;
}
</style>

<div id="lefthr"><hr></div>
<div id="righthr"><hr></div>
</body>
</html>

o0bergo0ber

3:45 am on Apr 8, 2005 (gmt 0)

10+ Year Member



ok, 4 clarification...
this is 4 an email sig. want i'd like 2 achieve [no tables please -well maybe not...] is an <HR> 115px W x 2px H [in blue] with an <HR> exactly the same [in green] on the same line, OR something else that will give me the same effect.
i've tried a table & a <DIV> tag, but i can't seem 2 reduce the height 2 anywhere near the 2px in height...

o0bergo0ber

3:47 am on Apr 8, 2005 (gmt 0)

10+ Year Member



hey PhraSEOlogy, thanx 4 the reply. i did try this, and it did indeed work [in a browser], but the CSS doesn't seem 2 function in [4 example - outlook] - is this version specific?

o0bergo0ber

3:53 am on Apr 8, 2005 (gmt 0)

10+ Year Member



i've just viewed my sig in firefox & it is seriously broken. oh happy days... guess i should [perhaps] be less ambitious <MARQUEE> wise...

PhraSEOlogy

4:30 am on Apr 8, 2005 (gmt 0)

10+ Year Member



If its just for an email - why not create a graphic for it. That would be the simple solution.

A 1 pixel by 500 pixel graphic only takes up about 900 bytes in GIF format.

moltar

4:36 am on Apr 8, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You can use underscores and color them accordingly. Remember that most email programs render messages at 80 characters wide. So color 40 underscores blue and 40 green.

The best thing about this solution that it will work in text readers as well. It just won't be colored.

o0bergo0ber

4:37 am on Apr 8, 2005 (gmt 0)

10+ Year Member



yeah, i guess that would b the way 2 go, i just wanted 2 try coding it without any images or tables ;)

Robin_reala

11:03 am on Apr 9, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Something like:

<hr style="display: inline; width:50%; margin: 0; color: blue;"><hr style="display: inline; width:50%; margin: 0; color: green;">

? I've not tested it though.