Welcome to WebmasterWorld Guest from 54.145.208.64

Forum Moderators: open

Message Too Old, No Replies

dreamweaver mx messing up tabs in code

   
7:59 am on Apr 18, 2007 (gmt 0)

5+ Year Member



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?

8:24 am on Apr 18, 2007 (gmt 0)

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



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.

6:29 pm on Apr 23, 2007 (gmt 0)

5+ Year Member



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 :-(