Dreamweaver MX - unwanted white table space at top

Reply

Join Date: Aug 2009
Posts: 12
Reputation: Enthused is an unknown quantity at this point 
Solved Threads: 1
Enthused Enthused is offline Offline
Newbie Poster

Re: Dreamweaver MX - unwanted white table space at top

 
0
  #11
Sep 9th, 2009
Originally Posted by scribeman01 View Post
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!

Im a little unsure to what you are trying to acheive, are you creating a website in illustrator then slicing and exporting to dreamweaver?

If so it should look almost exactly the same as in illustrator as it does in dreamweaver.

If it is just a single file/image your using in dreamweaver then the white space problem is either down to your code in dreamweaver or the image its self.

If you was to show a live example or maybe a screenshot id be able to understand.
Reply With Quote Quick reply to this message  
Join Date: Sep 2009
Posts: 10
Reputation: scribeman01 is an unknown quantity at this point 
Solved Threads: 0
scribeman01 scribeman01 is offline Offline
Newbie Poster

Re: Dreamweaver MX - unwanted white table space at top

 
0
  #12
Sep 12th, 2009
Hi Enthused,

sorry for being late to reply. As you suggested, I would like to show you a screenshot of what the page looks like but do not know how to paste a screenshot here. I did check to make sure that the art file, which is Adobe Illustrator (saved as GIF 128-no dither) is not a transparent web file. All of the photos were assembled in Photoshop in different layers but flattened when they were converted to high quality jpeg format.

Thanks again for your interest!
Reply With Quote Quick reply to this message  
Join Date: Sep 2009
Posts: 10
Reputation: scribeman01 is an unknown quantity at this point 
Solved Threads: 0
scribeman01 scribeman01 is offline Offline
Newbie Poster

Re: Dreamweaver MX - unwanted white table space at top

 
0
  #13
Sep 13th, 2009
Hi Enthused - - - here is a very simple box where the white space is showing up on top and bottom. I was taking the whole file apart piece by piece and now down to just the photo. There is a 2nd column with nothing in it - - - and the no wrap and header boxes are unchecked. When I started to rebuild the page from scratch, the artwork first fit in fine. Then I fit in another graphic, and dreamweaver added about 20 pixels vertical to that one - saved as a GIF 128. Then I stripped it back to the picture you will see in the code and still have the white space. Don't get . . . .

Thanks again for looking at this!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
.Arial14px {
font-size: 14px;
font-family: Arial;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #000000;
position: static;
top: auto;
vertical-align: top;
}
.Arial12pxN {
font-size: 12px;
font-family: Arial;
font-style: normal;
line-height: normal;
color: #000000;
vertical-align: top;
}
.Arial14pxB {
font-family: Arial;
font-style: normal;
line-height: normal;
color: #000000;
font-size: 14px;
font-weight: bold;
font-variant: normal;
vertical-align: top;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
</head>
<body>
<br>
<table width="15%" border="6" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="21"><p align="center"><img src="oakieauthor.jpg" width="132" height="111"> </td>
<td width="0%"><div align="center"></div></td>
</tr>
</table>
</body>
</html>
Reply With Quote Quick reply to this message  
Join Date: Sep 2009
Posts: 10
Reputation: scribeman01 is an unknown quantity at this point 
Solved Threads: 0
scribeman01 scribeman01 is offline Offline
Newbie Poster

Re: Dreamweaver MX - unwanted white table space at top

 
0
  #14
Sep 13th, 2009
Hi Valonesal, can you see the code I replied to Enthused with? You will see how I retraced my steps, stripping it all the way down to one photo and box. If you or Enthused can advise me on how to put a screenshot here, that will make it easier to show you what is driving me insane. :-)
Thanks again!
Reply With Quote Quick reply to this message  
Join Date: Mar 2006
Posts: 194
Reputation: HI2Japan is an unknown quantity at this point 
Solved Threads: 21
HI2Japan HI2Japan is offline Offline
Junior Poster

Re: Dreamweaver MX - unwanted white table space at top

 
0
  #15
Sep 13th, 2009
You know jpeg does not support transparency, right?

Originally Posted by scribeman01 View Post
Hi Enthused,

sorry for being late to reply. As you suggested, I would like to show you a screenshot of what the page looks like but do not know how to paste a screenshot here. I did check to make sure that the art file, which is Adobe Illustrator (saved as GIF 128-no dither) is not a transparent web file. All of the photos were assembled in Photoshop in different layers but flattened when they were converted to high quality jpeg format.

Thanks again for your interest!
Who was the first person to look at a cow and say, "I think I'll squeeze these dangly things here, and drink whatever comes out!"
Reply With Quote Quick reply to this message  
Join Date: Sep 2009
Posts: 10
Reputation: scribeman01 is an unknown quantity at this point 
Solved Threads: 0
scribeman01 scribeman01 is offline Offline
Newbie Poster

Re: Dreamweaver MX - unwanted white table space at top

 
0
  #16
Sep 13th, 2009
Originally Posted by HI2Japan View Post
Are you sure the image is transparent at the top? Maybe the white strip is in the image.
Thank you all - - - I am getting warmer. :-)

