| | |
Dreamweaver MX - unwanted white table space at top
Please support our Graphics and Multimedia advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Aug 2009
Posts: 12
Reputation:
Solved Threads: 1
•
•
•
•
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.
•
•
Join Date: Sep 2009
Posts: 10
Reputation:
Solved Threads: 0
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!
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!
•
•
Join Date: Sep 2009
Posts: 10
Reputation:
Solved Threads: 0
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!
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>
•
•
Join Date: Sep 2009
Posts: 10
Reputation:
Solved Threads: 0
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!
Thanks again!
•
•
Join Date: Mar 2006
Posts: 194
Reputation:
Solved Threads: 21
You know jpeg does not support transparency, right?
•
•
•
•
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!"
•
•
Join Date: Sep 2009
Posts: 10
Reputation:
Solved Threads: 0
•
•
•
•
Are you sure the image is transparent at the top? Maybe the white strip is in the image.
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 " " that was encoded in the table commands with the photos.
Graphics and Multimedia Syntax (Toggle Plain Text)
<!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> <table border="6" align="center" cellpadding="0" cellspacing="0"> <tr> <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> <p align="center"><a href="author.html"><span class="Arial12pxN">Leonard<br /> "Oakie" Brumm</span><br /> <span class="10ptArial">(1927-2006)</span></a> </p> <p align="center"><strong><a href="WOPHoBrummPreviewOPT.pdf"><img src="button52136660.jpg" alt="" width="100" height="30" border="0" align="top" id='button773' onmouseover = 'document.getElementById("button773").src = "button79153652.jpg"' onmouseout = 'document.getElementById("button773").src = "button52136660.jpg"' /></a></strong></p> <p align="center"><a href="howtoorder.html"> <img src="button68124503.jpg" alt="" width="100" height="30" border="0" align="top" id='button684' onmouseover = 'document.getElementById("button684").src = "button65444503.jpg"' onmouseout = 'document.getElementById("button684").src = "button68124503.jpg"' /></a></p> <p align="center"><a href="medialog.html"><img src="button64022762.jpg" alt="" width="100" height="30" border="0" align="top" id='button913' onmouseover = 'document.getElementById("button913").src = "button41302554.jpg"' onmouseout = 'document.getElementById("button913").src = "button64022762.jpg"' /></a></p> <p align="center"><a href="testimonials.html"> <img src="button25466974.jpg" alt="" width="100" height="30" border="0" align="top" id='button922' onmouseover = 'document.getElementById("button922").src = "button20845523.jpg"' onmouseout = 'document.getElementById("button922").src = "button25466974.jpg"' /><br /> </a><br /> <img src="button13095620.jpg" alt="" width="100" height="30" border="0" align="top" id='button389' onmouseover = 'document.getElementById("button389").src = "button44917015.jpg"' onmouseout = 'document.getElementById("button389").src = "button13095620.jpg"' /></p> <p align="center"><a href="links.html"><img src="button35012664.jpg" alt="" width="100" height="30" border="0" align="top" id='button133' onmouseover = 'document.getElementById("button133").src = "button76641767.jpg"' onmouseout = 'document.getElementById("button133").src = "button35012664.jpg"' /></a></p> <p align="center"><a href="howtoorder.html"> <img src="button19443985.jpg" alt="" width="100" height="30" border="0" align="top" id='button895' onmouseover = 'document.getElementById("button895").src = "button41150590.jpg"' onmouseout = 'document.getElementById("button895").src = "button19443985.jpg"' /></a></p> <p><img src="webtestimonialsj.jpg" width="142" height="523" align="top"></p></td> <td valign="top"><p><img src="OakieartREVjp.jpg" width="598" align="top"></p> <table width="307" border="3" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFF00"> <tr> <td width="299" height="64" valign="middle"><div align="center" class="style162"> <p class="style163"><a href="boblinglink.pdf">Book Review </a></p> </div></td> </tr> </table> <p align="center"><span class="style164"> </span></p> <p align="center"><span class="12ptTimesRom">Massachusetts School of Law Television <br /> Interviewer - Diane Sullivan<br /> 8/29/2005</span></p></td> </tr> </table> </body> </html>
Last edited by scribeman01; Sep 13th, 2009 at 10:48 pm.
![]() |
Similar Threads
- Extra Space at top of Div (HTML and CSS)
- Retrieve value of Javascript variable to HTML table cells (JavaScript / DHTML / AJAX)
- Can't get rid of space at top of web page... (HTML and CSS)
- White space despite 100% width (HTML and CSS)
- White space (HTML and CSS)
- Need Traffic to Your Site? Let us with 10 Years Experience Show You How! (Post your Resume)
- Get Huge Traffic and Get Listed Hundreds Of Times in The Major Search Engines (Promotion and Marketing Plans)
- What Am I Doing Wrong? (HTML and CSS)
- need a personal mentor (PHP)
Other Threads in the Graphics and Multimedia Forum
- Previous Thread: Restore photoshop
- Next Thread: how to hide background in flash 8
| Thread Tools | Search this Thread |
10 acrobat acrobat.com adobe adobeacrobat adobelivecyclees adobereader air ajax alfresco amazon amf apple array audio auto bar branding buzzword c# check cloudcomputing code coldfusion commercial contentmanagement cs4 css database datagrid design display dojofoundation dreamweaver dynamic ebooks eclipse economy extra flash flashlite flex fotb glide google ibm illustrator insert iphone iplayer iso javascript kindle lexicon linux listview media microsoft mobileme moonlight multimedia mysql news opensource openstandards pdf perl photoshop php player print python quicktime record remote remoteserver search security server silverlight single software sony sonyreader sproutcore standard streamingmedia table textbox trademarks unwanted video view vulnerability warning website white.space windowsmedia zend zeroday






