Known Participant

Answered

Dreamweaver migrating to newer versions

Forum|Forum|4 years ago
July 3, 2021
3 replies
1483 views

Is there any special procedure, generally, for updating the code to a newer version, say from Dw 2017 to 2018?

In the Site manager the correct ste-file has been imported and the internal styling from <style> and media queries work properly. However, the external, linked CSS-file sitting in the same root directory is no longer working when checked in a browser, although in Code-Live view it does. Any idea?

This topic has been closed for replies.

Correct answer Nancy OShea

Hi, thanks Nancy for very useful code for 1 column stacking in smartphones.

I have practically no more problems with my updated website now.

Only the missing background image in the index.html. Maybe due to remaining caches in Chrome which seem very difficult to get rid of. (The Chrome forum is not as productive as this one) If you have an idea also about this, I send you the index.html. The said bckgr image resides in /Images in the site folder.

Dw shows it correctly in the Real time preview for Chrome, whereas in live internet the image is dropped. The same story in Firefox.

When I picked CSS chunks from previous index files that did work properly I noticed that the body{…} lack the preceding period and is blue. However, I tried both with/without a period. No way, please have a look , Greetings Ingemar

https://www.saevfors.se/index.html

This file is 404 Not Found on Server.

https://www.saevfors.se/Images/Home_page_bckgr.jpg

Upload it again. Also check the case and path to ensure they are both correct.

Jon Fritz

Community Expert

Right now, you have a direct link to your hard drive for your CSS file...

"F:\Soft\Web__July_2021/Ing_June2021.css"

That will only ever work if the viewer also has that file, set inside those same folders, on their F drive (ie. it will never work).

When making updates, was a Site Definition created or imported into the newer version of the program first, or did someone just go in and make modifications to pages?

Without creating a Site Definiton, or selecting an already created one from the Files window dropdown menu, many errors like this will occur because DW has no means of understanding what you want it to do.

I

ingo9Author

Known Participant

Dear Dw community,

I just wanted to thank you all for useful support all along. It seems that now my revamped website is up and running, the remaining problem with a Red Hat Linus blockage when going out live on internet is with my service provider to sort out. However, they do say that knowing the PHP version is important!

If you’d like to know about the CSS mystery I had, it turned out that the contents had completely vaporized somehow! I just wrote a new CSS-file and this was enough. As often with computer problems it helps to start again from scratch, remake and restart with a new filename.

Most of you as professionals probably find us amateurs extremely ignorant, but with your help we also learn and perhaps later on we can help others in this community!

/Ingemar

B i r n o u

Legend

Only the Media Query is still failing, on my Sony Xperia 4L it’s till on two columns.

Did you add the viewport meta to your document's <head> tag?

The first few lines of your document should resemble this with a viewport meta for smartphones.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Unique Page Title</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

Did you add the viewport meta to your document's <head> tag?
By @Nancy OShea

yes the line is present but contains error

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"; name="viewport"; content="width=device-width,initial-scale=1"/>

look all the semicolons are in error

the first one is located outside the double quote it should be inside, near the caracter 8

the second one, the one after viewport, should be removed

Nancy OShea

Community Expert

Hi @ingo9,

1. The current version of DW CC is 2021, not 2018. 😉

2. If the CSS isn't displaying, there is a code error somewhere or the stylesheet isn't where it needs to be according to the path contained in your code.

EXAMPLE: 
<link href="folder/stylesheet_name.css" rel="stylesheet" media="screen">

We can tell you exactly what the problem is if you post a URL to your problem page for us to see.

3. Use the W3C Code Validation Service to check your code for errors:

============

HTML - https://validator.w3.org/

CSS - https://jigsaw.w3.org/css-validator/

Nancy O'Shea— Product User & Community Expert

I

ingo9Author

Known Participant

Hi and thanks for quick response,

I did W3C validation but cannot figure out why the Parse Errors at lines 9, 129.

Please have a look at this

http://www.saevfors.se/Contact.html

The CSS seem to work now but layout of right side still a trouble, not lining up in desk screen mode.

Jon Fritz

Community Expert

You have no selector on line 7-9. If you want to affect all items in your html with the box-sizing property, you'll need to add a * before the opening bracket as the selector for that property/value set.

Going from...

{
box-sizing:border-box;
}

to...

*{
box-sizing:border-box;
}

On line 129, you are missing a closing curly bracket for your media query. Adding } to line 129 should fix that error.

B

Ben M

Community Expert

There's nothing special to migrate to newer versions, but 2017 to 2018 is now moving to 3 year old software. Dreamweaver at its core is just a text editor so you could use any HTML editor to be able to modify your site.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded