| | |
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: Sep 2009
Posts: 10
Reputation:
Solved Threads: 0
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:
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)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Welcome to OakieBrumm.com</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script language="JavaScript" type="text/javascript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> <style type="text/css"> <!-- .style46 {font-size: 14px} --> </style> <link href="Mystylesheets.css" rel="stylesheet" type="text/css" /> <meta name="Keywords" content="Leonard Oakie Brumm Marquette prison sports The Longest Yard Jerry Burns Yoopers Detroit Redwings hockey" /> <style type="text/css"> <!-- .style53 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; } .style54 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #80FF00; } .style55 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; } .style57 {color: 0} .style61 { color: #0000FF; font: bold 10px Arial; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; } .style64 {font-family: Arial, Helvetica, sans-serif} .style73 {font-size: 18px} .style94 {font-size: 16px} .style104 {font-size: 10px} .style105 {font-family: Arial, Helvetica, sans-serif} .style106 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FF0000; } .style109 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #0000FF; font-size: 18px; } .style159 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; color: #333333; } .style161 { font-size: 9pt; color: #333333; } .style162 {font-size: 24pt} .style163 { font-family: Arial; font-weight: bold; color: #FFFF00; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .style164 { font-size: 24pt; font-family: Arial; color: #00FFFF; } --> </style> </head> <body> <p> </p> <table width="755" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="156" height="668" align="center" valign="top"><a href="author.html"><br /> <img src="oakieauthor.jpg" alt="" width="108" height="91" border="0" align="top" /><span class="style159"><br /> Leonard<br /> "Oakie" Brumm<br /> </span><span class="style161">(1927-2006 ) </span></a> <p align="center" class="style61"><strong><a href="WOPHoBrummPreviewOPT.pdf"><img src="button52136660.jpg" alt="" width="100" height="30" border="0" id='button773' onmouseover = 'document.getElementById("button773").src = "button79153652.jpg"' onmouseout = 'document.getElementById("button773").src = "button52136660.jpg"' /></a></strong></p> <p><a href="howtoorder.html"> <img src="button68124503.jpg" alt="" width="100" height="30" border="0" id='button684' onmouseover = 'document.getElementById("button684").src = "button65444503.jpg"' onmouseout = 'document.getElementById("button684").src = "button68124503.jpg"' /></a></p> <p><a href="medialog.html"><img src="button64022762.jpg" alt="" width="100" height="30" border="0" id='button913' onmouseover = 'document.getElementById("button913").src = "button41302554.jpg"' onmouseout = 'document.getElementById("button913").src = "button64022762.jpg"' /></a></p> <p><a href="testimonials.html"> <img src="button25466974.jpg" alt="" width="100" height="30" border="0" id='button922' onmouseover = 'document.getElementById("button922").src = "button20845523.jpg"' onmouseout = 'document.getElementById("button922").src = "button25466974.jpg"' /></a></p> <p> <img src="button13095620.jpg" alt="" width="100" height="30" border="0" id='button389' onmouseover = 'document.getElementById("button389").src = "button44917015.jpg"' onmouseout = 'document.getElementById("button389").src = "button13095620.jpg"' /></p> <p> <a href="links.html"><img src="button35012664.jpg" alt="" width="100" height="30" border="0" id='button133' onmouseover = 'document.getElementById("button133").src = "button76641767.jpg"' onmouseout = 'document.getElementById("button133").src = "button35012664.jpg"' /></a></p> <p> <a href="howtoorder.html"> <img src="button19443985.jpg" alt="" width="100" height="30" border="0" id='button895' onmouseover = 'document.getElementById("button895").src = "button41150590.jpg"' 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> <td width="599" align="center" valign="top"><h1 class="style164"><img src="Oakart.gif" width="599" height="793" /></h1> <table width="307" border="3" cellpadding="0" cellspacing="0" bgcolor="#FFFF00"> <tr> <td width="299" height="64"><div align="center" class="style162"> <p class="style163"><a href="boblinglink.pdf">Book Review </a></p> </div></td> </tr> </table> <h1 class="style164"> <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> </h1> <p class="style57">Massachusetts School of Law Television <br /> Interviewer - Diane Sullivan<br /> 8/29/2005 </p></td> </tr> </table> <blockquote> <blockquote> <blockquote> <blockquote> <p> </p> <table width="264" height="126" border="1" align="center" cellpadding="0" cellspacing="0" bgcolor="#FF0000"> <tr> <th height="114" align="center" valign="middle" bgcolor="#80FF00" scope="col"><p><span class="style35 style105 style46"><span class="style94">Brumm Enterprises LLC<br /> </span></span><span class="style44 style44 style46"><span class="style44 style44 style104 style105"><span class="style44 style44 style104 ">PO BOX 4172 · RACINE, WI 53404</span></span></span><span class="style33 style44 style44 style105"><span class="style64 style44 style44 style46"><br /> </span></span><span class="style33"><span class="style104">Phone:</span> 262-939-8075<span class="style104"><br /> Fax:</span> 414-570-2109<br /> </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 /> <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> </tr> </table> <br /> <table width="436" height="192" border="6" align="center" cellpadding="14" cellspacing="2" bgcolor="#FF0000" id="Index6"> <tr> <th height="180" align="center" valign="baseline" bgcolor="#000000" scope="col"><span class="style4"> <span class="style53">"There may be tough guys in<br /> the National Football League,<br /> but they would be second stringers to <br /> the guys that 'Oakie' had to coach. <br /> <strong><br /> My advice: READ THIS BOOK.</strong><br /> There are stories that will open your eyes </span></span><span class="style37 style53"><br /> and shake your head - it is OAKIE AT HIS BEST!!!"</span><br /> <span class="style54"><br /> JERRY BURNS - Former Head Coach<br /> Minnesota Vikings</span></th> </tr> </table> </blockquote> </blockquote> </blockquote> </blockquote> <table width="264" height="126" border="6" align="center" cellpadding="0" cellspacing="0" bgcolor="#FF0000"> <tr> <th height="114" align="center" valign="middle" bgcolor="#80FF00" scope="col"><p><span class="style35 style105 style46"><span class="style94">Brumm Enterprises LLC<br /> </span></span><span class="style44 style44 style46"><span class="style44 style44 style104 style105"><span class="style44 style44 style104 ">PO BOX 4172 · RACINE, WI 53404</span></span></span><span class="style33 style44 style44 style105"><span class="style64 style44 style44 style46"><br /> </span></span><span class="style33"><span class="style104">Phone:</span> 262-939-8075<span class="style104"><br /> Fax:</span> 414-570-2109<br /> </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 /> <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> </tr> </table> <div align="center"> <p><br /> <span class="style44"><span class="style45">© 2009 by Brumm Enterprises LLC. All rights reserved. </span><br /> <br /> </span><span class="style18 style46">Site Update: 5/09/07</span></p> </div> </body> </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.
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.
I'm not entirely sure what you are asking but the above is a solution that can typically fix most positioning problems.
•
•
Join Date: Sep 2009
Posts: 10
Reputation:
Solved Threads: 0
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
Best, Bill
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.
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.
•
•
Join Date: Sep 2009
Posts: 10
Reputation:
Solved Threads: 0
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!
THANKS!
Last edited by scribeman01; Sep 8th, 2009 at 10:43 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 apple array asp audio auto bar bbc branding c# cloudcomputing code commercial commercials computing contentmanagement creativesuite4 cs4 css database datagrid design display dreamweaver dropdown dynamic ebooks eclipse economy extra flash flashlite flex glide google ibm illustrator iphone iplayer ipod iso javascript kindle lexicon linux listview malware media menu microsoft mobile mobileme moonlight multimedia mysql navigationbars news novell onlineapps openstandards pdf perl photoshop php player python quicktime remoteserver script security silverlight single software sony sonyreader specfic sproutcore standard streamingmedia table textbox trademarks unwanted video view vulnerability website windowsmedia zend zeroday






