943,807 Members | Top Members by Rank

Web Development > Web Design > Graphics and Multimedia > Dreamweaver MX - unwanted white table space at top
Ad:
You are currently viewing page 1 of this multi-page discussion thread
Permalink
Sep 7th, 2009
0

Dreamweaver MX - unwanted white table space at top

Expand Post »
Greetings - - I am new to daniweb and am also am at my wits end with Dreamweaver MX. I converted a Adobe Illustrator file that encompasses jpeg artwork and RGB process colors to a GIF file.

No matter what I do, I get unwanted white space at the top of the main table (above the picture and Sports in a Maximum Security Red Banner). I set all the CSS to 0 for the margins, even getting rid of the borders - - but still get that stubborn white space. The original AI document was set up as a transparency, but I also changed that to artboard, as there is message about colors not working properly if converted to process (which would not use in web anyway?)

Thank you for any insights on this????

Here is the code:

html Syntax (Toggle Plain Text)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Welcome to OakieBrumm.com</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <script language="JavaScript" type="text/javascript">
  7. <!--
  8. function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  9.   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
  10.     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  11.   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  12. }
  13. MM_reloadPage(true);
  14. //-->
  15. </script>
  16. <style type="text/css">
  17. <!--
  18. .style46 {font-size: 14px}
  19. -->
  20. </style>
  21. <link href="Mystylesheets.css" rel="stylesheet" type="text/css" />
  22. <meta name="Keywords" content="Leonard Oakie Brumm Marquette prison sports The Longest Yard Jerry Burns Yoopers Detroit Redwings hockey" />
  23. <style type="text/css">
  24. <!--
  25. .style53 {
  26. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  27. 	font-size: 10pt;
  28. }
  29. .style54 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #80FF00; }
  30. .style55 {
  31. 	font-family: Arial, Helvetica, sans-serif;
  32. 	font-weight: bold;
  33. 	font-size: 14px;
  34. }
  35. .style57 {color: 0}
  36. .style61 {
  37. 	color: #0000FF;
  38. 	font: bold 10px Arial;
  39. 	font-size: 9pt;
  40. 	font-family: Arial, Helvetica, sans-serif;
  41. }
  42. .style64 {font-family: Arial, Helvetica, sans-serif}
  43. .style73 {font-size: 18px}
  44. .style94 {font-size: 16px}
  45. .style104 {font-size: 10px}
  46. .style105 {font-family: Arial, Helvetica, sans-serif}
  47. .style106 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FF0000; }
  48. .style109 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #0000FF; font-size: 18px; }
  49. .style159 {
  50. 	font-family: Arial, Helvetica, sans-serif;
  51. 	font-weight: bold;
  52. 	font-size: 10pt;
  53. 	color: #333333;
  54. }
  55. .style161 {
  56. 	font-size: 9pt;
  57. 	color: #333333;
  58. }
  59. .style162 {font-size: 24pt}
  60. .style163 {
  61. 	font-family: Arial;
  62. 	font-weight: bold;
  63. 	color: #FFFF00;
  64. }
  65. body {
  66. 	margin-left: 0px;
  67. 	margin-top: 0px;
  68. 	margin-right: 0px;
  69. 	margin-bottom: 0px;
  70. }
  71. .style164 {
  72. 	font-size: 24pt;
  73. 	font-family: Arial;
  74. 	color: #00FFFF;
  75. }
  76. -->
  77. </style>
  78. </head>
  79.  
  80. <body>
  81. <p>&nbsp;</p>
  82. <table width="755" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  83.   <tr>
  84.     <td width="156" height="668" align="center" valign="top"><a href="author.html"><br />
  85.       <img src="oakieauthor.jpg" alt="" width="108" height="91" border="0" align="top" /><span class="style159"><br />
  86.       Leonard<br />
  87. &quot;Oakie&quot; Brumm<br />
  88.     </span><span class="style161">(1927-2006 ) </span></a>
  89.       <p align="center" class="style61"><strong><a href="WOPHoBrummPreviewOPT.pdf"><img 
  90. src="button52136660.jpg" alt="" width="100" height="30" border="0" id='button773'
  91. onmouseover = 'document.getElementById("button773").src = "button79153652.jpg"'
  92. onmouseout =  'document.getElementById("button773").src = "button52136660.jpg"' /></a></strong></p>
  93.       <p><a href="howtoorder.html"> <img 
  94. src="button68124503.jpg" alt="" width="100" height="30" border="0" id='button684'
  95. onmouseover = 'document.getElementById("button684").src = "button65444503.jpg"'
  96. onmouseout =  'document.getElementById("button684").src = "button68124503.jpg"' /></a></p>
  97.       <p><a href="medialog.html"><img 
  98. src="button64022762.jpg" alt="" width="100" height="30" border="0" id='button913'
  99. onmouseover = 'document.getElementById("button913").src = "button41302554.jpg"'
  100. onmouseout =  'document.getElementById("button913").src = "button64022762.jpg"' /></a></p>
  101.       <p><a href="testimonials.html"> <img 
  102. src="button25466974.jpg" alt="" width="100" height="30" border="0" id='button922'
  103. onmouseover = 'document.getElementById("button922").src = "button20845523.jpg"'
  104. onmouseout =  'document.getElementById("button922").src = "button25466974.jpg"' /></a></p>
  105.       <p> <img 
  106. src="button13095620.jpg" alt="" width="100" height="30" border="0" id='button389'
  107. onmouseover = 'document.getElementById("button389").src = "button44917015.jpg"'
  108. onmouseout =  'document.getElementById("button389").src = "button13095620.jpg"' /></p>
  109.       <p>&nbsp;<a href="links.html"><img 
  110. src="button35012664.jpg" alt="" width="100" height="30" border="0" id='button133'
  111. onmouseover = 'document.getElementById("button133").src = "button76641767.jpg"'
  112. onmouseout =  'document.getElementById("button133").src = "button35012664.jpg"' /></a></p>
  113.     <p>&nbsp;<a href="howtoorder.html"> <img 
  114. src="button19443985.jpg" alt="" width="100" height="30" border="0" id='button895'
  115. onmouseover = 'document.getElementById("button895").src = "button41150590.jpg"'
  116. onmouseout =  'document.getElementById("button895").src = "button19443985.jpg"' /></a><span class="style10"><strong><span class="style18"><span class="style21"><img src="webtestimonials.gif" alt="Testimonials" name="Quotes" width="146" height="556" id="Quotes" /></span></span></strong></span></p></td>
  117.     <td width="599" align="center" valign="top"><h1 class="style164"><img src="Oakart.gif" width="599" height="793" /></h1>
  118.       <table width="307" border="3" cellpadding="0" cellspacing="0" bgcolor="#FFFF00">
  119.         <tr>
  120.           <td width="299" height="64"><div align="center" class="style162">
  121.               <p class="style163"><a href="boblinglink.pdf">Book Review </a></p>
  122.           </div></td>
  123.         </tr>
  124.       </table>
  125.     <h1 class="style164">
  126.       <embed src="http://video.google.com/googleplayer.swf?docid=-4974913860620471198&hl=en&fs=true" align="middle" style="width:400px;height:326px" id="VideoPlayback" allowfullscreen="true" allowscriptaccess="always" type="application/x-shockwave-flash"> </embed> 
  127.     </h1>
  128.     <p class="style57">Massachusetts School of Law Television <br />
  129. Interviewer - Diane Sullivan<br />
  130. 8/29/2005 </p></td>
  131.   </tr>
  132. </table>
  133. <blockquote>
  134.   <blockquote>
  135.     <blockquote>
  136.       <blockquote>
  137.         <p>&nbsp;</p>
  138.         <table width="264" height="126" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
  139.           <tr>
  140.             <th height="114" align="center" valign="middle" bgcolor="#80FF00" scope="col"><p><span class="style35 style105 style46"><span class="style94">Brumm Enterprises LLC<br />
  141.                 </span></span><span class="style44 style44 style46"><span class="style44 style44 style104  style105"><span class="style44 style44 style104 ">PO BOX 4172 &middot; RACINE, WI 53404</span></span></span><span class="style33 style44 style44 style105"><span class="style64 style44 style44 style46"><br />
  142.                 </span></span><span class="style33"><span class="style104">Phone:</span> 262-939-8075<span class="style104"><br />
  143.         Fax:</span> 414-570-2109<br />
  144.                 </span><span class="style10">E-mail:</span> <span class="style44"><span class="style105"><a href="mailto:info@oakiebrumm.com">info@oakiebrumm.com</a></span></span><span class="style105"><br />
  145.                 <span class="style10">Webmaster:</span></span> <span class="style33 style44 style105"><a href="mailto:webmaster@oakiebrumm.com" class="style44">webmaster@oakiebrumm.com</a></span></p></th>
  146.           </tr>
  147.         </table>
  148.         <br />
  149.         <table width="436" height="192" border="6" align="center" cellpadding="14" cellspacing="2" bgcolor="#FF0000" id="Index6">
  150.           <tr>
  151.             <th height="180" align="center" valign="baseline" bgcolor="#000000" scope="col"><span class="style4"> <span class="style53">&quot;There may be tough guys in<br />
  152.       the National Football League,<br />
  153.       but they would be second stringers to <br />
  154.       the guys that 'Oakie' had to coach. <br />
  155.             <strong><br />
  156.       My advice: READ THIS BOOK.</strong><br />
  157.       There are stories that will open your eyes </span></span><span class="style37 style53"><br />
  158.       and shake your head - it is OAKIE AT HIS BEST!!!&quot;</span><br />
  159.       <span class="style54"><br />
  160.       JERRY BURNS - Former Head Coach<br />
  161.       Minnesota Vikings</span></th>
  162.           </tr>
  163.         </table>
  164.         </blockquote>
  165.     </blockquote>
  166.   </blockquote>
  167. </blockquote>
  168. <table width="264" height="126" border="6" align="center" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
  169.   <tr>
  170.     <th height="114" align="center" valign="middle" bgcolor="#80FF00" scope="col"><p><span class="style35 style105 style46"><span class="style94">Brumm Enterprises LLC<br />
  171.       </span></span><span class="style44 style44 style46"><span class="style44 style44 style104  style105"><span class="style44 style44 style104 ">PO BOX 4172 &middot; RACINE, WI 53404</span></span></span><span class="style33 style44 style44 style105"><span class="style64 style44 style44 style46"><br />
  172.         </span></span><span class="style33"><span class="style104">Phone:</span> 262-939-8075<span class="style104"><br />    
  173.         Fax:</span> 414-570-2109<br />
  174.         </span><span class="style10">E-mail:</span> <span class="style44"><span class="style105"><a href="mailto:info@oakiebrumm.com">info@oakiebrumm.com</a></span></span><span class="style105"><br />      
  175.         <span class="style10">Webmaster:</span></span> <span class="style33 style44 style105"><a href="mailto:webmaster@oakiebrumm.com" class="style44">webmaster@oakiebrumm.com</a></span></p>
  176.     </th>
  177.   </tr>
  178. </table>
  179. <div align="center">
  180.   <p><br />
  181.       <span class="style44"><span class="style45">&copy; 2009 by Brumm Enterprises LLC. All rights reserved. </span><br />
  182.       <br />
  183.   </span><span class="style18 style46">Site Update: 5/09/07</span></p>
  184. </div>
  185. </body>
  186. </html>