I converted to GIF art files to jpeg and the extra space between in the graphics with the quote disappeared. I inserted a few more items from the original file and was working fine until I got to where I am on this file. I still have to work on changing the css to external files but don't know what rocked the boat to get the extra white space at the top. It is not part of any of the photos. I also eliminated "&nbsp;" that was encoded in the table commands with the photos.


Graphics and Multimedia Syntax (Toggle Plain Text)
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <title>Untitled Document</title>
  7. <style type="text/css">
  8. <!--
  9. .Arial14px {
  10. font-size: 14px;
  11. font-family: Arial;
  12. font-style: normal;
  13. line-height: normal;
  14. font-weight: normal;
  15. color: #000000;
  16. position: static;
  17. top: auto;
  18. vertical-align: top;
  19. }
  20. .Arial12pxN {
  21. font-size: 12px;
  22. font-family: Arial;
  23. font-style: normal;
  24. line-height: normal;
  25. color: #000000;
  26. vertical-align: top;
  27. }
  28. .Arial14pxB {
  29. font-family: Arial;
  30. font-style: normal;
  31. line-height: normal;
  32. color: #000000;
  33. font-size: 14px;
  34. font-weight: bold;
  35. font-variant: normal;
  36. vertical-align: top;
  37. }
  38. body {
  39. margin-left: 0px;
  40. margin-top: 0px;
  41. margin-right: 0px;
  42. margin-bottom: 0px;
  43. }
  44. -->
  45. </style>
  46. </head>
  47. <body>
  48. <table border="6" align="center" cellpadding="0" cellspacing="0">
  49. <tr>
  50. <td valign="top"><p align="center"><a href="author.html"><img src="oakieauthor.jpg" alt="" width="108" height="91" border="0" align="top" /></a></p>
  51. <p align="center"><a href="author.html"><span class="Arial12pxN">Leonard<br />
  52. &quot;Oakie&quot; Brumm</span><br />
  53. <span class="10ptArial">(1927-2006)</span></a> </p>
  54. <p align="center"><strong><a href="WOPHoBrummPreviewOPT.pdf"><img
  55. src="button52136660.jpg" alt="" width="100" height="30" border="0" align="top" id='button773'
  56. onmouseover = 'document.getElementById("button773").src = "button79153652.jpg"'
  57. onmouseout = 'document.getElementById("button773").src = "button52136660.jpg"' /></a></strong></p>
  58. <p align="center"><a href="howtoorder.html"> <img
  59. src="button68124503.jpg" alt="" width="100" height="30" border="0" align="top" id='button684'
  60. onmouseover = 'document.getElementById("button684").src = "button65444503.jpg"'
  61. onmouseout = 'document.getElementById("button684").src = "button68124503.jpg"' /></a></p>
  62. <p align="center"><a href="medialog.html"><img
  63. src="button64022762.jpg" alt="" width="100" height="30" border="0" align="top" id='button913'
  64. onmouseover = 'document.getElementById("button913").src = "button41302554.jpg"'
  65. onmouseout = 'document.getElementById("button913").src = "button64022762.jpg"' /></a></p>
  66. <p align="center"><a href="testimonials.html"> <img
  67. src="button25466974.jpg" alt="" width="100" height="30" border="0" align="top" id='button922'
  68. onmouseover = 'document.getElementById("button922").src = "button20845523.jpg"'
  69. onmouseout = 'document.getElementById("button922").src = "button25466974.jpg"' /><br />
  70. </a><br />
  71. <img
  72. src="button13095620.jpg" alt="" width="100" height="30" border="0" align="top" id='button389'
  73. onmouseover = 'document.getElementById("button389").src = "button44917015.jpg"'
  74. onmouseout = 'document.getElementById("button389").src = "button13095620.jpg"' /></p>
  75. <p align="center"><a href="links.html"><img
  76. src="button35012664.jpg" alt="" width="100" height="30" border="0" align="top" id='button133'
  77. onmouseover = 'document.getElementById("button133").src = "button76641767.jpg"'
  78. onmouseout = 'document.getElementById("button133").src = "button35012664.jpg"' /></a></p>
  79. <p align="center"><a href="howtoorder.html"> <img
  80. src="button19443985.jpg" alt="" width="100" height="30" border="0" align="top" id='button895'
  81. onmouseover = 'document.getElementById("button895").src = "button41150590.jpg"'
  82. onmouseout = 'document.getElementById("button895").src = "button19443985.jpg"' /></a></p>
  83. <p><img src="webtestimonialsj.jpg" width="142" height="523" align="top"></p></td>
  84. <td valign="top"><p><img src="OakieartREVjp.jpg" width="598" align="top"></p>
  85. <table width="307" border="3" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFF00">
  86. <tr>
  87. <td width="299" height="64" valign="middle"><div align="center" class="style162">
  88. <p class="style163"><a href="boblinglink.pdf">Book Review </a></p>
  89. </div></td>
  90. </tr>
  91. </table>
  92. <p align="center"><span class="style164"> </span></p>
  93. <p align="center"><span class="12ptTimesRom">Massachusetts School of Law Television <br />
  94. Interviewer - Diane Sullivan<br />
  95. 8/29/2005</span></p></td>
  96. </tr>
  97. </table>
  98. </body>
  99. </html>
Last edited by scribeman01; Sep 13th, 2009 at 10:48 pm.
Reply With Quote Quick reply to this message  
Reply


Message:


Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC