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

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • Alexpetrovic
    futuristic UI design
    Alexpetrovic
    Hi,

    I have a personal sci-fi ui project i have been working on that no one has seen from the beginning so i would gladly appreciate some critique.

    thanks in advance
    ...
    Today, 10:20 PM
  • MichaelWied
    Where do you find talent?
    MichaelWied
    Hey all you Art Directors! I'm starting to get my portfolio spruced up again as I feel held back at my current job (and no, there is no room to grow, it's a very stagnant position). I know there's online...
    Today, 08:38 PM
  • <b>
    Reply to Anybody else noticing Google home page has seemed to have reverted to an older style?
    <b>
    It looks the same to me, whether using Chrome or Safari. The only thing different I see in Chrome is the absence of Google asking me to switch to Chrome.
    Today, 08:33 PM
  • GRow
    Reply to Nightclub Flyer/Poster Design
    GRow
    For the first 5 years I spent designing I never once cared about good kerning. 4 years later I'm noticing it and making mental notes not to forget about it. With flyer design like this it can make all...
    Today, 08:11 PM
  • HotButton
    Reply to I am SO confused about vehicle wrap design?
    HotButton
    ^Right.

    Or at least...

    Just like you would produce a client's design in accordance with specs and guidelines from a printer, sign maker, label manufacturer, etc., you shop for...
    Today, 08:03 PM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors 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 © 2014 Mediabistro Inc. call (212) 389-2000 or email us
        Working...
        X