title: How do I remove the white spaces or blank lines appearing after insertion of Doctype
body: <p>I’m using DreamWeaver MX to create my webpages. I use nested tables. One main table with only one row and one column  (W = 99% and H = n pixels ) and a background image with a repetitive pattern. A second main table (W= 990 pixels and H = n pixels) inserted and centered inside the first main table. This is so that the pages fit all screens 990xn pixels and up with a nice border done by the background image. </p>
  
  <p>The second main table has 3 zones: a header zone at the top (horizontal and same width as the second main table), a menu zone on the left and a text zone, on the right, bigger than the two other zones. I also have a little horizontal table with one row and three columns inserted in the header zone. This is to contain the pictures and the text of the header. There are some other little tables: one inserted in the menu zone at the bottom of the menu in order to contain three “Follow this social network” buttons, one or several little tables inserted in the text zone in order to contain pictures, one little table in order to contain Disqus comments.</p>
  
  <p>Everything was working well. All the pages of my site displayed like I wanted it in Chrome, Firefox, IE8 and IE9. Then I inserted the Disqus commenting system into some of the pages. The pages with the Disqus commenting system displayed well in Chrome and Firefox but, in IE8 and IE9, it was a mess, the comments took all the width and made disappear the majority of the contents of my web pages.</p>
  
  <p>In order to have a correct display of the Disqus comments in IE8 and IE9, I inserted the code of the transitional Doctype declaration in the first line of my Web pages containing a Disqus comment: . This action has allowed me to obtain a correct display of the Disqus commenting system in Chrome, Firefox, IE8 and IE9 but there is now a small problem with all the browsers:  there are white spaces (blank lines) between the horizontal cell lines of my second main table and the nearest line of text (this is like an additional horizontal padding; the initial vertical and horizontal padding stay unchanged). Each of these undesirable white spaces has the size of a paragraph break.</p>
  
  <p>Here are two URLs that will allow you to visualize the problem:</p>
  
  <ul>
  <li>in the home page of my site, <a href="http://pikpratik.com/" rel="nofollow noreferrer">http://pikpratik.com/</a>, that contains no Doctype declaration, the spaces between the invisible table cell lines and the nearest lines of text are OK. </li>
  <li>In the page <a href="http://pikpratik.com/fichye/pou_redui_risk_viktim_aksidan_sou_wout.htm" rel="nofollow noreferrer">http://pikpratik.com/fichye/pou_redui_risk_viktim_aksidan_sou_wout.htm</a>, at the top, the white spaces appear clearly, especially between the header (the cell line is invisible) and the first line of text (Akèy > Jesyon risk ak dezas >) and also between the last line of text (Akèy | Kiyès nou ye | Di sa w panse de sit sa a | Plan sit la | Kontak) and the lower border of my second main table.</li>
  </ul>
  
  <p>Important note: when I take the transitional DOCTYPE declaration code and the Disqus commenting system off the pages, the tables appear correctly on ALL browsers.</p>
  
  <p>My question is: what should I do in order to remove these white spaces?</p>
  
  <p>I don’t know how to use CSS. Please give me a solution with no CSS. If the only solution available contains CSS, please give me the complete code and the exact location(s) where I have to insert the code in my web pages.</p>