|
HTML - Linking Div's
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.
Similar Tutorialshi 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 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> When you have a forum on a website how do you have it open up in the same window rather than it opening up a new browser when you click on the link? 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. 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! How do i link to a page thats outside of a folder. Example i have a folder called "Home" and a page called home.html within the folder and I have a sub folder called "Main", within the Main folder how do I link to the home.html 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? Hi guys, I'm wondering if there is an easy way to provide links or image links to a file in the root directory of my domain. I know there's the "/" method but it will not do for me because I maintain the files offline on my PC, and if I used "/" then it will not refer correctly. Example: Code: <IMG SRC="/example.gif"> This will work 100% of the time when it's uploaded on the web, regardless of which directory the HTML file is at, I will still open the same "example.gif" at the root dir. Perfect. But since I'm maintaining the files offline (before uploading), this causes a problem as I will have numerous "broken links". FYI I even tried to map my folder to a drive (W, or placing the entire file system on a USB drive, but none of those work. I realise I could use Code: <IMG SRC="../../example.gif"> and so on, but shouldn't there be an easier method? Hello everyone, I am currently building a site that has a iframe in it. Unfortunately no matter what I try it is always linking to the sites 404 page. Here is the code I am using. Code: <iframe src="sulphurmountaingps.html" width="600" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"> <a href="sulphurmountaingps.html">Click here for the map</a> </iframe> Now I currently have the second page in the same folder as the HTML page it is being called from since it started in its own directory but eventually ended up here by trying to weed out what the problem could be. So I really cant see what I could be missing. Its a very simple iframe code calling a page that is in the same directory. Any help or suggestions would be great, Thank you Peter I'll do my best to explain this. I have an iframe and its source changes a lot. I want to have a link that will take you to the source of the iframe, whatever it may be at the time. This has been kicking at me for some time and I thought it was time to ask for help, it's probably something simple that I'm just not getting. Thanks in advance! Hi everyone, Could someone help with a hyperlink problem I have please? I am currently working on our company website and am constructing some pages detailing the Health and Safety training we do. I have created a page which contains a link to a second page with the course dates on. Is it possible to then link from the page with the course dates to the previous page but I want to link the the bottom of the previous page. Is there a way to do this? Many thanks! Jess 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 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 There I have a slight problem with a project i am working on which i really do hope somebody can help me. I wanted to build a tracker for my work and have been kindly given a copy by a friend of mine who works with me the problem is that i have added a comment box to the page and i want to remove the submit button as my page already has a submit button which sends the other info in it to txt file. Secondly i want to be able to link my comment box to that txt file so all the data is in one place. I am so sorry for posting such noobie question and would so much appreciate if somebody could help me out. Regards Craig Hello, I am working on a website and having issue linking the contact and pricing page to the home page. When I click on Home from either pricing or contact page it's not moving. My code is attached Thanks 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! First off, I would classify myself as having a basic working knowledge of HTML, but I'm far from experienced. I use Expressions (I know, first mistake), and do at least 50% of the work in the code view window. I'm having a problem right now linking a PPS document. I made the PPT and saved it as a PPS, and linked it using <a href="images/anamaited.pps" target="_blank"> When I preview the website on my computer and click the link the document opens in a new explorer window as a PPS, but when I publish the site and click the link it downloads the document and opens PPT. I don't want visitors opening my presentation in PPT, is there anyway to have the pps display in a browser window or do I have to convert the PPS into flash? If I need to display it as a different file type, I need to do it for free, any suggestions? -edit- wanted to clairfy when I click the link on the live site, it actually opens MS PowerPoint, not a new browser window as the tag specifies. 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>
help... i linked my pdf to text on my website but its giving an error.. Hey guys, Ive been trying to google this but i just cant seem to find a tutorial, im hoping you guys can help me out. I want to link to a set of links on my website. More specifically, I have a horizontal navigation bar on my site and I want the link "required reads" to make a row of links appear under the navigation bar of the various readings when you click on it. I've seen this done before but I cant pull up an example at the moment, hopefully that makes sense... Please help! Thank you. |
|||||||