Jump to content
starlight1992

links not working, css not recognized

Recommended Posts

Alright so I am working on a website for a company called KBDuct. On the homepage, there are links for the "clamp together video" and "ducting layout planner". These links work in google chrome but not in mozilla or IE. When I inspected these elements within these browsers, the developer tools seem to not even recognize the elements at all. However if I inspect the "download catalog" button, everything seems to pop up in the developer tools. Its really strange. Some help would be greatly appreciated.


Website: www.KBDuct.com

Programming Language: PHP

If you need to see any of my coding let me know.

 

This is the index.php file: (The links are within an include for catatypes which is highlight in red)

<?php include('inc/default.php');

$pageTitle = "The Nations Source For Industrial Ducting, Ducts and Ductwork Components - KB Duct";
$pageDisc = "KB Duct is the Nation's source for industrial duct, ducting components and ductwork fittings and supplies. We offer custom built solutions for your 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/" style=" display: block; width: 181px; height: 100px; ">
     <div id="eBanner" style=" position: absolute; right: 269px; top: 141px; z-index: 9999; height: 100px; width: 185px; ">

<?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>

Here is the catatypes include :

 

 

<div style="clear:both;"></div>

<div id="catalog">

            

            <a href="<?php echo $baseUrl; ?>/ducting-components-catalog-order/"><p>DOWNLOAD CATALOG <img src="<?php echo $baseUrl; ?>/img/download_icon.png"></p></a>

                    

</div>



<div id="catalog">

            

            <a href="https://www.youtube.com/watch?v=X_tbdgGVGrU&feature=youtu.be" target="_blank"><p>CLAMP TOGETHER VIDEO </p></a>

                    

</div>



<div id="catalog">

            

            <a href="<?php echo $baseUrl; ?>/ducting-layout-planner" target="_blank"><p>DUCTING LAYOUT PLANNER</p></a>

                    

</div>


       
</div><!--leftbar wrapper-->
        

        <!--<div id="app-types">

            

            <a href="#"><p>APPLICATION TYPES</p></a>

            

            <div class="apphover">

                

                  <div class="quadicon">

                  

                      <img src="img/oily-mist.png"><h3>OILY MIST</h3><p>For industrial duct and ducting components Lorem Ipsum.</p>

                      

                  </div>

                  

                  <div class="quadicon">

                  

                  <img src="img/oily-mist.png"><h3>OILY MIST</h3><p>For industrial duct and ducting components Lorem Ipsum.</p>

                  

                  </div>

                  

                  <div class="quadicon">

                  

                  <img src="img/oily-mist.png"><h3>OILY MIST</h3><p>For industrial duct and ducting components Lorem Ipsum.</p>

                  

                  </div>

                  

                  <div class="quadicon">

                  

                  <img src="img/oily-mist.png"><h3>OILY MIST</h3><p>For industrial duct and ducting components Lorem Ipsum.</p>

                  

                  </div>

                

            </div>

            

        </div>-->

        

    <!--<div class="inMenuicon"></div>-->

                  

 

Edited by starlight1992

Share this post


Link to post
Share on other sites

Is this an HTML problem with the links? Or is it the php that is receiving the page and trying to re-direct the page?

 

If the former, try an html forum perhaps.

If the latter, do you have php error checking on? Have you echoed out any info from your script that might help debug the problem? Can you post the RELEVANT code (in proper forum tags) that attempts to handle your input from the html?

Share this post


Link to post
Share on other sites

Is this an HTML problem with the links? Or is it the php that is receiving the page and trying to re-direct the page?

 

If the former, try an html forum perhaps.

If the latter, do you have php error checking on? Have you echoed out any info from your script that might help debug the problem? Can you post the RELEVANT code (in proper forum tags) that attempts to handle your input from the html?

I have added in the relevant code in the post above. I think it might be the latter

Edited by starlight1992

Share this post


Link to post
Share on other sites

Is a lot of invalid html, go here and check it out.

 

https://validator.w3.org/check?uri=http%3A%2F%2Fwww.kbduct.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

 

Since links work when click another link other than home I examined the html.

 

On the home page is this.

</div>
 <div class="mainarea">
 
 <a href="http://awfsfair.org/" style=" display: block; width: 181px; height: 100px; ">
     <div id="eBanner" style=" position: absolute; right: 269px; top: 141px; z-index: 9999; height: 100px; width: 185px; ">

</a>

 </div>
  
    <div class="wrapper">

Working pages elsewhere.

</div>
<div class="mainarea">
    <div class="wrapper">

Seems like that banner and z-index causing the issue

    
 

Share this post


Link to post
Share on other sites

Is a lot of invalid html, go here and check it out.

 

https://validator.w3.org/check?uri=http%3A%2F%2Fwww.kbduct.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

 

Since links work when click another link other than home I examined the html.

 

On the home page is this.

</div>
 <div class="mainarea">
 
 <a href="http://awfsfair.org/" style=" display: block; width: 181px; height: 100px; ">
     <div id="eBanner" style=" position: absolute; right: 269px; top: 141px; z-index: 9999; height: 100px; width: 185px; ">

</a>

 </div>
  
    <div class="wrapper">

Working pages elsewhere.

</div>
<div class="mainarea">
    <div class="wrapper">

Seems like that banner and z-index causing the issue

 

    

 

So I guess first I'll try deleting the z-index and then the banner and see what happens. But if it is the banner, what better alternative could I use to having that banner still show and link without breaking the other links on the homepage?

 

In the meantime Ill have to fix all of these errors. You see, I didn't create this site, the worker before me had created it and I'm interning right now. The company is letting me maintain this site for changes and what not.

Share this post


Link to post
Share on other sites

I just tested the link in mozilla firefox, and they worked just fine :-)

 

So maybe you solved the issue? Was it correcting the markup errors that solved the issue?

 

Best Regards,

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.