Announcement Announcement Module
Collapse
No announcement yet.
Stupid IE and the <hr /> tag? Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics Module
Collapse

  • B
    Reply to How do you collect design inspiration?
    B
    I gave up on that years ago. Every now and again I'll come across something that's so interesting that I want to keep it -- not really for inspiration, but mostly just because I like it.

    ...
    Today, 04:12 PM
  • AdobePro
    Reply to I was just offered a job.
    AdobePro
    Thanks. I'm using Joomla. It's quite the learning curve.
    I was updating graphics in InDesign. It came out right just not what the boss asked for....
    Today, 02:51 PM
  • PanToshi
    Reply to I was just offered a job.
    PanToshi
    Congrats on getting through the first 2 weeks!

    What web tool? And how did you update the "graphics job"?...
    Today, 02:28 PM
  • NostalgiaSeeker
    Reply to My resume need feedback.
    NostalgiaSeeker
    I chose the color orange because of its meaning, inspiration, creativity. This resume is more for clients. The typos are already fixed. Im in the process of writing up a just text version of it. Nope...
    Today, 02:26 PM
  • AdobePro
    Reply to I was just offered a job.
    AdobePro
    I just completed my second week at the new job. The people I work for are very nice. I have two concerns.
    1. I want to work on the web tool with more confidence and faster. I have to prove myself.
    2. I
    ...
    Today, 02:14 PM

Powered by mediabistro.com
Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Stupid IE and the <hr /> tag?

    Anybody know how to fix the "box" that IE puts around an HR element? I'm using CSS to apply a background image to a design and it works except for that. I've tried setting border: 0 and even applying the same color background to it that matches the color of the background behind it. No go. Any help? Thanks!
    --
    When I buy stickers for folks in prison, I bring milk not backyard meth - it's a prison party!

  • #2
    hmm, I never had that problem. Could you screen shot for us?
    You could also use a div with a "border-bottom:" for css.

    Comment


    • #3
      I've got code to make a normal flat line.
      http://sonspring.com/journal/styling-hr

      Using a background image is... tricky.

      The {color} property controls the rule's color in IE6/7. If your rule has any height to it, you will get a big thick line.

      I had this same problem this week, my final solution was to stick IE6 and 7 with a normal line by setting height to 0 and using padding to push out the background image so other browsers see it right.

      Most people just end up using a div. Sorry I couldnt be any more help. Fortunately IE8 fixes this nonsense.
      Swedish Meatball Pornography

      Comment


      • #4
        Thanks guys. I think for sake of having to reinvent the wheel, I'm just going to scratch the HR tag and go with the old DIV standby. Seems a little easier to make more cross-browser compliant. Thanks for the info guys!
        --
        When I buy stickers for folks in prison, I bring milk not backyard meth - it's a prison party!

        Comment

        Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.
        Working...
        X