if you don't wish to cut up images you can position each <a> absolutely over the large image. give them display block and a height and width
On Mon, Oct 25, 2010 at 1:32 PM, Tim Arnold <[email protected]> wrote: > If you add "display: block;" to the styles governing those empty <a> tags > you should be able to click on them in IE. But as Kevin said, the links > are > empty. You should really put some text in there so they make sense. You > can hide the text with a negative text-indent of some really big number. > > The best solution, though, would be to cut those social icons up into > separate images and put the images inside those link tags instead > absolutely > positioning empty links on top of the image. > > -Tim > > On Mon, Oct 25, 2010 at 12:49 PM, Kevin Rodenhofer <[email protected] > >wrote: > > > This would be why: > > > > <div id="social"> > > <img src=" > > > http://blog.theseedcompany.org/wp-content/themes/skin/library/media/images/social.jpg > " > > width="228" height="72" alt="Connect with social media tools" /> > > <a href="http://www.facebook.com/oneverse"; class="onefacebook"></a> > > <a href="http://twitter.com/oneverse"; class="onetwit"></a><a href=" > > http://blog.theseedcompany.org/feed/"; class="rss"></a> > > <a href="http://www.facebook.com/theseedcompany"; > class="seedfacebook"></a> > > <a href="http://twitter.com/theseedcompany"; class="seedtwit"></a> > > <a href="http://www.youtube.com/TheSeedCompany"; class="youtube"></a> > > </div> > > > > Nothing is contained within the hrefs. You just have one image, and > several > > links. > > > > > > On 10/25/2010 12:30 PM, Debbie Campbell wrote: > > > >> In this site: > >> > >> http://blog.theseedcompany.org/ > >>> > >> > >> the social and feed links at the top of the sidebar aren't clickable in > >> IE. I tried z-index, no difference. If I make the background of each <a> > in > >> the box a color rather than transparent or no background, then they > become > >> clickable. Can someone point me toward a fix? > >> > >> > > ______________________________________________________________________ > > css-discuss [[email protected]] > > http://www.css-discuss.org/mailman/listinfo/css-d > > List wiki/FAQ -- http://css-discuss.incutio.com/ > > List policies -- http://css-discuss.org/policies.html > > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > > > > > -- > ----------------------------------------- > [email protected] > ______________________________________________________________________ > css-discuss [[email protected]] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
