Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS image list style alignment

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #29087
    cordellc
    Member

    Hi

    I’m having trouble lining up the purple arrows with the list on the left hand side of this home page, as you can see from the link below.

    http://www.springtidebathrooms.co.uk/test/index.htm

    I’ve also tried adding a line-height to line up the arrow image and text better, and have tried altering the image itself so that there is more white space at the top – but nothing seems to work. I know I’m doing someting fundamentally wrong.

    my css style for the list is as follows:

    .liststyle1 {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 55px;
    padding-right: 25px;
    font-size: 13px;
    color: #808080;
    text-align: left;
    list-style-image: url(images/arrow.jpg);
    list-style-position: outside;
    }

    Any ideas??

    Cheers,
    Caroline

    #76035
    cordellc
    Member

    yeah I tried that – will give it another go. Thanks x

    #76389
    Chris Coyier
    Keymaster

    list-style-image is generally best just to be avoided. Instead use background-image and apply padding/position as needed. FAR more cross-browser compatible and easier to deal with.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.