How to go back one url, action?

Question

In Golive this was easy, you just created a "go last page" action.
I have tried for some time now to figure the method in dreamweaver cs4 with no luck, as well I also tried cutting and pasting the code from GO-Live into dreamweaver.
any direction will be appreciated.
Thx
Brad

Answer 1

Hey Brad. Here is a easy way of what you are trying to do with css and cleans up all the heavy html that only slows things down. Any time you can use css to you advantage then use it and any time you don't need all the html mock up then clean it. Let me walk you through what I did for you...very easy.
First this is the code you started with:
<a><a onclick="history.back();return false;"href="/pages/previous.html"><imgsrc="../../../images/beds/tables_spa/diego.gif" class="elitephoto"/></a>
Replace it with this:
<a onclick="history.back();return false;" href="/pages/previous.html" class="elitephoto"></a>
As you can see it is already almost half the html as the original, but it holds all the code you will need as the rest of the magic happens in the css. You already had a class attached to the <a> of "elitephoto" so we will use this in our css to target this <a> tag.
Here is the css you simply add to your css:
a.elitephoto{
    display:block;
    width:50px; /*adjust to the size of your image*/
    height:50px;
    background: url(path to image.png) no-repeat center center; /*adjust the position of the image as needed*/
a:hover.elitephoto{
    background: url(path to swap out image.png) no-repeat center center ; /* this will be the image you are swaping out the original with*/
The first rule of a.elitephoto makes the <a> tag a block level element, defines the size and then calls for the background image. You simply took the image src out if the html (which you should do when ever possible) and calling it from the css.
The next rule of a:hover.elitephoto simply calls for the swap over image and will swap out on mouse over.
Simple...fast and much more efficient then all the embedded html !
One last note... you could use a single image for both the original and the swap out image. You simply change the position of the image in the positioning of the same image in the css to expose the portion that you want. This is the desired technique as for your css will make a single call for a image and already have it cached and ready to swap out (or in the case...slide into position)   when a user hovers over the original image. Might sound a little tricky, but really simple to do. Try the above way first then fine tune later when you get a hang of it.
Sitewide Solutions
David