|
HTML - Links To Anchor Points...
Hi,
I've got a page with links to anchor points but clicking on it makes the popup open in a new window which I don't want to do, I just want it to snap to the anchor on the page. I've tried a few types... <li><a href="#faq_101605">What sort of feedback do you get from other advertisers?</a> </li> <p><a name="faq_101605" title="faq_101605"></a></p> ...and... <li><a href="http://dev.mysite.com.au/advertise/advertisers-faq.htm#faq_101498">How long will my advert stay on your web site?</a> </li> <p><a name="faq_101498" title="faq_101498"></a> Any help would be great. Thanks Similar TutorialsUsing help from (http://www.echoecho.com/htmllinks08.htm) I added links to my page (http://laititudefestival.zxq.net/whosplaying.html) When clicked on the title 'Lake Stage' it should redirect you to the line up image lower down in the page. The link (http://laititudefestival.zxq.net/whosplaying.html#lake) appears in the address bar . It should move the page down but it dosent Please help Just give me one working example I would be very happy I could change text and so on ! Thanks , Sorry for English Hi all, I was wondering if anyone knows how you can force a page to automatically jump to an anchor link on that page...for example so the visitor doesn't have to scroll down everytime. I know I can just put: <a href="http://www.site.com/about.htm#anchor"></a> in the links etc...but is there a way to force a page to jump to the anchor without putting it in the links? Thanks ~Paul (ps. The reason is because my blog is a whole screen down on most screens, so when someone click on an archive etc...they have to scroll down over and over) This problem is simple in need, but a little complex to explain. What I am looking for is a way to create a flowchart or a sitemap of each HTML file rather than my whole site. I need a program or application that will do this for me automatically instead of having to create this manually. I have all ready tried Visio, but it does not do what I desire. Specifically, I have multiple anchor links within each HTML file. These anchor links point to other 'panels' on my page. Within those 'panels' might exist additional links - external or internal. At some point, those links will end at a 'panel'. I need a way to visually show where each anchor link is going, where those links came from (which panel they originated from), and if any of them are 'broken'. I have attached two files that may explain this better. The flowchart_example.jpg shows exactly what I require (more or less). I really just need the boxes (labeled Panel 00, Panel 01, etc.), how each connects to the other based off of links that are in the HTML file, and eventually show where the links end (no more links in the panel). I do not need the '1 Click' or '2 Clicks' to show up. Those can be manually added later. The an_example.html file shows an HTML file that has the anchor links and external links that would need to show up in the flowchart. This HTML file more or less mirrors what I am looking for in the flowchart_example.jpg file. When I refer to Panel 00, that is the top of the page, after the title and black line (where the script actually begins). The user must start at the top. They cannot skip around to other panels. This is why a visual flowchart would be quite helpful. Additionally, the links at the top (scripts, reference, transfers, etc.) along with the top and back buttons on each panel should be ignored when creating the flowchart. Any information or assistance in finding an application or a way to accomplish this would be greatly appreciated. Thanks in advance. This is not my expertise and you guys are a great help! I've got all of the copy on the page, but everything is along the left margin. I want to indent a few bullet points and paragraphs. What html do I use? Thx. Hi I've been having a lot of problems with images and bullet points overlapping, what I mean by that is I'll align an image to left allignment, it goes to the left of the text but the bullet points are superimposed over the top also the picture is being included in the list instead of to the left of the list as i want. here's a screenshot and the code of the page in question and the stylesheet, Thanks very much, I'm going mad trying to work it out: screenshot: page code: Code: <!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"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.:Max Barr Antique Furniture Restoration:.</title>
<style type="text/css" media="all">
<!--
@import url("styles.css");
#header #logo a {
font-family: Times New Roman, Times, serif;
}
#index #outerWrapper #gradient #contentWrapper br {
color: #FFF;
}
#index #outerWrapper #gradient div {
color: #FFF;
}
-->
</style>
<!-- InstanceBeginEditable name="gallery info" -->
<!-- <LINK HREF="styles/default.css" rel=stylesheet> -->
<LINK HREF="../res/styles.css" rel=stylesheet>
<style type="text/css">
<!--
.highslide {
cursor: url(../res/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide img {
border: 2px solid #999999;
}
.highslide:hover img {
border: 2px solid #ffffff;
}
.highslide-overlay {
display: none;
}
.highslide-image {
border: solid #ffffff;
}
.highslide-caption {
display: none;
color: #000000;
border: 0px solid #ffffff;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: #ffffff;
}
.highslide-caption a {color: #2E8B57;}
.highslide-loading, a.highslide-loading:link {
display: block;
color: #ffffff;
background-color: #000000;
font-size: 9pt;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding-left: 22px;
background-image: url(../res/graphics/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits, a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move {
cursor: move;
}
/* Controlbar */
.controlbar {
background: url(../res/graphics/controlbar4.gif);
width: 167px;
height: 34px;
}
.controlbar a {
display: block;
float: left;
/*margin: 0px 0 0 4px;*/
height: 27px;
}
.controlbar a:hover {
background-image: url(../res/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
width: 50px;
}
.controlbar .next {
width: 40px;
background-position: -50px 0;
}
.controlbar .highslide-move {
width: 40px;
background-position: -90px 0;
}
.controlbar .close {
width: 36px;
background-position: -130px 0;
}
.highslide-dimming {
background: #000000;
position: absolute;
visibility: hidden;
}
a.highslide-full-expand {
background: url(../res/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 10px 10px 10px 10px;
width: 34px;
height: 34px;
}
.highslide-active-anchor img {
visibility: hidden
}
.highslide-html {
background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
position: absolute;
display: none;
}
/* Necessary for functionality */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
-->
</style>
<link rel="alternate" href="album.rss" type="application/rss+xml">
<style type="text/css">
<!--
.highslide { cursor: url(../res/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide-caption { display: none;
color: #000000;
border: 0px solid #ffffff;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: #ffffff;
}
#index #outerWrapper #gradient #contentWrapper #content p {
font-size: 10px;
}
#index #outerWrapper #gradient #contentWrapper #content p {
font-size: 12px;
}
#index #outerWrapper #gradient #contentWrapper #content {
font-size: small;
}
-->
</style>
<!-- InstanceEndEditable -->
<!--[if IE 5]>
<style type="text/css">
#outerWrapper #contentWrapper #leftColumn1 {
width: 200px;
}
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
#outerWrapper #contentWrapper #content {
zoom: 1;
}
</style>
<![endif]-->
</head>
<body id="index">
<div id="header">
<div id="logo">
<a href="index.html" onmouseover=""> Max Barr Antique Restoration</a></div>
</div>
<div id="outerWrapper">
<div id="gradient">
<div id="nav" style="margin-bottom: 10px;">
<div align="center">
<ul>
<li><a href="http://www.maxbarr.com/index.html">Home</a></li>
<li><a href="http://www.maxbarr.com/profile.html">Profile</a></li>
<li><a href="http://www.maxbarr.com/restoration.html">Restoration</a></li>
<li><a href="http://www.maxbarr.com//gallery/index.html">Gallery</a></li>
<li><a href="http://www.maxbarr.com/contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="contentWrapper">
<div align="center"></div>
<div id="content"> <!-- InstanceBeginEditable name="Content" -->
<p align="center"><img src="P6030553.gif" width="75" height="54" /><img src="img064.gif" width="82" height="54" /><img src="P5300085.gif" width="71" height="54" /><img src="PB040728.gif" width="83" height="53" /><img src="images/P9150206.gif" width="65" height="54" /><img src="images/PB110751.gif" width="79" height="55" /><img src="images/img069.gif" width="84" height="56" /><img src="images/P8310186.gif" width="78" height="56" /></p>
<p>Welcome to my website. I have been making furniture and restoring antiques here in Gloucestershire for 18 years. I have a large, well equipped workshop and carry out work for both private clients and the quality antiques trade. Examples of my restoration work have been shown at many national and international antiques fairs including London Olympia, Maastricht Tefaf and Chicago Artropolis. <img src="images/WmIVthreePillar55__x135__4.gif" width="348" height="181" align="middle" /><br />
<br />
High standards of work and customer satisfaction are my top priorities. If you would like to discuss any project, large or small, please give me a call for friendly expert advice.</p>
<p>Services include:</p>
<ul>
<li><img src="images/img071.gif" width="113" height="169" align="left" />High quality restoration and repair to all kinds of furniture.
</li>
Replacement or repair of damaged or missing woodwork from chips of veneer to entire legs or table leaves using appropriate materials and techniques. <img src="images/P9010139.gif" width="157" height="118" align="right" /></li>
<li>Restoration of existing finishes, reviving, colour matching, disguising of repairs</li>
<li>Traditional French polishing, wax polishing and oil finishes</li>
<li>Repairs to locks, castors, handles and other metalwork
</li>
Supply and fitting of leather or baize desk-top liners.</li>
<li>Upholstery, cane and rush-work seating.
</ul>
</p>
</li>
</ul>
<p> </p>
<h1 align="justify"><img src="images/P3080182.gif" width="147" height="110" align="bottom" /></h1>
<p> </p>
<div id="controlbar" class="highslide-overlay controlbar">
<a href="#" class="previous" onClick="return hs.previous(this)" title="Previous (left arrow key)"></a>
<a href="#" class="next" onClick="return hs.next(this)" title="Next (right arrow key)"></a>
<a href="#" class="highslide-move" onClick="return false" title="Click and drag to move"></a>
<a href="#" class="close" onClick="return hs.close(this)" title="Close"></a>
</div>
<!-- Bottom navigation -->
<div id="jalbumwidgetcontainer"></div>
<script type="text/javascript" charset="utf-8"><!--//--><![CDATA[//><!--
_jaSkin = "Boxer";
_jaStyle = "2 Purple Pavement.css";
_jaVersion = "8.1.6";
_jaLanguage = "en";
_jaPageType = "index";
_jaRootPath = "..";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
//--><!]]></script>
<!-- InstanceEndEditable --></div>
</div>
<div id="credit" align="center">Copyright © 2009 Max Barr
<br />
</div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>
Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! Is there anyway to do a sort of "go to next anchor" link? ... and previous anchor? Hi everybody, im new here. i've done lot of search and nothing solved my problem. here is my situation. I have 2 pages, in the first page i want to make a link to the second page but at a specific point in the second page. Here is my code: in the first page, i make this link: <a href="page2.html#70" class="Style1">linktopage2 (1)</a> in the second page at the point i want to link: <a name="70"></a> Did i forget something? right now when i click the link in the first page, it open the second but at the top of it and not at the point i want. someone have a better way to do what i want? thank you all!! mike I'm creating an alphabetical search of products. I have a table with the letters of the alphabet and just below that table I have a scroll box with the list of products. Each section of this list of product has an anchor that is called by the letter in the table. When the letter is clicked the scroll box scrolls to show the products with names starting with that letter. What I did so far is working. The problem is that the whole page of the website is moving up when I click a letter and not just the scroll box. How do I do to make just the scroll box to scroll? Hi all, I'm trying to embed a flash file on my page that will act as a link to another page (please see code below). However, for some reason it's not working. Can someone please tell me what I'm doing wrong or point me towards some documentation? <div class="promowrapper"> <a href="http://promos.kansan.com/summersplash"><embed width="955" height="60" src="http://media.kansan.com/static/images/SummerSplash.swf" /></a> </div> Thanks, Kansan How do I make an H1 heading (example: <h1>Business to Business</h1>) into a link that will jump to an anchor lower on the page? What is the code for this? HELP! Any help would be much appreciated Karen I would like to show some details in table format inside the anchor link, is this possible or not... Hello, I have a webpage with several html anchors. The anchor part works ok, but when I click on the links, I only goto to the part of the page with all the anchors (all anchors are gathered low in the page) and I wanted to know if there is any way of highlighting the specific anchor that the user has clicked on. Thank you. so i have these 3 files, frame.html, menu.html, and page.html frame.html sets up the frameset with menu.html on the left side and page.html on the right side. the page is very large and scrolls and has a bunch of named anchors in it, and the menu doesn't scroll so its always visible no matter where on the page you are. so u probably get the idea by now. normally if i want to have an anchor link in the page i would just say href="#anchorname", but instead i want to have links in the menu frame jump to anchors in the page frame, so that someone could browse the page very easily without having to scroll all the way back to the top for all the anchor links. is that possible, and how would i do it? Right this is not for the faint-hearted cos I'm going to make a real hash of explaining what I'm trying to do probably I'm using <a> tags to move the user around a single page, so for example: HTML Code: <a href="#room1">Room1</a> <a href="#room2">Room2</a> <a href="#room3">Room3</a> <a href="#room4">Room4</a> <div id="room1"> Some Content </div> <div id="room2"> Some Content </div> <div id="room3"> Some Content </div> <div id="room4"> Some Content </div> It works fine, but the browser places the viewing window right at the very start of the <div id=""> bit. I want to have it move to say 50px higher up. I can't move the <div> tags or set any margin or padding on them as this really messes up the page. Is there any way to move the browser window 50px back up after it has moved to the <div> position. Maybe using javascript? Any help really appreciated Hey guys, I'm really new to HTML coding so be nice. I'm trying create an anchor on a new page. Is this possible, I can create an anchor that jumps down a page, but I can't get it to work on a different page. I thought I had it, but it only worked in Safari, and wouldn't work in Firefox or IE. Any help would be greatly appreciated I am creating an FBML page in Facebook and can not figure out how to do an anchor point in the page - mostly because instructions online only tell you how to do it and show snippets of code, not the entire portion, so I can't tell where to put the two different parts of the code (a name & a href with #). This is the code I have: <a name="Current Projects" id="Current Projects"> <a href="http://www.facebook.com/familysearchwiki#currentprojects"><strong>Current Projects</strong></a></a><p> I want it to link to the "Current Projects" section of the document. I do not know how to set this up. Seems like it should be easy... I know it is, right? |
|||||||