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