iWeb: Internal links to spots on the same page?

[lucasledger]

one more thing on aligning page jump snippets

I just tried the name that angelwatt used, and it worked! I changed the number for each additional anchor; they seem to keep the same name, and just go up one number each time you add one.

Mine don't line up exactly how I want them to right now, and I'm about to go back to tweak them, so I'm afraid I WILL have to do it the long way, but if you only have a couple, and aren't constantly adding and deleting like I did, you can probably just number them, in order....

Did that make any sense? I'm about to go to sleep, and a bit muddle-headed.... I'll be back in the a.m.....

Sorry, this is something I forgot to include earlier.

When placing the anchor snippets, I seemed to get much better results when I placed them at the insertion point in the text--versus moving around existing snippet boxes or copy/pasting a snippet box. Unfortunately this means that every time I needed to reposition the anchor after changing text, I ended up deleting the old snippet box and inserting a new one in the right place. More work, but at least for me it got the alignment right.

 

[lucasledger]

I'm going to keep your post open and see if I can't fix my issues now that I've had some sleep.

I don't think I have anything in that text box other than left-justified text, and all of it is Verdana, so I don't know that that's the issue, but I'll check again and see...

The page I'm working on is here, if anyone wants to take a look and tell me if there's something I'm missing.

Oops--I accidentally posted the below to a different thread. Sorry guys, new to MacRumors Forums as well as new to iWeb.


Sorry, this is something I forgot to include earlier about snippet alignment.

When placing the anchor snippets, I seemed to get much better results when I placed them at the insertion point in the text--versus moving around existing snippet boxes or copy/pasting a snippet box. Unfortunately this means that every time I needed to reposition the anchor after changing text, I ended up deleting the old snippet box and inserting a new one in the right place. More work, but at least for me it got the alignment right.

 

[Carole Hayes]

Oops--I accidentally posted the below to a different thread. Sorry guys, new to MacRumors Forums as well as new to iWeb.


Sorry, this is something I forgot to include earlier about snippet alignment.

When placing the anchor snippets, I seemed to get much better results when I placed them at the insertion point in the text--versus moving around existing snippet boxes or copy/pasting a snippet box. Unfortunately this means that every time I needed to reposition the anchor after changing text, I ended up deleting the old snippet box and inserting a new one in the right place. More work, but at least for me it got the alignment right.

I don't seem to notice a difference whether I use the insertion point or not; the box just pops up in the center of the screen, no matter where I click....

Also, when I checked the numbering of my html-widgets, they DO start at 0 and go in order but, on my page, they aren't counted from the top of the page: they are numbered in the order in which I PLACED them. (This WAS from top-to-bottom, but then I added one at the top, and it's number 9.)

One more note: it looks as if the web page snaps to the TOP of the widget box. (I was trying to line up the BOTTOM where I wanted it to go, and it was all off.)

I'm mostly done with the page now, but the last four questions are behaving strangely. I'm not terribly concerned, because they're all visible on one page, but it would be nice if it would just work....

 

[lucasledger]

I'm going to keep your post open and see if I can't fix my issues now that I've had some sleep.

I don't think I have anything in that text box other than left-justified text, and all of it is Verdana, so I don't know that that's the issue, but I'll check again and see...

The page I'm working on is here, if anyone wants to take a look and tell me if there's something I'm missing.

I don't seem to notice a difference whether I use the insertion point or not; the box just pops up in the center of the screen, no matter where I click....



One more note: it looks as if the web page snaps to the TOP of the widget box. (I was trying to line up the BOTTOM where I wanted it to go, and it was all off.)

I'm mostly done with the page now, but the last four questions are behaving strangely. I'm not terribly concerned, because they're all visible on one page, but it would be nice if it would just work....

From my end, it looks like you DO have something other than text in there: it's an istockphoto of a little red guy with ? mark and white puzzle pieces in the background.

Before the insertion-point-after-seeing-the-cursor would work for me, I had to remove ALL OBJECTS including photos, columns, bullets and embedded text boxes ("floating").

So first: do a test run removing the photo and any bulleting you have with the "Q" and "A" format. THEN try the insertion point method. (If you just want to do a test and not meddle with the page as is, make a duplicate, go in and change the external links to the duplicate page, and remove that photo of little red guy.)

That's how I got mine to work just right.

 

[lucasledger]

I'm mostly done with the page now, but the last four questions are behaving strangely. I'm not terribly concerned, because they're all visible on one page, but it would be nice if it would just work....[/QUOTE]

BTW for the last 4 questions, it looks like you'll need to add more "page", because even when your anchors are working properly, the link to your faq can only go as far down as your web page is long.

So give this a shot: either (1) enter some blank paragraph returns (10? 20?) underneath your last faq, if you don't mind the extra white space, or (2) insert an empty text box into the red area to the left or right and enter some blank paragraph returns into that text box to extend the bottom of your webpage.

 

[Carole Hayes]

