Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: Background image on paragraphs not showing on IE6?

Bottom of Page

1 to 11 of 11

  1.  
    • CommentAuthormista3
    • CommentTimeMar 24th 2006 edited
     permalink
    I can't get the white bullet points at http://tinyurl.com/lluoo to display, there should be 2 white arrows beside the indented text at the bottom...

    Have I got something wrong or is this an IE bug?
    • CommentAuthormista3
    • CommentTimeMar 24th 2006 edited
     permalink
    Sorry should have put the code up as well:

    .storycontent p.bullet {
    background: url('../img/bullet_lg_white.gif') no-repeat 0 50%;
    margin-left: 30px;
    padding-left: 45px;
    padding-right: 10px;
    clear: both;
    text-align: justify;
    }
    • CommentAuthormista3
    • CommentTimeMar 24th 2006
     permalink
    Hmm looks like the background image in my enclosing #content div is over-riding the background for the p's...
    • CommentAuthormaspick
    • CommentTimeMar 24th 2006
     permalink
    James -

    You've got an extra closing div tag at the bottom.

    I'm seeing the arrows in WinFF.

    That's my 2 cents. :^{>
    • CommentAuthorMcJay
    • CommentTimeMar 25th 2006
     permalink
    Try setting the p.bullet as display: block;..
    • CommentAuthormista3
    • CommentTimeMar 27th 2006
     permalink
    Cheers for the pointers guys :D

    I've removed the extra closing div, and added display: block - still no bullets on IE.

    BUT - I did get this test page to work - http://tinyurl.com/eog59

    Hmmm
    • CommentAuthormista3
    • CommentTimeMar 27th 2006
     permalink
    UPDATE.... If I put p.bullet inside a second div, the bullets don't show anymore.

    Why isn't IE allowing the bullet to show for nested divs then? I'm confused.
    • CommentAuthormaspick
    • CommentTimeMar 27th 2006
     permalink
    James -

    >>Why isn't IE allowing the bullet to show for nested divs then? I'm confused.<<

    It may be a margin issue, which I've run into before, where not enough margin hides the bullets. The last time it happened to me it gave me fits. I don't remember now, but it may have been something about maring on the <li>. Something to explore.

    That's my 2 cents. :^{>
    • CommentAuthormista3
    • CommentTimeMar 28th 2006
     permalink
    Thanks... I've noticed that the second bullet point on the homepage magically appears - but only when you roll over another link on the page. Very strange!

    I'm thinking of hard coding in the image now to avoid these problems - not as pretty - but should work straight away...
    • CommentAuthorKanashii
    • CommentTimeMar 28th 2006
     permalink
    It may be more semantic to use an unordered list and applying the relevant styles to the lis. -shrug- Looks like a list to me, with having bullets and all.
    • CommentAuthormista3
    • CommentTimeMar 28th 2006 edited
     permalink
    I can't work out how to position the arrows using an unordered list.... so I'm trying the paragraph with background image method again (they are just 2 paragrahps that need highlighting, not a list)

    FIXED - just added: position: relative; - really should have tried that ages ago - it's a general fix for IE from what I remember?

1 to 11 of 11

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page