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

  • Kayekaye
    Reply to While working on a logo for a client, he sent me logo designs from another designer
    Kayekaye
    Clients can be hard to handle, that's part of the job. Your skill as a designer has to include talking your client into what is good for him. Some designers can't do that, so they hire a contact person...
    Today, 08:45 PM
  • LumLum1013
    Reply to Hi everyone !
    LumLum1013
    Hi Buda and KitchWitch!
    Today, 08:35 PM
  • CataclysmX
    Reply to Need advice for logo
    CataclysmX
    What does the organization do? So far its pretty simply and I like it, it seems a bit jagged but maybe that's how it uploaded. I kind of see a D k, and a t just because of how the k connects to the D,...
    Today, 05:43 PM
  • Diggidy
    Graphic Designer for mobile video game
    Diggidy
    We are in need of a Graphic Designer for mobile video game. The game is a 2D platformer style game.
    Please send your resume/website/past work in order to be considered. In return you will be sent...
    Today, 04:30 PM
  • <b>
    Reply to Crisp web graphics, how?
    <b>
    That will produce worse results. For example, if you specify the size in which the image displays as 200 x 200 pixels, but you upload a 300 x 300-pixel image, your browser will still need to display that...
    Today, 03:53 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

         
        home | site map | advertising/sponsorships | about us | careers | contact us | help courses | browse jobs | freelancers | events | forums | content | member benefits | reprints & permissions about | terms of use | privacy policy | Copyright © 2014 Mediabistro Inc. Mediabistro Inc. call (212) 389-2000 or email us
        Working...
        X