styling <hr /> tag

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post December 27th, 2008, 2:32 pm

Just a quick one I would like to style the <hr /> tag using css as all the browsers render it in a different way. As look will have it I would like to style the hr tag to look like it does in opera ie black with the groove look.
^__^
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post December 27th, 2008, 2:32 pm

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post December 27th, 2008, 2:39 pm

There may be a solution to this, but I gave up on <hr> a long time ago. I use the top or bottom border protperty of the text containers these days.
- dM
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post December 27th, 2008, 2:57 pm

You can do that with images.
Code: [ Select ]
hr {
     height: 3px;
     width: 100%;
     background-image: url('path/to/image.png');
}
  1. hr {
  2.      height: 3px;
  3.      width: 100%;
  4.      background-image: url('path/to/image.png');
  5. }
I'm pretty sure that's how you do it :)
"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 184 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.