<hr> tag and a right-aligned image

[Gray]

Hi,

I want to place a horizontal rule across about 95% of the width of a page, then have an image on the right end of the hr, touching the right side of the page.

If the page is resized I want the hr to be dynamic, but I still want the image to stay on the right side of the page.

Is this possible, and if so, can anyone help?

Also, Firefox shows my <hr> in black, Opera and IE6 paints them white. I can fix this using <hr color="#ffffff"> but then this breaks the validation at w3c.org

Isn't web design fun?!

Gray

[mopacfan]

Sounds like a stickler there. Without putting them in div's or tables, I don't think it can be done.

[Trance-formation]

Also, Firefox shows my <hr> in black, Opera and IE6 paints them white. I can fix this using <hr color="#ffffff"> but then this breaks the validation at w3c.org

I've never tried it, but could you set the colour of the <hr> in a CSS file?

[Gray]

I've never tried it, but could you set the colour of the <hr> in a CSS file?

Yep, that's how it works in IE and Opera, just not Firefox.

Strange.

[xml]

try background-color with the same value as color in the CSS.

Do do the positioning you want u would have to change the HR display properties, and place the HR and IMG in a DIV.