Last edited by Ezzaral; Sep 8th, 2009 at 7:53 pm. Reason: Added [code] [/code] tags. Please use them to format any code that you post.
Similar Threads
Reputation Points: 10
Solved Threads: 0
Newbie Poster
scribeman01 is offline Offline
10 posts
since Sep 2009
Permalink
Sep 8th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

First I would add all of the css to an external style sheet, that will decrease the size of the page and make it more manageable, Second why not just add a <div> to encompass the table and use positioning through that?

I'm not entirely sure what you are asking but the above is a solution that can typically fix most positioning problems.
Reputation Points: 10
Solved Threads: 2
Junior Poster
valonesal is offline Offline
120 posts
since Aug 2009
Permalink
Sep 8th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

Thank You Valonesal - I will try this out - - have to better understand the tags by my own admission. Again, appreciate the fast response!
Reputation Points: 10
Solved Threads: 0
Newbie Poster
scribeman01 is offline Offline
10 posts
since Sep 2009
Permalink
Sep 8th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

No problem is there a way you can give me the url for your site so I can have a better look and possible show you how I would code it so you can better understand?
Reputation Points: 10
Solved Threads: 2
Junior Poster
valonesal is offline Offline
120 posts
since Aug 2009
Permalink
Sep 8th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

That is so nice of you. Unfortunately, it has been offline while I revamp it. I had to wrestle back the domain first. I have the code that you have now - - - still have a fair amount to do, once I get passed this hurdle which you are helping me on. What type of work, areas of interest do you get involved with?

