styling <hr /> tag

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

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
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

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.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8399
  • Loc: USA

Post 3+ Months Ago

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 :)

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 43 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
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.