...

View Full Version : Difficulties when using Notepad to edit code created with WYSIWYG



coldnorth
08-15-2010, 02:16 PM
Has anyone else had any problems when using notepad to edit code created with an WYSIWYG editor such as Frontpage or Dreamweaver? In particular, making links, that are correctly coded, work? Something even odder, is that this problem only occurs on the index.html page. If I rename that page the links work just fine. I have asked this same question in other forums and no one seems to have a clue. Has anyone else encountered this or have any thoughts?

effpeetee
08-15-2010, 02:30 PM
Has anyone else had any problems when using notepad to edit code created with an WYSIWYG editor such as Frontpage or Dreamweaver? In particular, making links, that are correctly coded, work? Something even odder, is that this problem only occurs on the index.html page. If I rename that page the links work just fine. I have asked this same question in other forums and no one seems to have a clue. Has anyone else encountered this or have any thoughts?
It may be that the links are not reachable from the index page.
Can you give more details or a specific piece of code for us to examine.

Frank

wildreason
08-15-2010, 02:34 PM
Definitely... Frontpage/Dreamweaver. Those types of editors lack the intelligence required to write clean and efficient code. It's a nightmare editing files created by them. IME they aren't meant to do much more than create exceedingly simple static pages that aren't to be deployed in a professional capacity.

At least, those are my thoughts when I think of websites created by WYSIWYG editors.

Have you considered switching over entirely? If you're on Windows, check out Notepad++. There is an FTP plugin that allows you to edit files "live". For Mac, there is TextWrangler.

coldnorth
08-15-2010, 02:36 PM
Sure, and thanks for responding. Now, before anyone asked I have double checked all of the usual reasons for failure, improper coding, wrong file names, etc.

Here is the head and the section of code with the links. The section with the links in question is in red.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<!-- header -->
<div id="header">
<div id="logo"><a href="#"><span class="orange">Prairie Web</span> Solutions</a></div>
<div id="menu">
<ul>
<li><a href="index.html" class="active">home</a></li>
<li><a href="about.html">about us</a></li>
<li><a href="service.html">services</a></li>
<li><a href="price.html">pricing</a></li>
<li><a href="contact.html">contacts</a></li>
</ul>
</div>
</div>

coldnorth
08-15-2010, 02:39 PM
Definitely... Frontpage/Dreamweaver. Those types of editors lack the intelligence required to write clean and efficient code. It's a nightmare editing files created by them. IME they aren't meant to do much more than create exceedingly simple static pages that aren't to be deployed in a professional capacity.

At least, those are my thoughts when I think of websites created by WYSIWYG editors.

Have you considered switching over entirely? If you're on Windows, check out Notepad++. There is an FTP plugin that allows you to edit files "live". For Mac, there is TextWrangler.

I have not heard much good regarding Frontpage/Dreamweaver.

I have never had this issue before, untill I bought a new computer with Win7 and the new version of Notepad.

Donkey
08-15-2010, 02:55 PM
have you tried taking out the
Class="active"I don't see the point of it.
a:active should be one of your pseudo classes in your css, so declaring it as a class in the html may be the cause of the problem.

coldnorth
08-15-2010, 03:06 PM
Donkey, the page has tabs on the links and this causes the tab to highlight on a particular page. But still, I will check it out and see if that is the problem. When I rename the code to anything but index.html it works just fine.

met
08-15-2010, 03:33 PM
elaborate more with "doesn't work" or "works fine".

what doesn't work?

are you saying that the link paths get messed up so files can't be found?

effpeetee
08-15-2010, 03:33 PM
Have you tried HTML Pad. (http://www.blumentals.net/htmlpad/) It is available for 30 days trial download. It will also format your css for you and validate your code via W3 validator.

Definitely worth a try.

Not connected with me at all.

Frank

coldnorth
08-15-2010, 06:08 PM
elaborate more with "doesn't work" or "works fine".

what doesn't work?

are you saying that the link paths get messed up so files can't be found?

Yes, does not work means just that, click on the link and you go nowhere, works fine, click on the link and you get the requested page.

I'm just not sure what this is happening but suspect it has something to do with the files being originally created with Frontpage or Dreamweaver. Now, this is a new computer with Win 7 and what ever version of notepad they bundle with it, could that perhaps be the problem?

met
08-15-2010, 06:15 PM
highly unlikely

ideally post the source from a DW/FP generated file, and that of a notepad version.

do the files "stop working" when you upload them to your server? or is it local - in which case pathing is likely to be the issue.

needs moar information

DW/FP generate acceptable HTML in their WYSWYG editors - particularly DW, it is rather good as an IDE (certainly cs3/4) from my experience

can't speak for FP but i just wouldn't use it anyway

coldnorth
08-15-2010, 06:24 PM
The code I posted earlier is exactly the code I am working on and I am talking about viewing them locally, they have not been loaded to a server. This is a very simple basic tag and as it is written should work. I do not under what the problem is and am very curious. The oddest aspect is that when this very same page is renammed anything other than index.html it all works just fine.

wildreason
08-15-2010, 06:57 PM
PSPad is also a GREAT windows code highlighter/IDE.

coldnorth
08-15-2010, 07:11 PM
PSPad is also a GREAT windows code highlighter/IDE.

Never tried it but will look into it. Does not solve my problem now as currently the only html editor I have on this computer is Notepad. I'd really like to know why this is happening at all. It makes no sense. If I rename the index.html page to anything else all the links will work perfectly. Why should that be?

njfail
08-16-2010, 07:42 AM
In my experience, WYSIWYG editors like to 'clean up' your code by deleting things it doesn't like. For simple pages, which WYSIWYG is made for, it usually works out fine. But if you write your own html, it'll probably take out things that it needs. I just recently changed over from WYSIWYG to 'doing it myself' - I deleted all of the folders via FTP and made my own. Once you get a hang of it its a lot simpler!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum