Problem Link!

**benski** · 02-17-2007, 03:47 PM

Hi,

I have been putting a page together. One of the links on the site is for a gallery, however when i click on this link nothing happens. The page is saved in the same directory as the other pages and when I open the gallery page from the folder it works and will navigate to other links, but they won't navigate back to the gallery. Also if I click the gallery link when on the gallery screen I get the 'Internet Explorer Cannot Display The Webpage' screen.

I have enclosed the code from the gallery. Could it have something to do with the Javascript? I have the ActiveX bar popping up on the gallery screen??

The page is not uploaded to the site yet so I can't give you a link to a live page.

Thanks in advance,
Ben

Gallery Code

Code:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>
    <title>grlabels4signs</title>     
    <!-- version 1.0 - released Nov 18, 2006 -->
    
    <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
    
    <meta name="generator" content="Jonas John (www.jonasjohn.de)" />
    <meta name="description" content="put a good description in here" />
    <meta name="keywords" content="and, insert, some, good, keywords" />
    
    <!-- default stylesheet -->
    <link rel="stylesheet" type="text/css" href="css/flowertree_a2.css" media="screen, tv, projection" title="Default" />
    
    <!-- alternative stylesheets -->
    <link rel="alternative stylesheet" type="text/css" href="css/flowertree.css" media="screen, tv, projection" title="Default layout" />
    <link rel="alternative stylesheet" type="text/css" href="css/flowertree_a1.css" media="screen, tv, projection" title="Alternative layout 2" />


    <!-- print stylesheet (and print preview) -->
    <link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
    <link rel="alternative stylesheet" type="text/css" href="css/print.css" media="screen" title="Print Preview" />

    <!-- Navigational metadata (an accessibility feature - use opera to preview) -->
    <link rel="top" href="index.html" title="Homepage" />
    <link rel="up" href="index.html" title="Up" />
    <link rel="first" href="index.html" title="First page" />
    <link rel="previous" href="index.html" title="Previous page" />
    <link rel="next" href="index.html" title="Next page" />
    <link rel="last" href="index.html" title="Last page" />
    <link rel="toc" href="index.html" title="Table of contents" />
    <link rel="index" href="index.html" title="Site map" />
    

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

</head>

<body id="your-site-id">

    <div id="logo" class="page">
        <a href="index2.html" title="Home">Home</a>/<a href="product.html" title="Products and Services">Products and Services</a>/<a href="gallery.html" title="Gallery">Gallery</a>/<a href="contact.html" title="Contact Us">Contact Us</a>/<a href="jobs.html" title="Job Vacancies">Jobs</a>
    </div>
    
    <div id="contentbox" class="page">
    
        <div id="padding">
        
            <div id="innerpage">
            
                <div id="content">
                
                    
                
                    <h1>Take a look at our work!</h1>
                
                    <p>
                        Vehicle Graphics
                    </p>
                    <br />

                    <p>
                        <a href="images/boden.gif" rel="lightbox" title="Van for Boden blah blah blah"><img src="images/boden.gif" style="width: 50px; height: 50px"></a>
			<a href="images/able.jpg" rel="lightbox" title="Able Van"><img src="images/able.jpg" style="width: 50px; height: 50px"></a>
			
 </p><p>
			
			
			
</p>                  
  <br />

                    <p>
                        Exterior Signage

                    </p>
                    <br />
                    <p>
			<a href="images/wok.jpg" rel="lightbox" title="Wok2go"><img src="images/wok.jpg" style="width: 50px; height: 50px"></a>
			<a href="images/head.jpg" rel="lightbox" title="Headhunters"><img src="images/head.jpg" style="width: 50px; height: 50px"></a>

		</p>
                    
<br>
                        Interior Signage

<p><br>
<a href="images/hsb.jpg" rel="lightbox" title="HSB Engineering"><img src="images/hsb.jpg" style="width: 50px; height: 50px"></a>
                    </p>
                    <br />
                    
                    <small id="copyright">
                      
                        
                        <!-- please leave a small credit to the author - thanks :-) ! -->                        
                    </small>                    
                        
                    <br class="clear" />
                    <br />
                </div>
            </div>
        </div>
    </div>
    
   
    
    <div id="menu" class="page">
       <a href="index2.html">home</a> /
        <a href="product.html">products and services</a> /
        <a href="gallery.html">gallery</a> / 
        <a href="contact.html">contact us</a> / 
        <a href="jobs.html">jobs</a>
    </div>

</body>
</html>

**jscheuer1** · 02-17-2007, 04:25 PM

That active x warning is only local. If you click through to allow it, does the page/link work then? You really shouldn't be using xml or XHTML unless your page requires it which, it doesn't appear to.

More on active x warning:

That only happens locally, as a security measure. As far as IE is concerned, javascript is ActiveX. Click on the bar and click on allow and click on yes. Once your page is live, this will not happen. You can also give your page 'the mark of the web'. That way (in most cases) it will not display the security bar locally either. Put this right after your <html> tag like so:

Code:

<html>
<!-- saved from url=(0014)about:internet -->
<!-- this and above comment should be removed for live, non-demo use -->
<head>

