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.
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:
Why don’t you create another arrow image, but with a bit more "white space" above the arrow within the image.
yeah I tried that – will give it another go. Thanks x
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.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".