css - Non clickable icons in a div within a div -
any ideas how social icons clickable? know if remove main #artistheader icons become clickable, #artistheader has header bg image.
<!--begin artist header--> <div id="artistheader"> <div id="artistimage"><img src="../images/ykmfull.png" alt="ykm"></div> <div id="artistname"><center><img src="../images/ykmname.png" alt="ykm"></center></div> <div id="artistsocial"><center> <a href="https://www.facebook.com/youngkingscompany" target="_blank"><img src="../images/fb.png" alt="fb" width="50" border="0"></a><a href="http://www.twitter.com/youngkingsmula" target="_blank"><img src="../images/twitter.png" alt="tw" width="50"></a><img src="../images/insta.png" alt="insta" width="50"></center></div> <!--artist header end--></div>
i added relative positioning , z-indexes trying find solution weren't there.
#artistheader { position: relative; z-index: -45; clear: both; float: left; margin-left: 0; width: 100%; display: block; } #artistimage { clear: both; float: left; margin-left: 8.4249%; width: 24.1758%; display: block; } #artistname { clear: none; float: left; margin-left: 9.5238%; width: 41.0256%; display: block; margin-top: 7%; } #artistsocial { position: relative; z-index: 5000; clear: none; float: left; margin-left: 9.5238%; width: 41.0256%; display: block; } #fb { position: relative; z-index: 5000; clear: none; float: left; margin-left: 26.3736%; width: 32.6007%; display: block; } #tw { clear: none; float: left; margin-left: 1.0989%; width: 15.7509%; display: block; } #insta { clear: none; float: left; margin-left: 1.0989%; width: 15.7509%; display: block; }
double instances of #artistheader existed. 1 in source code on page , 1 in css. upon deleting rule on css , leaving 1 in source code links worked again. not sure second instance came (one in source code) , i'm didn't matter left because have blur effects on 1 in source code kept it. assume both conflicting each other , "froze" section.
Comments
Post a Comment