|
HTML - Linking To Pdf Files
Open Mozilla Firefox and go to this site: http://www.mm-theory.com
Scroll down a bit until you see a table titled "Download PDFs" on the left-hand side. Click any one of them. Does anything happen, or do you get what I get: a blank window? Explorer doesn't seem to have this problem. I click on any of the links, I get the option to either open the PDF file in the browser or download it. If I choose to open in the browser, it does just that. Why would it not do the same in Firefox? The code for the links are as follows: Code: ... <tr><td class="PDFs"><a class="PDFs" href="../PDFs/Website Introduction.pdf">Website Introduction</a></td></tr> <tr><td class="PDFs"><a class="PDFs" href="../PDFs/Preliminary Concepts.pdf">Preliminary Concepts</a></td></tr> ... Thanks for any forthcoming help. Similar TutorialsI'm currently trying to make a website that uses paypal. Here's what I have so far. 1 - User Clicks "buy now" button 2- User is redirected to paypal 3-User completes payment 4- User is SUPPOSED to be redirected to my site. Since I am hoping to test this page offline, I have my site in a local file. I need to use the return command on the "buy now" button so that paypal returns the user to my site, however, since I am just testing (using paypal's sandbox) I want it to return me to a local file on my hard drive. Apparently Firefox has a security feature that will not allow you to link to local files, but I was hoping to bypass this feature. Is there anyway I can do this? I have firefox 2.0. Thanks! Hello, I have the page "index.html" in my root folder, as well as another "index.html" page in a subdirectory. I feel like a moron for not being able to figure this out on my own, but here goes: How do I create a link from my subdirectory index.html page to the one in my root folder? Any help is much appreciated. Hi, I was wondering how i can link to my script file instead of having it stored in the head. At the moment i am only using javascript and i dont like it in the head because it looks messy. My site has 2 columns and the script simply makes sure colum 1 and column 2 always have the same height to retain the layout because i'm using background images. I have saved the script in as scripts.js and it looks like this. Code: function fixH(one,two) {
if (document.getElementById(one)) {
var lh=document.getElementById(one).offsetHeight;
var rh=document.getElementById(two).offsetHeight;
var nh = Math.max(lh, rh);
document.getElementById(one).style.height=nh+"px";
document.getElementById(two).style.height=nh+"px";
}
}
window.onload=function(){
fixH('column1','column2');
}
Ok now back in my html head where i would usually put the actual script i have put: Code: <script src="scripts.js" type="text/JavaScript"></script> I was hoping this would work but it doesn't seem to be working. When i preview the page locally in IE6 it pops up to say something has been blocked which i guess is the javasript. Maybe i need to upload to web server and test but wanted to post here to see if i did it correct in the first place. Any help would be greatly appreciated. Rick Below are two notepad docs. I want to add a link from one to the other. Whenever I add the <a href="..... "></a> nothing shows up when I view the webpage. What am I doing wrong? Thanks. FIRST DOC <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Departments</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META content="MSHTML 6.00.6000.16544" name=GENERATOR></HEAD> <BODY style="text-align:center; font-family:verdana,helvetica,san-serif ;background-color:#c0c0c0"><!-- 2D departments Lastname Firstname --> <H1>Business and Information Technology</H1> <H1>Health</H1> <H1>Law Enforcement</H1> <H1>Communications and English</H1> <H1>Math and Science</H1></BODY></HTML> SECOND DOC <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Culinary Arts Recipe</title> </head> <body> <!-- 1G Recipes Lastname Firstname --> Hawaiian Chicken <hr size="2" width="100%" /> This dish can be seved quickly and easily. Boil and debone chicken. Add 1 can of your favorite cream of chicken soup to the chicken. Make 2 cups of cooked rice. Prepare plates immediately before serving. Lay chow mein noodles, rice, chicken, crushed pineapple, green onions, shredded cheese, sour cream, tomatoes, and coconut. </body> </html> hello i am wondering if it's possible to load content into a div by clicking a link in div 1 and changing what is shown in div 2 and clicking a link in div 3 would change what is shown in div 4 i have attached a generic png of how i would want the page to look....and to give a better idea of what i am wanting...any idea's as to how to do this would be appreciated...but be prepared depending on your suggestion i may need some help with how to get it accomplished. hi again, i think that i know the answer to this question...but i needed reassuring. basically my website's hierarchy is pretty confusing but it seems to link fine on my computer and everything, then it didn't link on the school computers but i solved that problem because all that was wrong was the file pathways were different. Now however when my teacher tries to open my files, all she gets is that file that cant be found stuff. Do you think maybe the problem could be that my files are too complicated and that maybe i should put all my pages in one place and then all my other files in folders underneath those... please tell me your advice, with many thx Sam Greetings to all. I have been trying to sort this problem for a very long time. I have 2 frames on my web page, one is the contents. Can I link to a specific part of another frame? I don't think HTML allows this - or does it? Help please. The page I'm working on is http://www.cdi-imaging.com/OnSession...PriceGude.html Loaded in my iframe is /OnSessionProofs/Daylily/PriceGude/11ozWhite.html How would I *link* that to the White Ceramic text on the left? Same thing for the rest, i.e. Ringer mug= /11ozRinger.html I want the page to load the small HTMLs in the Iframe (the blue rectangle) when the appropriate text is clicked. Thanks, Casey Dwayne Hello, My question has to do with linking a selection with an actual page. I have made a website background in Illustrator. I made the background and then made a middle box with selections. As an example, I made the background color blue. Then I made a box in the center that is black. Inside that box, I put different pages. I'll say "page 1" "page 2" & "page 3". I typed that all in Illustrator. I want to now let people click on those and actually go to the pages. Is there anyway I can do that. When someone clicks page 1, some how put a link above the "page 1" words and it'll go there? Thanks In Advance! I have setup a basic pop up on a company test page that we are working with and the pop up only includes a link to open a new window with info. What I'm looking for is the html code for the link (image src) to close the pop up window when it's clicked on. I know that you can open a window off clicking the X or close button for the browser. I have yet to see code for an "a href" link to close the window. I would really appreciate any help on finding out how to pull this off. Thank so much. Mathew Shade Searcy i'm trying to get a link to open in a frame not quite working thought.. <H4><A HREF="sub.html"TARGET="UntitledFrame-11.html">-> Resor</A> </H4> here's my attempt but this just opens a new windows and shows sub.html i want it too show in untitledframe-11 any ideas? Hey having read the advice on this site I know have several pages mocked up in photoshop and have sliced and coded them as well. How do I link pages though so that the page switches?? Also I'd like the background and certain parts to stay constant rather than reloading when a new section is loaded. Any helpful suggestions would be brilliant Thanks! Hello.. i am creating a work webpage to display goodies are staff might like to buy for christmas! Ive got a slide show in the middle and other images around Ive been able to code the slide show so that when i click the image on the slide it display it in another window Im having a problem though with being able to code the images around the slide when i click the individual ones it just brings up the picture in the slide ? Ive had a little play with it and cant get my brain around it! It may be simple but ive been doing these for days and i am extremly tired from them lol.. can anyone help? i will display code below thanks Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
var image1=new Image()
image1.src="image1.jpg"
var image2=new Image()
image2.src="toy2.jpg"
var image3=new Image()
image3.src="toy3.jpg"
var image4=new Image()
image4.src="toy4.jpg"
var image5=new Image()
image5.src="toy5.jpg"
</script>
</head>
<style>
body {
background-image:url('logo2008.jpg');
}
.boxed {
position:absolute;
left:25%;
border: 2px black;
border-style: plain;
width: 700px;
height: 800px;
}
.boxed1 {
position:absolute;
left:25%;
border: 1px blue;
border-style: dotted;
width: 700px;
height: 350px;
text-align:center;
float: left;
padding:2px;
background-color: white;
}
.image {
border: 1px blue solid;
width: 200px;
height:100px;
}
</style>
<body>
<a href="javascript:slidelink()">
<div class="boxed1">
<img src="image1.jpg" name="slide" border="0"width="35%" height="100%" />
</div>
<div class="image">
<img src="360s.jpg" border="0" width="200px" height="100" href="360s.jpg" />
</div>
<div class="image">
<img src="ps3.jpg" border="0" width="200px" height="100" />
</div>
<div class="image">
<img src="DS.jpg" border="0" width="200px" height="100" />
</div>
<script type="text/javascript">
<!--
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
whichimage=step
if (step<5)
step++
else
step=1
setTimeout("slideit()",4000)
}
slideit()
function slidelink(){
if (whichimage==1)
window.location="image1.jpg"
else if (whichimage==2)
window.location="toy2.jpg"
else if (whichimage==3)
window.location="toy3.jpg"
else if (whichimage==4)
window.location="toy4.jpg"
else if (whichimage==5)
window.location="toy5.jpg"
}
//-->
</script>
</body>
</html>
Hey! Something odd is happening in IE7 with a page & I can't figure it out! (doesn't do it in Firefox). This page: http://webshack.com.au/cane/index.htm loads fine, but when I got to 'Our Facilties' (2nd in the menu), it has no background & other bits 'cause it doesn't link to the stylesheet. But, if you 'Resfresh' the page - it all comes good - until you move to a different page and then return to the 'Our Facilities' page'. So I'm a bit stumped - It obviously links, but I can't figure out why not initialy, only on 'Refresh', and then again every time you return! Oh yeah, it only started doing it when I begin fixing bits after running it the though the WC3 validator . . . . Grant Is there a way to select a jpg or html file and find out if it is linked to something and if so, what is it linked to? Ok - first of all I'm quite sure that you can't actually like an image, but is there anyway that I could link the blue circle on this site with some kind of HTML/CSS workaround? http://www.yearofthebus.co.uk All suggestions welcome. Thank you, Steve Hi, I am the owner of http://the1337arcade.com and im trying to make it the best i can, and i need the help of people from HTML forum. My Problem is that I want to have a link to play the Games in Fullscreen mode, but i dont know how to grab the .swf currently on page So is their anything i can do in HTML or PHP to Grab the URL of the current .swf file on page? So Basically When you are on this page : http://the1337arcade.com/view.php?name=kitty-cannon There will be a link somewhere saying Click here to play in Fullscreen, and the link will be http://the1337arcade.com/media/sources/kittycan.swf Please Help me in this Thanks alot, Anup I need a link that doesn't go to or refresh the page. all it needs to do is when clicked, open a movable table in javascript. right now it says <a onclick=showMe()>Add Comment</a> [/code] I need it to show up underlined and blue, and when the mouse goes over it, it turns into the little finger. It needs to act like a link, but only start the javascript. Okay... I just got my website set up with Iframes, and the links all work fine, and everything. The problem is that when I scroll down the page and click a link, the link opens, but in the middle of the next page. Is there something I need to add to make it link to the top of the next page? like, a target, or something? Hi, I have never coded HTML before and I thought I'd give it a try over the last couple of days. I'm trying to put a link to a PDF on my page and it works great in Firefox but does nothing at all in IE. Does anyone know why? Also, my images won't show up in IE, but again, it works great in Firefox. Any ideas? Thank you. Here is my code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
<title>Title of Page</title>
<link type="text/css"
href="customtheme.css"
rel="stylesheet" />
</head>
<body>
<table class = "tblhead" align="center" border = "0" cellspacing="0" cellpadding="0">
<tr valign="top" align="center">
<td> </td>
<td colspan = "8">
<img src="images/headername.jpg"
alt="Kennels"
align="center"
height="150"
width="1017" />
</td>
<td> </td>
</tr>
<tr>
<td colspan="10" width="8px"><p></p></td>
</tr>
<tr>
<td class = "topbuttons"><blockquote></blockquote></td>
<td class="topbuttons" align="center"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','images/btnhome2.jpg',1)"><img src="images/btnhome.jpg" alt="Home" name="Home" width="70" height="35" border="0" /></a>
</td>
<td class="topbuttons" align="center"><img src="images/btnapply2.jpg" width=90" height="35" alt="Apply">
</td>
<td class="topbuttons" align="center"><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Links','','images/btnlinks2.jpg',1)"><img src="images/btnlinks.jpg" alt="Links" name="Links" width="90" height="35" border="0" /></a>
</td>
<td class="topbuttons" align="center"><a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact Us','','images/btncontact2.jpg',1)"><img src="images/btncontact.jpg" alt="Contact Us" name="Contact Us" width="140" height="35" border="0" /></a>
</td>
<td class = "topbuttons"><blockquote></blockquote></td>
</tr>
<tr>
<td colspan = "10" width="15px" align="center"></td>
</tr>
</table>
<p></p>
<div class = "mainbody">
<dl>
<dt>Apply:</dt>
<dd>
<p>Please feel free to contact us with any of your questions or concerns.</p>
</dd>
</dl>
<table class = "subtable3" align="center" cellspacing="3px" cellpadding="3px">
<tr>
<td align = "center">
<a href="documents/request.pdf" target="_blank">Request Questionnaire</a>
</td>
</tr>
</table>
</div>
<div class="footer" align="center">
<p><div align="center"><img src="images/mills.jpg" width="111" height="99" /></div>
</p>
<p>
<a href="index.html" target="_parent">HOME</a> |
<a href="apply.html" target="_parent">APPLY</a> |
<a href="links.html" target="_parent">LINKS</a> |
<a href="contact.php" target="_parent">CONTACT US</a>
</p>
</div>
</body>
</html>
|
|||||||