|
HTML - Link To A Specific Location On Another Page
is there a way to link to a location on a page like in the example below but instead of the link existing on the same page as the target location, the link exist on one page and points to a bookmark on another page?
So for example, I want index.html to have a link that takes the user to chapter 4 of content.html (which is half way down the page) Code: <p> <a href="#C4">See also Chapter 4.</a> </p> <h2>Chapter 1</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 2</h2> <p>This chapter explains ba bla bla</p> <h2>Chapter 3</h2> <p>This chapter explains ba bla bla</p> <h2><a name="C4">Chapter 4</a></h2> <p>This chapter explains ba bla bla</p> Similar TutorialsHi there i was wondering if it was possible to click on an image that has been mapped and have it open another web page but at a specific location. for example i have a large image of the U.S. i would like to have a smaller image that is mapped to be able to jump to the larger image at that specific location like if i click the northeast porition of the U.S. on the small image i would like it to load the larger image at the northeast porition of the U.S. using just html if possible? thanks for any help. Trying to see if someone has a work around for this. I have a vbulletin forum with a shoutbox and I would like to move the shoutbox to a page outside of the forum. I did this before with an iframe when I had phpbb3 but have not been able to do this with vbulletin. I now have the shoutbox on an external page but it still contains the header and footer and I have not found a way to remove these. I just need the actual shoutbox approx 730px by 350px. Is there a way to pull only the specific area of a page to another page? *****Edit Resolved ********* I don't have the ability to add an anchor to the page, it's not mine, but I'd like to link to a specific area on the page. Is that possible without that page having some sort of anchor already on it? Ladies and gentlemen, I'm just a beginner to HTML. I'm trying to develop my own web page but there is still lots of things under construction. Now just the home page and some of hyperlinks are finished and available. Most of other hyperlinks are unavailable and under construction, that's why when I click over these unavail. hyperlink, the browser always tell me "the page can not be displayed"... My idea is that I would like to know how to displayed a specific page which has the message "Sorry, this page is currently under construction". So everytime I cick over any link that is unavailable, it will show me this particular page with the message on... Does anynbody know how to do this, could you please advise me how to write code to get this done. Please help me, your help is highly appreciated... Many thanks & best regards, Hao. hello people! so, i need some help with placing a table in a specific location in my website. please check it out here, www.tech-nuke.com. you will notice that there are a white blank space in the left side of the page, which i want to place a table there. and just for clarification, i want to place a table tag so the white empty area become independent (not really!) from its neighbor. i have been trying so hard to get something in that specific area but every time i missed up the desigen of the page. here is the html code of that part of the page: PHP Code: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" class="titlebg">مرحبا بكم في <?php bloginfo('name'); ?></td> </tr> <tr> <td valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <!--Added: Latest forum topics --> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">اخر مواضيع المنتدى</td> </tr> <td class="cell-h"> <? include('recent-topics.php'); ?> </td> <!-- Added: Remove for box 4 --> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">احدث موضوع</td> </tr> <tr> <td class="cell-h"> <?php $recent = new WP_Query("cat=25&showposts=1"); while($recent->have_posts()) : $recent->the_post();?> <div class="cat-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="150" width="150" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div><?php the_content_limit(800, ""); ?> <div style="display:block; text-align:right;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?> »</a></b></div> <?php endwhile; ?> </td> </tr> <!--end added: remove for box 4 --> <tr> <td width="65%" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <tr> <script type="text/javascript"><!-- google_ad_client = "pub-6723104396625340"; /* 468x60, created 4/26/09 */ google_ad_slot = "7601118167"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <td valign="top"> <table width="100%" border="0" cellpadding="5" cellspacing="0"> <!-- <p>1</p> --> <!-- Added: Remove to get box 1--> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">++C</td> </tr> <tr> <td class="cell-h" style="padding:8px;"> <?php $recent = new WP_Query("cat=17&showposts=2"); while($recent->have_posts()) : $recent->the_post();?> <div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div> <?php the_content_limit(700, ""); ?> <div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> »</a></b></div> <?php endwhile; ?> </td> </tr> <!--End Added: Remove to get box 1 --> </table> </td> <td style="border-left:1px dotted #999999;" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <!-- <p>2</p> --> <!-- Added: Remove to get box 2--> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">برمجة الالعاب C++/SFML</td> </tr> <tr> <td class="cell-h" style="padding:8px;"> <?php $recent = new WP_Query("cat=25&showposts=2"); while($recent->have_posts()) : $recent->the_post();?> <div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div> <?php the_content_limit(700, ""); ?> <div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> »</a></b></div> <?php endwhile; ?> </td> </tr> im going to use this webpage as an example http://danalverez.webs.com/index.htm im creating a webpage in dreamweaver and im having a problem i uploaded a background image and centered it and thats fine. But now im trying to creat links over the background image and i can, but when i view the webpage in IE the links or text move everytime i maxamize or minamize the webpage. when you maxamize or minamize the webpage above, the home button link is always in the same location on the page. When i max/min my website the home button jumps to the left or right. when its minamized its in the correct location, but when i maxamise the page the button is to much left. Hi, I am working on a website: hxxp://www.webjuicer.be When I click on "contact" I've added <a name="top"> tag on that page, that's why the url includes #top. (the browser should automatically scroll down to that tag on the page) Normally, like I've always learnt, this is a basic tag and should work in all browsers. However, it seems that Internet explorer has more difficulties with it. In IE it only works when I press "contact" twice, and therefore it's useless. Any one knows what I've did wrong? Thnx very much! Hi all. Great forum. I did a search and couldn't find my answer.. so here goes. Is it possible to link to a specific part of an image? For example I have a large class photo JPG and a page with all the students names on it. What would I need to do so that a parent can click on "John Smith" and it would take them to John's location in the photo..? I was thinking of something like <MAP> would help me out but it's not meant for this particular task. Thanks in advance! -M Hi, I would like to know how I can change the gover colour of a specific link by coding the anchor tag of the link? Here's my site: Click What I want to do is change the hover colour for the Home tag. Thanks, DarkArcher Ok well I have an iframe on my site, I don't want to have to make several base pages to load different iframe pages from the address bar. So I would like to do something like, "sitename.net/index.html?specifictexthere" ( or whatever after the .html ) to be able to go to a different link with the iframe on that page. But also if its not one of the right specific texts then, it will just go to the normal iframe link thats set. I need to know how to define in html a 'class' for lack of a better term so i can make the hyperlink go to page.html#specificpoint I know how to do the hyperlink, just not define where it would load to... I have created a web page in ASP.Net, but completely using HTML codes. This web page shows first 25 hit movies in year wise. I have 2006, 2007 and 2008 year's details in 3 different tables (HTML Tables). All of them are in one page When user clicks main page, it shows all the three year details in tables. User has to scroll down the apge to see full details. Here, I want to give 3 page sections (or page breaks).. If user clicks main page urs, it should show all and user have to scroll down...if user press 2006, it shoud take him to that specific area. If similarly if user clicks 2007, it should take him/her to 2007 details area.. How to do this? I heard that with 'submenubullet', we can do this...Please help me on this Hi guys. I have no idea which category to post this in, or if it's even possible to achieve, so think of it as a challenge to your web skills In Visual Basic you can build a routine that checks a value (such as today's date). If today's date matches the date stored then an action will occur. My question is, can this be done with a web page? I'd like an index page to be active until a certain date, and after that date I would like it to automatically redirect to a different page which carries a message for the user. The page should operate completely normally until the date I set is reached, with no sign that anything is going to happen. Once the date is reached, anyone calling the index page will be instantly redirected to my message page instead. What do you think? Is it a possibility? Hello Folks I want to be able to anchor to not only a different page, this is a simple link, but I also want to be able to go to a specific point on that new page from the original hyper link... Example; I am viewing on page "A," on my site and I want to set a link on page "A" to take me to page "B" to the word "Widget." On page "B" I have the word "Widget" 2/3rds the way down the page. I want to go further than just to the top of page "B," I want my SAME link from page "A" to take me to the word "Widget" that is near the bottom of the page "B" all in the same link. (One click) I understand I am going to need to set code at each word, this is a lot of work and this is OK.. Thank You So Very Much for any assistance David I'm using an iframe to show an external page. I want the iframe to open to a certain part of that page. Problem is, it's like 2 pages down on the external page. How can I make it scroll down and show only that part? Hello, I'm a windows app programmer, but don't know too much about HTML. I use Frontpage to maintain my web site. I need to check the referring page, and if it equals what I want, then I need to redirect to another page. OK, to explain further, I've had a web site for years. Lets call it www.p.com. Yesterday, I registered two new domain names, we'll call them www.a.com and www.b.com. I had my web host simply make them pointers directly to www.p.com. So, when users type in www.a.com or www.b.com, they are automatically taken to www.p.com. This is OK...but, it is causing some issues. What I'd like to do is, when the page (www.p.com) is loaded, I want the page to check the page the user came from, such as www.a.com. If it was www.a.com or www.b.com, then I want to re-load www.p.com, so that the page is refreshed so that it actually was www.p.com and not a re-direct from www.a.com. Can I do this? and how can this be done? Many thanks in advance! domls Hello! I'm kinda stuck trying to get this idea on HTML for my web site: www.luzvenidera.com/webnueva/indexinframe.htm This is the thing: I want the content to appear in the main rectangle, and have it resize automatically to the content. I have been able to do this with an inframe and using a specific script. Next to the content there are cells with an image that should go on the top of each cell and a background tiled image that continues the pattern. At least on my computer, the current code works in IE7, but in FF3 the image inside the side cells ends up showing in the middle instead of the top. I have also read that using inframe isn't really a good idea for the main content section of the page, for a variety of reasons including that it's not search engine friendly, so I'm trying to figure out an alternative.. I'm stuck here. If I make an entire frame beneath the navigation bar and just add the content there then the scroll bar would only show up for that frame, that is, beneath the navigation bar. I want the whole page to have the scroll bar, I don't want the header and navigation bar to stay in place while the rest of the content is scrolled as the background in the sides would break. My questions would be: what should I do to make it so I have the content in a frame, having it expand so the content would fit, without screwing up the side bars and making the whole page scrollable to read the content? I really don't want to make an instance of the whole page tailored to each section's content. I'm also getting ActiveX warnings in IE that prevent the inframe to show up unless it's manually permitted.. if I'm forced to use inframe, is there any way to prevent this? I hope I'm being clear, and would really appreciate any advice! I'm new to most of this stuff, and I got a big headache trying to figure this one out! Thanks in advance! Hi guys, I'm working on a project which requires an HTML page to be updated regularly, say every 10 seconds. however its not the whole page i need to refresh but rather a section of it. that section in question is a table that has status icons within. those status Icons receive values from a server and update accordingly. the following code corresponds to those images you see in the attachment. HTML Code: <td width="100" style="TEXT-ALIGN:center" onclick="showNFailDialog('{IP_ID}','{ZONE_ID}','{GROUP_ID}');">
<IMG style="WIDTH:24px;HEIGHT:22px;CURSOR:hand" class="ZState NFail" name="disp" alt="Zone {ZONE_ID}"
src="../../Icons/circle_cancel.png"
eis="name:{IP_ID}.{ZONE_ID}.{GROUP_ID}.Alarm;type:1;virtual:1;img0:/Icons/circle_green.png;img1:/Icons/circle_red.png;">
</td>
this line basically says value 0 shows green, value 1 shows red.. img0:/Icons/circle_green.png;img1:/Icons/circle_red.png Is there a way I can insert some code into the image section that makes the image refresh every so often but without refreshing the whole page/table your help is greatly appreciated How to link one page to another page in HTML? ------------------------------------------------------ is there any way i can link to the current displayed page. for example: Code: <a href="/">root</a> would link to the root domain. is there something similar i can use? thanks |
|||||||