BTW for the last 4 questions, it looks like you'll need to add more "page", because even when your anchors are working properly, the link to your faq can only go as far down as your web page is long.

So give this a shot: either (1) enter some blank paragraph returns (10? 20?) underneath your last faq, if you don't mind the extra white space, or (2) insert an empty text box into the red area to the left or right and enter some blank paragraph returns into that text box to extend the bottom of your webpage.

By jove, I think you've got it!!!

I haven't tested it yet, but I'm SURE that will fix it!!

Thank you!!!!

(I'm sure the little red guy isn't the issue: he's not IN the text box.... I have a text box up top for questions, then the little red guy, then another text box of Q & A. Taking out the Qs & As and/or the little red man isn't an option, so this HAS to fix it! If not, I kinda don't care at this point....)

 

[Carole Hayes]

I'm mostly done with the page now, but the last four questions are behaving strangely. I'm not terribly concerned, because they're all visible on one page, but it would be nice if it would just work....

BTW for the last 4 questions, it looks like you'll need to add more "page", because even when your anchors are working properly, the link to your faq can only go as far down as your web page is long.

So give this a shot: either (1) enter some blank paragraph returns (10? 20?) underneath your last faq, if you don't mind the extra white space, or (2) insert an empty text box into the red area to the left or right and enter some blank paragraph returns into that text box to extend the bottom of your webpage.[/QUOTE]

Okay, that WAS the issue. It works now!! (A couple of them are half a line off in Explorer, but I can live with that if I get sick of tweaking...)

Thanks, again!! : )

 

[Carole Hayes]

More bizarre behavior:

I had it working perfectly last night and then, after restarting iWeb, the web-widgets were RENUMBERED, top-to-bottom!!!

I renumbered my links and it's perfect again, but I guess the lesson is to not assume you're finished until you've restarted the program and checked the links again....

 

[questmcoupe]

Are anchors the same as clicking on a picture on the homepage and making it go to another page on the site?

If not, how do I go about doing this?

 

[angelwatt]

Are anchors the same as clicking on a picture on the homepage and making it go to another page on the site?

If not, how do I go about doing this?

Yes and no. Anchors them self are just the link tag (<a href="...">link</a>), but for the topic in this thread, it's a link to a different part of the present page, not to a different page.

To turn a image into a link, select the image, then use the Inspector and go to the link part of it and select where you want it to go. It's pretty straight forward.

 

[questmcoupe]

Thank you angel!
I was doing my best not to hijack this thread but I didn't want to start a new one if my issue was anchoring as well.

 

[Carole Hayes]

Mayday, mayday!!!

I switched the site to a Linux server, and now my anchors have quit working!!!

Is there something special that I need to know about having anchors on Linux????

 

[lucasledger]

I switched the site to a Linux server, and now my anchors have quit working!!!

Is there something special that I need to know about having anchors on Linux????

For a very temporary fix (definitely not ideal), you could try 2 things instead of anchors:

1. Link each FAQ to a separate page (either as (a) external page or (b) "one of my own pages" in the hyperlink editor box). Create separate pages for each FAQ answer.

2. Link each FAQ to a file (also in the hyperlink editor box)--don't know whether this will give you a headache in Linux. And keep in mind that the format of the file (pdf, Word, etc.) may not work or appear the way you want it to, depending on the browser.

 

[angelwatt]

I switched the site to a Linux server, and now my anchors have quit working!!!

Is there something special that I need to know about having anchors on Linux????

What was the original server? The only difference that should impact this, is that Linux (and Mac) are case sensitive when it comes to URLs. Make sure everything in the link matches case with what it's addressing.

Example, the bottom two links different pages and lead to different parts of the pages. The bold parts show where it's different.

htt?/www.place.com/[B]p[/B]age.html#[B]faq[/B]-1
htt?/www.place.com/[B]P[/B]age.html#[B]FAQ[/B]-1

 

[Carole Hayes]

I'm a dork: I changed the page names that had caps, and forgot to change the links.

All better now....

What was the original server? The only difference that should impact this, is that Linux (and Mac) are case sensitive when it comes to URLs. Make sure everything in the link matches case with what it's addressing.

Example, the bottom two links different pages and lead to different parts of the pages. The bold parts show where it's different.

htt?/www.place.com/[B]p[/B]age.html#[B]faq[/B]-1
htt?/www.place.com/[B]P[/B]age.html#[B]FAQ[/B]-1

 

[Balooba]

Try this method

Here is a method that works almost perfectly without using cyclo's method or post-processing by modifying the html-files. Basically, insert a non-sense HTML snippet just above each chapter. In the list, link to an "external page" with the page's URL and add #widget1, #widget2, etc...
I posted a description with screen shots here:
http://web.me.com/petber/iWeb_tips/iWeb_Tips/iWeb_Tips.html

 

[angelwatt]

