0

Hi

I am having some trouble changing the color of my HR tag in HTML. All it is doing is making a HR but it is not changing the color. Any help would be greatly appreciated.

Thanks!

This is the code I am using:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.css" />
</head>

<body>

<h1>Email Preferences</h1>
<hr color="#FF0000" />


<table class="form-body">
<tbody>
<tr>
<td><a href="index.php?option=com_content&amp;view=article&amp;id=221"><span>Subscribe to Report of the Week</a>
</tr>
<tr>
<td><a href="index.php?option=com_content&amp;view=article&amp;id=222"><span>Unsubscribe to Report of the Week</a>
</tr>
<tr>
<td><a href="index.php?option=com_content&amp;view=article&amp;id=223"><span>Update Your Email Address</a>
</tr>
</table>
</tbody>
</html>
2
Contributors
3
Replies
4
Views
5 Years
Discussion Span
Last Post by JorgeM
0

Try applying this set of properties for maximum compatibility across browsers.

First remove the color attribute from the <hr> tag. Next apply this style in CSS.

hr {color: #FF0000; background-color: #FF0000;height: 1px; border:none;}

or if you just want to test it within the HTML page,

<hr style="color: #FF0000; background-color: #FF0000;height: 1px; border:none;" />

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.