trouble opening file on another computer, opens older version of site?

[mentos2016]

I emailed myself the lastest zipped folder with my website contents, on the orignal computer when I open it up evrything is up to date and fine however when I unzipped an opened on a new computer it opens up with an older version of the site, either in dreamwever or in a browser. I thought maybe there was an error in the way i sent it so I tried using a usb and no luck. The file was copied exaclty so are bits missing and an older version of the site showing up?

[Jon Fritz]

It's hard to say what might be going on without sitting in front of your machine.

My guess would be you actually have duplicate pages, or the entire old site, within your copied site that the second computer is pulling up by accident. Or you may have accidentally copied the old site instead of the new one when you transferred it.

There's no way for the second computer to know what existed in a given file before it was updated, copied and transferred to the new machine. There's no "history" to .html files when they're modified and saved for the second machine to pick up and display. They're just text files.

[mentos2016]

Not much has changed so Ill just add it back manually. Right now I'm having trouble with positioning stuff in design view I added a hyperlink and it shows up beneath the navbar however in a browser the hyperlink shows up on the bottom of the page, how can i position it to where I want is there a code, I'm new to this being forced to use this software for a project before being taught html or css... 😞

[Jon Fritz · Accepted solution]

That sounds like there may be some errors in your html. Run the validator at http://validator.w3.org/nu or in DW under File > Validate > Validate Current Document (W3C) to get a listing.

DW is not the program to use if you don't understand at least html and css, it's going to be a major uphill climb without that base knowledge. Luckily, both html and css are dead simple for all but the most advanced bits. Run the tutorials here:

http://www.w3schools.com/html
http://www.w3schools.com/css

Once you have that info under your belt, working with DW is a lot simpler, all you need to do is familiarize yourself with "where do I change this in the program" style issues.

[mentos2016]

Thanks for that I'm having a look at the links you gave.

I have one last question

this is the hyperlink im trying to add to my site

<div><a href="website.pdf">website</a></div>

is there code I can add to this to position it

from the links i found this code 

    position: relative;

}.topleft {

    position: absolute;

    top: 8px;

    left: 16px;

    font-size: 18px;

}

is it possible to add this and how would i add it, because when i do it theres a code error i probably add it to the wrong place

[Jon Fritz]

Absolute positioning should be avoided in most situations. Unless you know what you're doing with it, it can cause a lot of other problems, especially when a site is viewed on a screen that differs in size from the one used during development (so pretty much all screens used by a site's viewership).

position:absolute takes an item out of the normal document flow and places it at an exact amount from the top left corner of the browser viewport (or the element's positioned parent). In your css above, an element with class="topleft" in its html would move from"wherever it is" to 8 pixels from the top and 16 pixels from the left side of the browser viewport or the element's parent (if it also has a position setting of absolute, fixed or relative).

Without seeing your entire code, it's difficult to say exactly what you should be using instead of position:absolute, however learning how to use css floats, margins and padding, or the more modern flexbox, methods is usually more appropriate with fewer drawbacks.

All of that being said, you can add absolute positioning to an element by highlighting it in Design View and using the CSS Designer to change the "position" property from the default "static" to "absolute". You would then be able to click and drag the item (in Design View only) to wherever you want it. DW will automatically add in the top and left in pixels.