Back A Page

Troublesome · 09-10-2007 6:48pm #1

On some sites they have like a little hyperlink at the bottom left or right saying something like "Back a Page", and it always stays in that position dispite the resolution of the monitor..

Does anyone know the code for that please? im having trouble on how to describe it in google..
its for ict homework (:

thanks.

mneylon · 09-10-2007 7:20pm

It's probably using the javascript history function:

<a href="javascript:history.go(-1)">back</a>

Troublesome · 09-10-2007 7:25pm

Thats the one, cheers mate,
how do i position at the bottom left now and for it to stay there, dispite screen resolution, if you get me?

DJB · 09-10-2007 8:18pm

That'll all depend on your design and you can use css to do it. If you post up your page, it shouldn't be too difficult to do. Off the top of my head, put this after your content:

<div id="goBack"><a href="javascript:history.go(-1)">back</a></div>

Then in your style sheet, specify the following:

div#goBack { float: right; margin: 2px 20px 2px 0; }

Play around with those style settings and you should get it to where you want.

Rgds, Dave

Goodshape · 09-10-2007 8:45pm

You could use position : fixed; or position : absolute; in your style sheet to either fix it to the screen (despite scrolling) or just put it at a specific location on the page (which will scroll away naturally).

div#goBack { position : fixed; bottom : 10px; left : 10px; }

aidan_walsh · 09-10-2007 9:55pm

Or, better again, let the browser handle browser functions. Unless of course you have good reason not to.

Back A Page

Comments