<hr> styling problem

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
me666
Forum Commoner
Posts: 87
Joined: Wed Oct 08, 2008 5:04 pm

<hr> styling problem

Post by me666 »

hi, i have a <hr> on my page, it displays in the same colour as my text, but i am looking to change the colour and thickness. have tried

Code: Select all

<HR width="100%" height="0.5px" color="#C0C0C0">
and
<HR STYLE="width:100%;height:0.5px;color:#C0C0C0;">
but neither make any difference, am i doing something wrong? have searched google but have only found them 2 suggestions.
thanks
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: <hr> styling problem

Post by kaszu »

What's height 0.5px?

Code: Select all

<hr style="border: 0; padding: 0; background: #C0C0C0; overflow: hidden; height: 1px;" />
me666
Forum Commoner
Posts: 87
Joined: Wed Oct 08, 2008 5:04 pm

Re: <hr> styling problem

Post by me666 »

thanks for the reply, i figured that it didn't change as i was using a PDA as when i went onto my desktop it did change.. not sure how i would change it on a PDA or mobile, but it will have to do as it is,
thanks again :)
jamesjohn09
Forum Newbie
Posts: 1
Joined: Mon Apr 12, 2010 4:19 am

Re: <hr> styling problem

Post by jamesjohn09 »

I had the same issue. i searched in google and also took help from w3schools.com
me666
Forum Commoner
Posts: 87
Joined: Wed Oct 08, 2008 5:04 pm

Re: <hr> styling problem

Post by me666 »

thanks, i use that site alot, will have to have a look around :)
Post Reply