homepage Welcome to WebmasterWorld Guest from 23.22.173.58
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
Forum Library, Charter, Moderator: open

WYSIWYG and Text Code Editors Forum

    
dreamweaver mx messing up tabs in code
carsten888

5+ Year Member



 
Msg#: 3314349 posted 7:59 am on Apr 18, 2007 (gmt 0)

dreamweaver mx messing up tabs in code

1. you have a nicely tabbed out ul menu
(sorry no example-code because tabs are not supported in this forum textfield)
2. then you close the file.
3. when the file is opened dreamweaver selects a chuck of code and moves it 1 or 2 tabs to the left. totally messing up my code.

Anyone knows how to fix this bug?

 

pageoneresults

WebmasterWorld Senior Member pageoneresults us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3314349 posted 8:24 am on Apr 18, 2007 (gmt 0)

I'm not a DW user but I would assume it is similar to FP. There should be a section within your options for html coding preferences. That is where you would control what is happening with tabs. It sounds like you are visually tabbing while the program is overwriting and resetting to its default settings?

You'll need to modify those default settings to your liking. That way when you use a WYSIWYG function your tabbing will be what you prefer. And then when working in html view, when you tab, you'll be following the html coding preferences you've specified.

carsten888

5+ Year Member



 
Msg#: 3314349 posted 6:29 pm on Apr 23, 2007 (gmt 0)

my installation of dreamweaver is 2 weeks old and has totally default settings.

I found that it is this line in css that is causing my problems:
css:
div.labelwrapper{
position: relative;
}

html:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>test code</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="test_main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form action="#">
<div id="header">
<div class="labelwrapper">
<label for="searchtext" class="overlabel">Zoeken in deze site</label>
<input type="text" value="" class="line width140 search" name="searchtext" id="searchtext" />
<input type="image" title="Zoeken in deze site" name="searchsubmit" id="searchsubmit" src="images/go.gif" alt="zoeken" />
</div>
</div>
</form>
</body>
</html>

to reproduce:

- paste html in new doc in DW. make sure tabs are properly nesting eachother.
- paste css in file in same dir, call it "test_main.css"
- open the htm-file, DW will have moved the div with class="labelwrapper" 1 tab to the left.

When I take away that one line in the css: "position: relative;" it doesn't mess up my code.
realy frustrating! deadline tomorrow :-(

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / WYSIWYG and Text Code Editors
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved