How to get to the top...

[steven]

....isn't that what we all want?

Now, seriously. I have some long pages where I want links to the top of the
page (or the index, to be precise).
Options:
1. ctrl+home
2. scroll
3. links (text or graphic) at several places on the page.
4. others?

Thoughts:
1. I think most people use the mouse more than the keyboard to navigate.
Don't want to use the keyboard.
2. For me scrolling is much slower than just clicking.
3. That was the idea. I could place a "top" link on, say, every h2. But some
sections are so long that you're not always sure to have such a link on
screen.
Other idea: the navigation menu is in a right-floated div, which is mostly
empty. Could I attach a "top" link to this area?

Wadya think?

Steven

 

[Els]

...isn't that what we all want?

Now, seriously. I have some long pages where I want links
to the top of the page (or the index, to be precise).
Options:
1. ctrl+home
2. scroll
3. links (text or graphic) at several places on the page.
4. others?

Thoughts:
1. I think most people use the mouse more than the keyboard
to navigate. Don't want to use the keyboard.
2. For me scrolling is much slower than just clicking.
3. That was the idea. I could place a "top" link on, say,
every h2. But some sections are so long that you're not
always sure to have such a link on screen.
Other idea: the navigation menu is in a right-floated div,
which is mostly empty. Could I attach a "top" link to this
area?

Wadya think?

Is that right-floated div still visible then, when at the
bottom of a long section? I'd say add a link to top at the
bottom of every section. Not at the top of it as you seem to
describe by adding it to every <h2>.

Like this:

<h2>section title</h2>
<p>
section text
section text
section text
section text
section text
section text
section text
section text
</p>
<a href="#top">back to top of page</a>

<h2>section title</h2>
<p>
section text
section text
section text
section text
section text
section text
section text
section text
</p>
<a href="#top">back to top of page</a>

Etc.

 

[steven]

Is that right-floated div still visible then, when at the
bottom of a long section? I'd say add a link to top at the
bottom of every section. Not at the top of it as you seem to
describe by adding it to every <h2>.

OK, bottom makes sense. I'll try to find a way to place the link in the
bottom right corner of the block. (not very fluent in CSS yet).
My problem remains: what if the paragraph is too long to fit the screen? It
would be nice if there would always be a link visible.

Steven


BTW (Bij de weg?): Je hebt het op je site over Vlaams alsof het een taal is.
Dat is het dus niet. In Vlaanderen wordt Nederlands gesproken. Ik geef toe
dat het voor Nederlanders soms wat moeilijk verstaanbaar is, maar dat is
Achterhoeks voor ons ook.

 

[SpaceGirl]

OK, bottom makes sense. I'll try to find a way to place the link in the
bottom right corner of the block. (not very fluent in CSS yet).
My problem remains: what if the paragraph is too long to fit the screen? It
would be nice if there would always be a link visible.

Steven


BTW (Bij de weg?): Je hebt het op je site over Vlaams alsof het een taal is.
Dat is het dus niet. In Vlaanderen wordt Nederlands gesproken. Ik geef toe
dat het voor Nederlanders soms wat moeilijk verstaanbaar is, maar dat is
Achterhoeks voor ons ook.

*raised eyebrow*

--


x theSpaceGirl (miranda)

# lead designer @ http://www.dhnewmedia.com #
# remove NO SPAM to email, or use form on website #

 

[Els]

OK, bottom makes sense. I'll try to find a way to place the
link in the bottom right corner of the block. (not very
fluent in CSS yet). My problem remains: what if the
paragraph is too long to fit the screen? It would be nice
if there would always be a link visible.

<div class="linktotop"><a href="#top">back to top of page</a>
</div>

div.linktotop{text-align:right;font-style:italic;}

BTW (Bij de weg?): Je hebt het op je site over Vlaams alsof
het een taal is. Dat is het dus niet. In Vlaanderen wordt
Nederlands gesproken. Ik geef toe dat het voor Nederlanders
soms wat moeilijk verstaanbaar is, maar dat is Achterhoeks
voor ons ook.

Klopt, maar als ik wil aangeven dat ik mijn Vlaamse vriendin
soms niet goed versta, noem ik het Vlaams, net zoals ik zou
zeggen: Ik versta die gozer van Normaal maar half, want hij
spreekt Achterhoeks ;-)

Overigens verschillen de meningen daar wel over, er is niet
voor niets een Vlaams woordenboek op de markt. Het mag dan
officieel Nederlands zijn, er zijn erg veel woorden en
uitdrukkingen die in het Vlaams-Nederlands iets heel anders
betekenen dan in het Nederlands-Nederlands om het zo maar even
te zeggen. Het is niet alleen een kwestie van de algemene taal
spreken tegenover de locale taal. Een Achterhoeker die correct
Nederlands spreekt, gebruikt nog steeds andere woorden dan een
Vlaming die correct Nederlands spreekt
</dutch>

 

[Els]

*raised eyebrow*

Don't worry, Mir, it's only Dutch (or Flemish, if you'd hear his
pronounciation ;-) (sorry Steven, kon ik ff niet laten )

 

[Els]

OK, bottom makes sense. I'll try to find a way to place the
link in the bottom right corner of the block. (not very
fluent in CSS yet). My problem remains: what if the
paragraph is too long to fit the screen? It would be nice
if there would always be a link visible.