Best, Bill
Reputation Points: 10
Solved Threads: 0
Newbie Poster
scribeman01 is offline Offline
10 posts
since Sep 2009
Permalink
Sep 8th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

I do website design of almost any type, for styling I prefer css in most designs as its easier to edit, quicker and easier for cross browser compatibility.

My question for you is that im uncertain as to where the white area is that you want to remove because when I preview your code all I get are grey boxes on my server. So if you could be a bit more specific Ie. third box on the left white area above that, I could easily work this out so you get a live example of how to fix it.
Reputation Points: 10
Solved Threads: 2
Junior Poster
valonesal is offline Offline
120 posts
since Aug 2009
Permalink
Sep 8th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

Also check the table code which holds the image for any &nbsp; tags this can also create a white space.
Last edited by Enthused; Sep 8th, 2009 at 7:42 pm.
Reputation Points: 10
Solved Threads: 1
Newbie Poster
Enthused is offline Offline
12 posts
since Aug 2009
Permalink
Sep 8th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

Are you sure the image is transparent at the top? Maybe the white strip is in the image.
Reputation Points: 35
Solved Threads: 21
Junior Poster
HI2Japan is offline Offline
195 posts
since Mar 2006
Permalink
Sep 8th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

i said just to check that sometimes can be a common mistake. If there is a transparent image that's causing the problem just delete the image?
Reputation Points: 10
Solved Threads: 1
Newbie Poster
Enthused is offline Offline
12 posts
since Aug 2009
Permalink
Sep 8th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

Hi Enthused, you may have answered what part of the problem is. I set the artwork up in Adobe Illustrator and erroneously set the art file up as a transparency before converting to "gif". I did try and change file from a transparency to an artboard, but that didn't help -- perhaps the file has to be set up first (not as a transparency) -- otherwise can't revert. But perhaps the transparency setup in the Adobe Illustrator file is causing the problem?

THANKS!
Last edited by scribeman01; Sep 8th, 2009 at 10:43 pm.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
scribeman01 is offline Offline
10 posts
since Sep 2009

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in Graphics and Multimedia Forum Timeline: Restore photoshop
Next Thread in Graphics and Multimedia Forum Timeline: how to hide background in flash 8


Tags
10, adobe, dreamweaver, extra, illustrator, table, unwanted, white.space



About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC