<HR> tags will not work in Define Pages Editor

[fepb]

Hi Zen Cart users:

I tried to insert a <HR> (horizontal rule) into my main page using Define Pages Editor and it doesn't seem to work.

I used the following:
<hr size="4" color="red" width="40%" align="center">

While the line does appear on my main page and is centered, neither the size nor color is as I wanted. No matter how I change the size and color, it is the same thin blue line. I can't tell if the width is as I specified.

I tested this same code on a non-Zen Cart page, and it is fine:

http://frangadesigns.com/hr.html

vs.

http://frangadesigns.com (down toward the middle of the page)

Does anyone know why this is happening? Does Zen Cart not support <HR> tags?

Thanks in advance for your help.

[Kim]

Try using <hr /> and styling it using your CSS stylesheet.

[fepb]

Thanks for your response, Kim. I'm still learning about CSS so I'm not sure if I did this right:

in my CSS:

hr {
width: 40%;
color: #FF0000;
height: 2px;
}

And when I inserted <hr /> in my main page, it was the same thin blue line, but it went all the way across the page.

So I made it in my define pages editor:
<hr width="40%" align="center" />

And it's back to the shorter line, but still the same thinness and blue. Did I do something wrong?


Thanks again.

[fepb]

Oh, and I just checked it in IE6, and found the line a magenta color (though the rgb code I used is supposed to be red), but it does look like it may be 2 px. But in Firefox, Sea Monkey & Opera, it's still the thin, blue line.

Thanks.

[Kim]

Don't add polls that have nothing to do with anything.

[fepb]

I actually added that poll because I wanted to know what percentage of people use each respective search engine. I've found that MSN and Yahoo searches put us on page 1 of their search results with quite a few of our keywords, but Google doesn't - not even in the first few pages. I've been trying to figure out how to optimize my site for the various search engines and thought it would be helpful to know what the preference breakdown is so I can know which search engines to concentrate my efforts on more.

I didn't think this poll would be inappropriate as the Zen Cart forum contains many topics about search engines.

[yellow1912]

Your topic and your poll are not related at all. You should have put it in another topic, and in another room.

[fepb]

Well I apologize for my error and any inconvenience this may have caused you. I thought I was just saving time and space by condensing and putting the poll with my thread. I didn't think it would be against the rules to put a poll not related to my question on the same thread.

[yellow1912]

change this in your css:
HR {
height: 1px;
margin-top: 0.5em;
}

"I thought I was just saving time and space by condensing and putting the poll with my thread. I didn't think it would be against the rules to put a poll not related to my question on the same thread."

Not really, just that no one would know the poll is about search engine, because all we see when we look at the topic is the title "<HR> tags will not work in Define Pages Editor". So t makes the poll kinda pointless, doesnt it?

[banswidthjunkie]

It is impossible to properly style an <hr /> consistently in CSS. First you need to wrap it in a div and then style the div (stupid isn't it?)

<div class="styled-hr"><hr></div>

and in the CSS

div.styled-hr {
	height: 1px;
	margin:5px;
	border-bottom: 1px solid #6f6956;
	}

for instance. Firefox is fine, but IE insists on some kind of margin (or padding) around a naked <hr /> element.