Grow your CSS skills. Land your dream job.

IE List Text Align

  • # November 7, 2008 at 8:33 am

    Hey people,
    I’m having some trouble with the vertical alignment of some text for my list menu in IE6

    This is what’s happening
    [attachment=0]problem.png[/attachment]

    The css:

    Code:
    .list ul {
    background-image: url(‘../img/tbl-row.gif’);
    font-size: 10px;
    }
    .list li {
    padding: 0 0 0 15px;
    list-style-image: url(‘../img/arrow.gif’);
    height: 21px;
    line-height: 2.1em;
    list-style-position: inside;
    overflow: hidden;
    vertical-align: middle;
    }
    .button {
    padding: 2px 15px 0 0;
    background-image: url(../img/tbl-row2.gif);
    height: 27px;
    line-height: 2.7em;
    background-repeat: no-repeat;
    }
    .see-topics {
    background-image: url(../img/btn-alltopics.gif);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 76px;
    height: 17px;
    float: right;

    }

    Full site – http://johnsbeharry.com/atomic/

    I’d really appreciate any help :D

    # November 7, 2008 at 9:39 am

    I don’t see any problems :?:
    Looks very good to me.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".