Hi all,
I originally posted this on the CSS section as I beleived that to be the issue. Now I am not so sure.
Basically I have a little web based ASP database program I constructed to catalogue references running in Previously all worked well, but now I have a weird link problem and I do not know why it started.
Searching for a keyword produces a list of PDF file links via an ASP database query. The list is tabulated with extra information. If I click on one of the PDF links, nothing happens at all. Right click also fails. Does not even flicker or call Adobe reader. All other non-pdf links work fine.
What is really weird though, is if I view source, select all,copy and paste into my HTML editor and immediately preview in a browser it all works fine, and link opens PDF.
The ONLY difference I can disccern between the page in my application and the one generated by my HTML editor is that my page is .ASP with a querystring, and the preview from the editor is a .html file.
But how can this affect the function of the PDF links?
Weird huh? I am quitely going insane over this and cannot solve it.
Here is example code for a search result containing a PDF link:
The CSS used is this:
I would really appreciate input on this one! And a solution would save my sanity.
I originally posted this on the CSS section as I beleived that to be the issue. Now I am not so sure.
Basically I have a little web based ASP database program I constructed to catalogue references running in Previously all worked well, but now I have a weird link problem and I do not know why it started.
Searching for a keyword produces a list of PDF file links via an ASP database query. The list is tabulated with extra information. If I click on one of the PDF links, nothing happens at all. Right click also fails. Does not even flicker or call Adobe reader. All other non-pdf links work fine.
What is really weird though, is if I view source, select all,copy and paste into my HTML editor and immediately preview in a browser it all works fine, and link opens PDF.
The ONLY difference I can disccern between the page in my application and the one generated by my HTML editor is that my page is .ASP with a querystring, and the preview from the editor is a .html file.
But how can this affect the function of the PDF links?
Weird huh? I am quitely going insane over this and cannot solve it.
Here is example code for a search result containing a PDF link:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] xml:lang="en" lang="en">
<?xml version="1.0" encoding="UTF-8"?>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Reference Manager" />
<meta name="keywords" content="Reference Manager" />
<title>Reference Manager</title>
<style type="text/css" media="screen">@import "style.css";</style>
</head>
<body>
<a name="top">
<div class="headmenu">
<h1>Reference Manager</h1>
<p>Search Results</p>
</div>
<div class="content">
<h2 style="color:black">A to Z listing</h2>
<table cellpadding="6">
<tr>
<td><a href="asearch.asp?A">A</a></td>
<td><a href="asearch.asp?B">B</a></td>
<td><a href="asearch.asp?C">C</a></td>
<td><a href="asearch.asp?D">D</a></td>
<td><a href="asearch.asp?E">E</a></td>
<td><a href="asearch.asp?F">F</a></td>
<td><a href="asearch.asp?G">G</a></td>
<td><a href="asearch.asp?H">H</a></td>
<td><a href="asearch.asp?I">I</a></td>
<td><a href="asearch.asp?J">J</a></td>
<td><a href="asearch.asp?K">K</a></td>
<td><a href="asearch.asp?L">L</a></td>
<td><a href="asearch.asp?M">M</a></td>
<td><a href="asearch.asp?N">N</a></td>
<td><a href="asearch.asp?O">O</a></td>
<td><a href="asearch.asp?P">P</a></td>
<td><a href="asearch.asp?Q">Q</a></td>
<td><a href="asearch.asp?R">R</a></td>
<td><a href="asearch.asp?S">S</a></td>
<td><a href="asearch.asp?T">T</a></td>
<td><a href="asearch.asp?U">U</a></td>
<td><a href="asearch.asp?V">V</a></td>
<td><a href="asearch.asp?W">W</a></td>
<td><a href="asearch.asp?X">X</a></td>
<td><a href="asearch.asp?Y">Y</a></td>
<td><a href="asearch.asp?Z">Z</a></td>
<td> :: </td>
<td><a href="asearch.asp?all">All References</a></td>
</tr>
</table>
<br />
<table cellpadding="2">
<tr>
<td><a href="search.asp" title="Search the Database">Search</a></td><td> :: </td>
<td><a href="browse.asp" title="Add a new entry">Browse to add a new reference</a></td><td> :: </td>
<td><a href="main.asp" title="Add a new entry">Back to start</a></td>
</tr>
</table>
</div>
<div class="content">
<h2 style='color:black'>Click the title to view it in a new window - hover mouse over link to view comments</h2>
<table cellpadding='5' border='0'>
<tr><td style='color:black;text-decoration:underline'><strong>Title</strong></td>
<td style='color:black;text-decoration:underline'><strong>Category</strong></td>
<td style='color:black;text-decoration:underline'><strong>Subject</strong></td>
<td style='color:black;text-decoration:underline'><strong>Author</strong></td>
<td style='color:black;text-decoration:underline'><strong>Journal</strong></td>
<td style='color:black;text-decoration:underline'><strong>Year</strong></td>
<td style='color:black;text-decoration:underline'><strong>Reference</strong></td>
<td style='color:black;text-decoration:underline'><strong>File</strong></td>
<td style='color:black;text-decoration:underline'><strong>Delete</strong></td>
<td style='color:black;text-decoration:underline'><strong>Edit</strong></td></tr>
<tr>
<td><a target='_blank' title='Comments here' href='D:\References\test.pdf'>Test entry</a></td>
<td style='color:black'>Cat</td>
<td style='color:black'>Sub</td>
<td style='color:black'>Sn</td>
<td style='color:black'>Jrnl</td>
<td style='color:black'>Year</td>
<td style='color:black'>Fullref</td>
<td style='text-transform:uppercase' style='color:black'>pdf</td>
<td><a style='color:red' href='delete.asp?683'>delete</a></td>
<td><a style='color:blue' href='edit.asp?683'>edit</a></td></tr>
</table><br />
<a href='#top'>Back to top</a>
</div>
</body>
</html>
The CSS used is this:
Code:
body {
color:#333;
background-color:#eee;
margin:10px;
padding:0px;
font:11px verdana, arial, helvetica, sans-serif;
}
h1 {
margin:0px 0px 15px 0px;
padding:0px;
font-size:23px;
font-weight:900;
color:#000;
}
h2 {
font:bold 12px/14px verdana, arial, helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px;
}
p {
font:11px/20px verdana, arial, helvetica, sans-serif;
margin:0px 0px 10px 0px;
padding:0px;
}
.Content>p {margin:0px;}
.Content>p+p {text-indent:0px;}
a {
color:#09c;
font-size:11px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:600;
text-decoration:none;
}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}
.headmenu {
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width:auto;
margin:10px 10px 10px 0px;
border:1px solid black;
background-color:white;
padding:10px;
}
/* All the content boxes belong to the content class. */
.content {
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width:auto;
margin:10px 10px 10px 0px;
border:1px solid black;
background-color:white;
padding:10px;
z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}
#navAlpha {
position:absolute;
width:150px;
top:148px;
left:20px;
border:1px dashed black;
background-color:#eee;
padding:10px;
z-index:2;
}
#navBeta {
position:absolute;
width:190px;
top:20px;
right:20px;
border:1px dashed black;
background-color:#eee;
padding:10px;
z-index:1;
}
I would really appreciate input on this one! And a solution would save my sanity.