But, navigating away from the page to another local page, or including another local page on it via a frame or an iframe can be problematical if said page does not also have 'the mark of the web' on it.

**benski** · 02-18-2007, 07:23 PM

When I click through the active x control it still doesn't allow me navigate back to the gallery. When I inserted that bit of coded in you last response jscheuer1 it stopped the 'lightbox' effect on the gallery working. I'll aim to get the site uploaded to the server as it is, it'll probably give you a better idea of what's happening...Could it be that something is corrupt in the code??

**benski** · 02-25-2007, 09:31 PM

Hi,

I have uploaded my site as it is. Would somone be kind enough to have a look at it and try to find why the 'Gallery' link does not work? I'm boggled by it...Thanks

The site is -

www.grlabels4signs.co.uk

**jscheuer1** · 02-25-2007, 10:38 PM

I'm getting a 404 not found. Is there such a page in the root directory? If not, what directory is it in? You should include the path to it in the href if it isn't in the root of the domain.

And the page should be HTML, not xml if you want IE to display it, something like:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

Not:

Code:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>

**benski** · 02-25-2007, 11:14 PM

The page is loacated in the same place as the others. The code for the gallery page is below -

Code:

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<head>
    <title>grlabels4signs</title>     
  

    <meta name="generator" content="Jonas John (www.jonasjohn.de)" />
    <meta name="description" content="put a good description in here" />
    <meta name="keywords" content="and, insert, some, good, keywords" />
    
    <!-- default stylesheet -->
    <link rel="stylesheet" type="text/css" href="css/flowertree_a2.css" media="screen, tv, projection" title="Default" />
    

    <!-- print stylesheet (and print preview) -->
    <link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
    <link rel="alternative stylesheet" type="text/css" href="css/print.css" media="screen" title="Print Preview" />


<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

</head>

<body id="your-site-id">

    <div id="logo" class="page">
        <a href="index.html" title="Home">Home</a>/<a href="product.html" title="Products and Services">Products and Services</a>/<a href="gallery.html" title="Gallery">Gallery</a>/<a href="contact.html" title="Contact Us">Contact Us</a>/<a href="jobs.html" title="Job Vacancies">Jobs</a>
    </div>
    
    <div id="contentbox" class="page">
    
        <div id="padding">
        
            <div id="innerpage">
            
                <div id="content">
                
                    
                
                    <h1>Take a look at our work!</h1>
                
                    <p>
                        Vehicle Graphics
                    </p>
                    <br />

                    <p>
                        <a href="images/boden.gif" rel="lightbox" title="Van for Boden blah blah blah"><img src="images/boden.gif" style="width: 50px; height: 50px"></a>
			<a href="images/able.jpg" rel="lightbox" title="Able Van"><img src="images/able.jpg" style="width: 50px; height: 50px"></a>
			
 </p><p>
			
			
			
</p>                  
  <br />

                    <p>
                        Exterior Signage

                    </p>
                    <br />
                    <p>
			<a href="images/wok.jpg" rel="lightbox" title="Wok2go"><img src="images/wok.jpg" style="width: 50px; height: 50px"></a>
			<a href="images/head.jpg" rel="lightbox" title="Headhunters"><img src="images/head.jpg" style="width: 50px; height: 50px"></a>

		</p>
                    
<br>
                        Interior Signage

<p><br>
<a href="images/hsb.jpg" rel="lightbox" title="HSB Engineering"><img src="images/hsb.jpg" style="width: 50px; height: 50px"></a>
                    </p>
                    <br />
                    
                    <small id="copyright">
                      
                        
                        <!-- please leave a small credit to the author - thanks :-) ! -->                        
                    </small>                    
                        
                    <br class="clear" />
                    <br />
                </div>
            </div>
        </div>
    </div>
    
   
    
    <div id="menu" class="page">
       <a href="index.html">home</a> /
        <a href="product.html">products and services</a> /
        <a href="gallery.html">gallery</a> / 
        <a href="contact.html">contact us</a> / 
        <a href="jobs.html">jobs</a>
    </div>

</body>
</html>

**kroberts67** · 02-25-2007, 11:26 PM

Don't know why it wouldn't show up as long as you've got your coding to match, but I wanted to point out that on the home page you've got it linked to "gallery1.html" and the others are linked to "gallery.html".

**jscheuer1** · 02-26-2007, 04:16 AM

Try:

Code:

href="http://www.grlabels4signs.co.uk/gallery.htm"

not:

Code:

href="http://www.grlabels4signs.co.uk/gallery.html"

Or, rename the page to gallery.html - on the server its name is currently:

gallery.htm

**benski** · 02-26-2007, 08:07 PM

Managed to sort this out!! I saved the page under a different name. I can't understand why it wouldn't read is as 'gallery', but it's sorted now. Thanks for you help guys!!

**techno_race** · 02-28-2007, 01:23 AM

Originally Posted by jscheuer1

That active x warning is only local. If you click through to allow it, does the page/link work then? You really shouldn't be using xml or XHTML unless your page requires it which, it doesn't appear to.

More on active x warning:

Mine calls it 'active content.'

Thread: Problem Link!

Thread Tools

Search Thread

Problem Link!

Bookmarks

Bookmarks

Posting Permissions