In addition to my previous reply:
You mean you want a link to top visible even if you're only
half way a long section? Divide the section into sub-sections,
and place links below sub-sections where you feel they should
be able to already click and go back.
Would look like this:
<h2>section title</h2>
<p>
section text
section text
<a href="#top">back to top of page</a>
section text
section text
section text
<a href="#top">back to top of page</a>
section text
section text
section text
</p>
<a href="#top">back to top of page</a>

 

[Els]

Would look like this:
<h2>section title</h2>
<p>
section text
section text
<a href="#top">back to top of page</a>
section text
section text
section text
<a href="#top">back to top of page</a>
section text
section text
section text
</p>
<a href="#top">back to top of page</a>

Bad code.
<h2>section title</h2>
<p>
section text
section text
</p>
<a href="#top">back to top of page</a>
<p>
section text
section text
section text
</p>
<a href="#top">back to top of page</a>
<p>
section text
section text
section text
</p>
<a href="#top">back to top of page</a>

 

[steven]

Bad code.
<h2>section title</h2>
<p>
section text
section text
</p>
<a href="#top">back to top of page</a>
<p>
section text
section text
section text
</p>
<a href="#top">back to top of page</a>
<p>
section text
section text
section text
</p>
<a href="#top">back to top of page</a>

Nah! You can't be serious, Els.
It will look like http://www.nenya.be/41222-2/lorem.htm.

 

[Els]

Nah! You can't be serious, Els.
It will look like http://www.nenya.be/41222-2/lorem.htm.

Yup, I wouldn't do that either, I would make it look like
this:

http://locusmeus.com/temp/steven.html

But I probably wouldn't put it in that many times, I'd leave
larger chunks of text between the top-links.

 

[Richard]

*raised eyebrow*

--

I almost understand that and don't know dutch at all.

You [have]?? it on your site <??> on [in] flemmish.......

One must understand that English a conglomeration of several European
tongues, of which dutch/flemmish is one of them.

 

[Richard]

steven wrote:

<div class="linktotop"><a href="#top">back to top of page</a>
</div>

Klopt, maar als ik wil aangeven dat ik mijn Vlaamse vriendin
soms niet goed versta, noem ik het Vlaams, net zoals ik zou
zeggen: Ik versta die gozer van Normaal maar half, want hij
spreekt Achterhoeks ;-)

Overigens verschillen de meningen daar wel over, er is niet
voor niets een Vlaams woordenboek op de markt. Het mag dan
officieel Nederlands zijn, er zijn erg veel woorden en
uitdrukkingen die in het Vlaams-Nederlands iets heel anders
betekenen dan in het Nederlands-Nederlands om het zo maar even
te zeggen. Het is niet alleen een kwestie van de algemene taal
spreken tegenover de locale taal. Een Achterhoeker die correct
Nederlands spreekt, gebruikt nog steeds andere woorden dan een
Vlaming die correct Nederlands spreekt
</dutch>

We're sorry, but that function is not available.

 

[SpaceGirl]

SpaceGirl wrote:

*raised eyebrow*

--

I almost understand that and don't know dutch at all.

You [have]?? it on your site <??> on [in] flemmish.......

One must understand that English a conglomeration of several European
tongues, of which dutch/flemmish is one of them.

Babelfish did an okay translation

--


x theSpaceGirl (miranda)

# lead designer @ http://www.dhnewmedia.com #
# remove NO SPAM to email, or use form on website #

 

[Dylan Parry]

One must understand that English a conglomeration of several European
tongues, of which dutch/flemmish is one of them.

It is? There was me thinking that English was the bastard child of
Saxon, Latin and French.

 

[steven]

Els wrote:
[snip]

spreken tegenover de locale taal. Een Achterhoeker die correct
Nederlands spreekt, gebruikt nog steeds andere woorden dan een
Vlaming die correct Nederlands spreekt
</dutch>

We're sorry, but that function is not available.

Is too! Els just forgot the XML Schema. Err, and the opening tag

 

[steven]

*raised eyebrow*

--

I almost understand that and don't know dutch at all.

You [have]?? it on your site <??> on [in] flemmish.......

Nope. Not much content on the site yet, and that's all in English. I will do
some pages in Dutch, typically for local stuff, but I don't intend to make
it a bilingual site.

 

[steven]

It is? There was me thinking that English was the bastard child of
Saxon, Latin and French.

English and Dutch are both Germanic languages
(http://softrat.home.mindspring.com/germanic.html). I would have expected a
connection between Saxon and English too, but Saxon seems to be on a
completely different branch.
Latin, French, Italian, Portuguese are Italic languages. Italic and Germanic
have Proto Indo-European as common ancestor.

 

[Duende]

While sitting in a puddle Els scribbled in the mud:

Yup, I wouldn't do that either, I would make it look like
this:

http://locusmeus.com/temp/steven.html

Why put in
<a name="top" id="top"></a>
You can link to
<div id="pagewidth" >
Than use
<a href="#pagewidth">

You can link to any id=""

 

[Els]

While sitting in a puddle Els scribbled in the mud:


Why put in
<a name="top" id="top"></a>
You can link to
<div id="pagewidth" >
Than use
<a href="#pagewidth">

You can link to any id=""

True, I always do that. In this case I just copied Steven's
code, without looking at it, just put the links in a div to
right align them

 

[steven]

True, I always do that. In this case I just copied Steven's
code, without looking at it, just put the links in a div to
right align them

Yes, I guess I wrote it without looking at it. <g>
But you're right. Will I change it? Maybe not.

Steven