I have been trying, without much success, to horizontally line up custom social buttons inside a div. I have a parent div, that in its present reincarnation has a fixed height, width, with the container elements floated left. I have tried putting the background image social buttons themselves within div’s, and or in span’s, using display:block; then display:inline; for the rest of the div’s/span’s and then trying different combinations of display:inline-block; display:inline, looking at source for a couple of sites, I have come across the use of unordered lists, is this the correct way to lineup custom, background image custom social buttons. If so, can I be relayed to a tutorial so I can get this functioning on my site.
It’s a good idea to use a UL for this, but that won’t make the icons line up by itself. If you use display: inline-block or display: inline on the LIs, you can set them to vertical-align: middle to make them line up nicely.
Ok folks, I am still stuck, after many iterations I cannot get the second, (twitter) button to show at all, as you can see, I am positioning through classes, on the li declaration I have tried display:inline, display:block; before the onhover function on the first, (facebook icon), was working properly, presently it is not. Any help would be much appreciated.
Hi Ralph, thanks for getting back, I am still having trouble having the second, (or third), background images to show, even though the hyperlink area shows active “onhover” at the horizontal position.