search

unhosted / website

Website of the Unhosted project
unhosted.org
67 stars 27 forks source link

increasing the nav ul elements' line-height to #52

Closed maxlath closed 10 years ago

maxlath commented 10 years ago

inherited line-height:0.6em from nav makes social network links be superimposed in Firefox (not in Chrome thanks to its user agent stylesheet) => proposing to set nav ul line-height:1.2em;

michielbdejong commented 10 years ago

thanks! deployed. i stil see the icons in the "Follow" section of the nav on https://unhosted.org/adventures/1/Personal-servers-and-unhosted-web-apps.html as floating a few pixels too high, but it does look better this way!

michielbdejong commented 10 years ago

i guess the bottom of the icon is aligned with the bottom of the text, and then the underline is under that, so it's probably by design how a <ul> with custom bullet icons is supposed to look?

maxlath commented 10 years ago

seems to be the problem with list-style-image, you can't move them. A hack would be to use background images as suggested here http://stackoverflow.com/questions/1708833/adjust-list-style-image-position . But well, it's readable as such ;)