Here is a method that works almost perfectly without using cyclo's method or post-processing by modifying the html-files. Basically, insert a non-sense HTML snippet just above each chapter. In the list, link to an "external page" with the page's URL and add #widget1, #widget2, etc...

That sounds like the method described in this thread already.

 

[shasta337]

Links send me to random HTML snippets

Here is a method that works almost perfectly without using cyclo's method or post-processing by modifying the html-files. Basically, insert a non-sense HTML snippet just above each chapter. In the list, link to an "external page" with the page's URL and add #widget1, #widget2, etc...
I posted a description with screen shots here:
http://web.me.com/petber/iWeb_tips/iWeb_Tips/iWeb_Tips.html

Balooba -- I'm trying your method now. Overall, it's the best work-around I've been able to find. I'm using iWeb '09.

I've established the links as you indicated, and I've added the HTML snippets.

When I publish the site, the links work -- but they link to the wrong parts of the page. For example: The "#widget1" link will send me to the 3rd HTML snippet that I added, etc. Doesn't seem to be a pattern to which one they go to.

Am I correct in understanding that the ORDER in which you create the HTML snippets (not their position on the page) should determine which link should direct you to them?

Did you run into anything like this? Any ideas?

 

[Mal]

Balooba -- I'm trying your method now. Overall, it's the best work-around I've been able to find. I'm using iWeb '09.

I've established the links as you indicated, and I've added the HTML snippets.

When I publish the site, the links work -- but they link to the wrong parts of the page. For example: The "#widget1" link will send me to the 3rd HTML snippet that I added, etc. Doesn't seem to be a pattern to which one they go to.

Am I correct in understanding that the ORDER in which you create the HTML snippets (not their position on the page) should determine which link should direct you to them?

Did you run into anything like this? Any ideas?

No, the name of the link should determine it. In other words, if you place the HTML snippet

<a name="widget1"></a>

somewhere on the page, you can then link to it with a link to "#widget1". The position on the page has no effect. Keep in mind, every single one needs to have a different name, and can then be linked specifically.

jW

 

[shasta337]

Thanks.

Fixed and working properly.

 

[thomaskaufi]

The easiest way to have a link at the bottom of a page which goes to the top of a page is to have a link to the page itself. So the browser reloads the page an d voilà you're at the top again...

not always, some browsers remember where you were...

...when a simple <target="_Top"> would work.

whats the target tag?

It works! It WORKS!!!
You don't happen to know how to do drop-down menus in iWeb, do you??

W3schools.com has a very good tutorial for drop down menues!
just go to "try it yourself examples" select the language u are typing in (HTML, XHTML, etc.) and fin "drop down menu"

tell me how you did the "back to top thing" will you? i have the same problem in iWeb '09 and i think ill try if it works there...

 

[jillaine]

Where is this wonderful info now?

Here is a method that works almost perfectly without using cyclo's method or post-processing by modifying the html-files. Basically, insert a non-sense HTML snippet just above each chapter. In the list, link to an "external page" with the page's URL and add #widget1, #widget2, etc...
I posted a description with screen shots here:
http://web.me.com/petber/iWeb_tips/iWeb_Tips/iWeb_Tips.html

Found this link and this forum discussion while trying to figure out how to add internal anchors in a web page. Unfortunately, Balooba's me.com site is gone. And Google no longer links to archived pages when a search is done.

Please advise. It looks like I'd rather use Balooba's solution than others I've seen posted.

Thanks!
-- Jillaine

----------

Found the following, but it's missing the helpful photos. Now I'm not so sure this would be so easy...

Instructions

1.Create your page in a typical FAQ layout, links in a list and chapters below on the same page.

2.Publish your site. Visit the published and copy the URL to the page (let’s call it http://web.mac.com/user/MySite/FAQ.html).

3.In iWeb, select the first item in the FAQ-type list. Enable it as a hyperlink. Choose to link it to an external page, the URL being http://web.mac.com/user/MySite/FAQ.html#widget1.

4.Select next list item, enable it as a hyperlink to the external URL http://web.mac.com/user/MySite/FAQ.html#widget2.
5.Continue until you have linked to all list items. It will look like the picture below.

6.Now, drag in a HTMP snippet from the Widgets toolbar (on the right in iWeb’s window).

7.What you write in the snipped does not matter! Write something harmless that will not do anything, such as <a name="anchor"></a>
8.Make the widget’s box as small as possible. Drag it to a position on the page where you want the first anchor to land. The lower end of the widget box will define the landing spot.

9.Continue with a new snippet, place it just above the second chapter. See the pictures how it will look when you have placed a snippet box above each chapter. Note that it is important to create them in order.

10. That’s it. There is no step 10.

 

[Balooba]

New URL

Hi Jillaine,
Sorry, I moved the blog post to consolidate with other Mac tips.

Here is the new link
http://web.me.com/petber/Mac_Tips/Mac_Tips_&_Tricks/Mac_Tips_&_Tricks.html