943,744 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 2 of this multi-page discussion thread; Jump to the first page
Permalink
Sep 9th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

Click to Expand / Collapse  Quote originally posted by scribeman01 ...
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.
Reputation Points: 10
Solved Threads: 1
Newbie Poster
Enthused is offline Offline
12 posts
since Aug 2009
Permalink
Sep 12th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

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!
Reputation Points: 10
Solved Threads: 0
Newbie Poster
scribeman01 is offline Offline
10 posts
since Sep 2009
Permalink
Sep 13th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

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!

Quote ...
<!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>
Reputation Points: 10
Solved Threads: 0
Newbie Poster
scribeman01 is offline Offline
10 posts
since Sep 2009
Permalink
Sep 13th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

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!
Reputation Points: 10
Solved Threads: 0
Newbie Poster
scribeman01 is offline Offline
10 posts
since Sep 2009
Permalink
Sep 13th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

You know jpeg does not support transparency, right?

Click to Expand / Collapse  Quote originally posted by scribeman01 ...
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!
Reputation Points: 35
Solved Threads: 21
Junior Poster
HI2Japan is offline Offline
195 posts
since Mar 2006
Permalink
Sep 13th, 2009
0

Re: Dreamweaver MX - unwanted white table space at top

Click to Expand / Collapse  Quote originally posted by HI2Japan ...
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.
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