php - Absolute PNG image won't link -
so working make change on site. http://www.kbduct.com . 1 site there png file of transparent united states logo on front. had add small awfs logo banner , have viewer able click on can lead different site. added anchor tags these items nothing happens wen click on it. heres index file , external file image.
btw, didn't build site. im helping maintain time being.
index:
<?php include('inc/default.php'); $pagetitle = "the nations source industrial ducting, ducts , ductwork components - kb duct"; $pagedisc = "kb duct nation's source industrial duct, ducting components , ductwork fittings , supplies. offer custom built solutions industrial needs."; $pagekeys = "duct, ductwork, ducting, duct work, commercial ducting, industrial ducting, custom ductwork, ductwork supplies, ducting accessories, duct fittings"; ?> <!doctype html> <html> <?php include('inc/head.php'); ?> <body> <div id="sb-site"> <?php include('inc/maximage.php'); ?> <?php include('inc/header.php'); ?> <div class="mainarea"> <a href="http://awfsfair.org/"> <div id="ebanner" style=" position: absolute; right: 380px; top: 310px;"> <?php /*?> <script type='text/javascript' src='http://libs.a2zinc.net/common/js/10.6.0.0/a2zwidget.js'></script><script type='text/javascript' id='exwidget'>new a2z.widget('dgbj%2fqfpqua4s%2fdnric%2fzt5xiq%2fl4zofjvxmduecjutocd9ggxzsczyu8mz6cqu6',40297,'http://libs.a2zinc.net/common/widgets/exhibitorbadge.aspx',31,201133,330,200).render();</script> <?php */?> </a> </div> <div class="wrapper"> <?php include('inc/industry.php'); ?> <?php include('inc/catatypes.php'); ?> <div id="mob-only"> <?php include('inc/mobslideup.php'); ?> </div> </div> </div> <?php include('inc/footer.php'); ?> </div> <?php include('inc/mob-menu.php'); ?> </body> </html> maximage.php:
<div id="maximage"> <div> <img src="img/custom-ductwork-clamp-together-ducting-shiny-ducts-bg.jpg" alt="kb duct nation's source clamp , flanged industrial ducting , duct parts." /> <div class="in-slide-content" style="display:none;"> <a href="http://awfsfair.org/"><img src="img/nations-source-for-industrial-ducting.png" alt="kb duct offers custom fabricated industrial ducting solutions."></a> </div> </div> <div> <img src="img/shinyduct.jpg" alt="" /> <div class="in-slide-content" style="display:none;"> <a href="http://awfsfair.org/"><img src="img/awfs-nations-source.png"></a> </div> </div> <!-- <div> <img src="img/kbduct-production.jpg" alt="" /> <div class="in-slide-content" style="display:none;"> <img src="img/nations-source-for-industrial-ducting.png"> </div> </div>--> <div> <img src="img/plasma.jpg" alt="" /> <div class="in-slide-content" style="display:none;"> <a href="http://awfsfair.org/"><img src="img/awfs-nations-source.png"></a> </div> </div> <div> <img src="img/welding.jpg" alt="" /> <div class="in-slide-content" style="display:none;"> <a href="http://awfsfair.org/"><img src="img/awfs-nations-source.png"></a> </div> </div> <!-- <div> <img src="img/clamp.jpg" alt="" /> <div class="in-slide-content" style="display:none;"> <img src="img/nations-source-for-industrial-ducting.png"> </div> </div>--> <div> <img src="img/tunnel.jpg" alt="" /> <div class="in-slide-content" style="display:none;"> <a href="http://awfsfair.org/"><img src="img/awfs-nations-source.png"></a> </div> </div> maximage css id:
#maximage { display:block;/* use if fade in again after images load */ position:fixed !important; z-index:-1; css in slide content:
.in-slide-content { color:#333; float:right; font-family:'helvetica neue', helvetica; font-size:60px; font-weight:bold; right:20px; margin:40px; padding:20px; position:absolute; top:20px; width:700px; z-index:9999; /* show above .gradient */ text-shadow: 0 1px 0 #fff; -webkit-font-smoothing:antialiased; }
i did r&d got thing. may there id ebanner change inline styling
position: absolute; right: 269px; top: 141px; z-index: 9999; height: 100px; width: 185px; border: 2px solid red; inside div there , anchor tag add folloing style
display: block; width: 181px; height: 100px; once check works can remove red border
Comments
Post a Comment