HTML - Getting Spaces In Table That I Do Not Want.
I am having some basic HTML issues... The code is as follows:
Code: <body onload="MM_CheckFlashVersion('7,0,0,0','Content on this page requires a newer version of Macromedia Flash Player. Do you want to download it now?'), resizeTo(700,560);"> <div id="horizon"> <div id="content"> <div class="bodytext"> <table width="100%" height="480" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" align="center" valign="middle" style="background-repeat: no-repeat; background-position:bottom right;"><table width="0" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="21" height="16" align="right" valign="bottom"><img src="images/tv/upper-left.gif" alt="tv-upper-left" width="21" height="16" /></td> <td width="320" height="16" align="center" valign="bottom"><img src="images/tv/top.gif" alt="tv-top" width="320" height="16" /></td> <td width="21" height="16" align="left" valign="bottom"><img src="images/tv/upper-right.gif" alt="tv-upper-right" width="21" height="16" /></td> </tr> <tr> <td width="21" height="240" align="right" valign="middle"><img src="images/tv/left.gif" alt="tv-left" width="21" height="240" /></td> <td width="320" height="240" align="center" valign="middle"><script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','320','height','240','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','FLVPlayer_Progressive' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="FLVPlayer"> <param name="movie" value="FLVPlayer_Progressive.swf" /> <param name="salign" value="lt" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true" /> <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true" quality="high" scale="noscale" width="320" height="240" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object></noscript></td> <td width="21" height="240" align="left" valign="middle"><img src="images/tv/right.gif" alt="tv-right" width="21" height="240" /></td> </tr> <tr> <td width="21" height="69" align="right" valign="top"><img src="images/tv/lower-left.gif" alt="tv-lower-left" width="21" height="69" /></td> <td width="320" height="69" align="center" valign="top"><img src="images/tv/bottom.gif" alt="tv-bottom" width="320" height="69" /></td> <td width="21" height="69" align="left" valign="top"><img src="images/tv/lower-right.gif" alt="tv-lower-right" width="21" height="69" /></td> </tr> </table> <p><input type="button" value="Close Window" onclick="window.close()"></p> </span></p></td> </tr> </table> </div> </div> </div> </body> the link to a sample of this page is: http://www.mirageadv.com/beta/galler...bridAeroW.html Can someone take a look at this and tell me why I am getting the spaces in the graphics at the top and bottom... Thanks - Jim Similar TutorialsI have searched this and other forums and tried everything I could possibly think of to fix this. The space doesn't appear in any browser except IE, and unfortunately I need to make the site work fine in IE as well: http://www.mountwernerrealty.com/index3.html Hey guys! I am incredibly depressed! I have just started making a website, but can't get rid of those white spaces between table rows! Works fine in IE, but Mozilla is not having it. Could anybody take a look and save my life? I have searched around, and nothing I have tried has worked! http://www.mcsforintroducers.com/WylessVentures/ Thanks! Hello, My name is Eli and I cannot figure out why in the 2nd and 3rd rows of this HTML table there are empty spaces between the columns, making these rows go over the table width limitation of 770. I would really appreciate some help, as it is getting very frustrating and I am sure there is a very simple solution that I am missing. I've searched threads but could not find the right answer. Here is the table HTML code: <table border="0" align="left" cellspacing="0" cellpadding="0" width="770"> <tr> <td width="770" height="1" colspan="2" bgcolor="#FFFFFF"><img src="http://yst.sale-la-vie.com/images/spacer.gif" alt="spacer" width="4" height="1" border="0" align="middle" /></td> </tr> <tr> <td colspan="2" align="left" valign="top" bgcolor="0"><img src="http://yst.sale-la-vie.com/images/main-mid.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/right-mid.jpg" alt="" border="0" /></a></td> </tr> <tr> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-necklaces-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-earringss-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-goodlook-img.jpg" alt="" border="0" /></a></td> </tr> <tr> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-bracelets-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-summer-img.jpg" alt="" border="0" /></a></td> <td align="left"><img src="http://yst.sale-la-vie.com/images/mid-newlook-img.jpg" alt="" border="0" /></a></td> </tr> </table> Thanks and best wishes, Eli Hello all. Just joined and I have what I know is a simple question. Trying to remove a space between the top image and the legend I just created. Thanks, Doug Code: <div id="main-copy"> <div style="width:755px; margin: auto; text-align: center; color: #000000; font-weight: bold;"> <p>Click on radar image to loop!</p> <p>GR Level III Base Reflectivity<br/><a href="/wx21.html"><img src="/GR3/kfdr_br1.png"></a></p> <p><img src="GR3/legend3.png" width="750" height="40"/></p> <p>GR Level III Echo Tops<br/><a href="/wx22.html"><img src="/GR3/kfdr_et.png"></a></p> </div> </div> </div> <!-- ##### Footer ##### --> Looks like: http://www.ardmoreweatherlive.com/wx3.html Is there a way to make the spaces in between each link in the navbar go away? becuase i need to put 2 more links and if i did it the way where i have no spaces in between it would work out perfectly, p.s. you can join the furms, lol. here is the site http://wiseones.50webs.org/index.html here is the navbar code Code: <ul> <li><a href="index.html" title="Home">Home</a></li> <li><a href="http://wiseones.jokemaster.org/" title="Spirituality Forums">Spirituality Forums</a></li> <li><a href="spiritualityarticles.html" title="Spirituality">Spirituality</a></li> <li><a href="religiousarticles.html" title="Religious">Religious</a></li> <li><a href="itemsarticles.html" title="Items">Trees,Gems,Herbs,& Items</a></li> </ul> can someone also tell me what the ul's mean? i am trying to create a bullet point list but have spaces inbetween each bullet point item. i tried <br> but no luck. Code: <UL> <LI> <DIV align=left><SPAN style="COLOR: #333333">Stated Income with good credit</SPAN></DIV> <LI> <DIV align=left><SPAN style="COLOR: #333333">5/1, 7/1, 10/1 and 30 Yr Fixed<SPAN style="COLOR: #333333"><IMG border=0 hspace=0 align=right src="http://www.sharperemail.com/se_members/4346/ftp/raintree_hoa_images/happy-elephant-02-gif.gif" width=215 height=215></SPAN></SPAN> </DIV> <LI> <DIV align=left><SPAN style="COLOR: #333333">Interest Only</SPAN> </DIV><SPAN style="COLOR: #333333"> <LI> <DIV align=left>Cash out up to 250,000</SPAN> </DIV> <LI> This is my very first post on this forum, so please, be gentle with me. I write my websites in HTML code but recently I seem to have created an anomaly that I cannot get to the bottom of. If you pop over to this page: http://website.lineone.net/~barrybboor/tirol58.html you will see a very large space below the 'FULL RESULT' line and the start of the result table. According to the coding I have, there shouldn't be any such space but I can see no reason for it and cannot find a way to reduce it. Can anyone help a poor elderly novice, please? Hi, I'm new to this forum. I'm having a little problem. It's the first time I'm working with DIV containers. I want to place 4 containers one below the other with no spaces in-between. In Firefox it works fine but not in IE. Can this problem be fixed? /Patrick i cant seem to get rid of the space between my two images in this table to align my layout images flush with each other . anyone got any ideas? here is an example of what my problem is: http://hollecost.webs.com/index.htm heres the table coding for that example page of my problem: <table cellspacing="0" cellpadding="0"> <tr> <td> <img src="/images/top.jpg"> </td> </tr> <tr> <td background="/images/bottom.jpg" height="440" > </td> </tr> </table> http://wlab.canisius.edu/~dunkleb/cl...s/schedule.php Someone PLEASE explain where my spaces went. doesn't work. Copy/paste anything on that site to a text editor; the spacebar spaces are GONE. WTF. I've been writing all of my HTML in notepad since I started, and Id really like to keep it that way, but the browser seems to treat line breaks (in notepad) between elements as a space character in certain instances. For example, say I have HTML Code: <img1><img2> <img3> <img4> in the browser, that will render every image on the same line, but with a physical white space between img2, img3, and img 4 example: [1][2] [3] [4] in the past ive just sucked it up and put everything on the same line, but in larger projects that gets messy very quickly... any input that i'snt "use something better" is appreciated, thanks. I have two graphics in a cell. If I only put in the top one, everything is fine. Once I insert the bottom one in, a space to the right of the top one appears. I cant get rid of it. Anyone have any ideas? TIA Scott Hi guys. I want to add a few spaces in between two words. Unfortunately, html must work differently than just hitting the space bar in the code. What's the command for space? Thank you all! www.movehumanityforward.org Hope I put this in the right section. The website I'm creating has a shopping cart. Respectivley there's a "view cart" button in the menu bar. But when I put the button in the menu, a blank space appears underneath the table like it's a break line. I viewed the page without the button and everything's perfect, so I'm pretty sure it's the form. I've tried putting the form itself into a table will zero-value margins, but it didn't seem to do anything. Is there anyway to get rid of the blank spot? I'm probably missing something. The program I'm using is Dreamweaver. =P Code: <table id="Table_01" width="800" height="48" border="0" cellpadding="0" cellspacing="0"> <tr> <td><a href="ciol_website/rosaries.html"><img src="ciol_website/slice/ciol_tab_01.gif" alt="" name="image1" width="160" height="24" border="0" id="image1" onmouseover="MM_showMenu(window.mm_menu_0825155153_0,0,24,null,'image1')" onmouseout="MM_startTimeout();" /></a></td> <td><a href="ciol_website/unique_items.html"><img src="ciol_website/slice/ciol_tab_02.gif" alt="" name="image2" width="160" height="24" border="0" id="image2" onmouseover="MM_showMenu(window.mm_menu_0825155740_0,0,24,null,'image2')" onmouseout="MM_startTimeout();" /></a></td> <td><a href="ciol_website/spec_occas.html"><img src="ciol_website/slice/ciol_tab_03.gif" alt="" name="image3" width="160" height="24" border="0" id="image3" onmouseover="MM_showMenu(window.mm_menu_0825160111_0,0,24,null,'image3')" onmouseout="MM_startTimeout();" /></a></td> <td><a href="ciol_website/just_for_kids.html"><img src="ciol_website/slice/ciol_tab_04.gif" alt="" name="image4" width="160" height="24" border="0" id="image4" onmouseover="MM_showMenu(window.mm_menu_0825160607_0,0,24,null,'image4')" onmouseout="MM_startTimeout();" /></a></td> <td><a href="ciol_website/aboutus.html"><img src="ciol_website/slice/ciol_tab_05.gif" alt="" name="image5" width="160" height="24" border="0" id="image5" onmouseover="MM_showMenu(window.mm_menu_0825160731_0,0,24,null,'image5')" onmouseout="MM_startTimeout();" /></a></td> </tr> <tr> <td width="160" height="24" align="center" valign="top"><a href="ciol_website/media.html"><img src="ciol_website/slice/ciol_tab_06.gif" alt="" name="image6" width="160" height="24" border="0" id="image6" onmouseover="MM_showMenu(window.mm_menu_0825160842_0,0,24,null,'image6')" onmouseout="MM_startTimeout();" /></a></td> <td width="160" height="24" align="center" valign="top"><a href="ciol_website/accessories.html"><img src="ciol_website/slice/ciol_tab_07.gif" alt="" name="image7" width="160" height="24" border="0" id="image7" onmouseover="MM_showMenu(window.mm_menu_0825160954_0,0,24,null,'image7')" onmouseout="MM_startTimeout();" /></a></td> <td width="160" height="24" align="center" valign="top"><a href="ciol_website/catholicessentials.html"><img src="ciol_website/slice/ciol_tab_08.gif" alt="" name="image8" width="160" height="24" border="0" id="image8" onmouseover="MM_showMenu(window.mm_menu_0825161102_0,0,24,null,'image8')" onmouseout="MM_startTimeout();" /></a></td> <td width="160" height="24" align="center" valign="top"><a href="ciol_website/for_you.html"><img src="ciol_website/slice/ciol_tab_09.gif" alt="" width="160" height="24" border="0" /></a></td> <td width="160" height="24" align="center" valign="top"><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_cart" /> <input type="hidden" name="business" value="e@mail.com" /> <input type="hidden" name="display" value="1" /> <input type="image" src="http://catholicitemsonline.com/ciol_website/slice/ciol_tab_10.gif" border="0" name="submit" alt="View items in your cart." /> </form> </td> </tr> </table> how do i remove these spaces between my images and table? if you view the page theres spaces between the two images and for some reason on the bottom it shows a small image of my mid body image here is the link: http://lilions.com/contact/ Code: <code> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <br></br><br></br> <img src="http://lilions.com/home/images/tpc.jpg"><img src="http://lilions.com/home/images/cnttp.jpg"><center><table width=1000 height=450><td background="http://lilions.com/home/images/cntmid.jpg"></center><center><font color="#FFFFFF"><table border="3" bordercolor="FFFFFF" width="630" bgcolor="000000"></br><td><p><i><b><center><font color="#FFFF00">donbonacorsa@yahoo.com <donbonacorsa@yahoo.com></center></b></i></p></font> <?php if ($_POST["email"]<>'') { $ToEmail = 'donbonacorsa@yahoo.com'; $EmailSubject = 'Site contact form from www.LiLions.com'; $mailheader = "From: ".$_POST["email"]."\r\n"; $mailheader .= "Reply-To: ".$_POST["email"]."\r\n"; $mailheader .= "Content-type: text/html; charset=iso-8859-1\r\n"; $MESSAGE_BODY = "Name: ".$_POST["name"]."<br>"; $MESSAGE_BODY .= "Email: ".$_POST["email"]."<br>"; $MESSAGE_BODY .= "Comment: ".nl2br($_POST["comment"])."<br>"; mail($ToEmail, $EmailSubject, $MESSAGE_BODY, $mailheader) or die ("Failure"); ?> <center><h4><b> Your message was sent </center></h2> <?php } else { ?> <form action="index.php" method="post"><table width="630" border="0" cellspacing="2" cellpadding="0"> <h4> <center> <p>Have questions or comments? Please feel free to fill in the form below to send me an email.</p> </center> </h4> <center></h4><div id="content"> <p><tr align="center"><center> <td width="29%" class="bodytext">Your Name (required):</td></tr> </center> <tr align="center"><center> <td width="71%"><input name="name" type="text" id="name" size="32"></td></tr> </center> </p> <p><tr align="center"><center> <td class="bodytext">Your Email (required)</td></tr> </center> <tr align="center"><center> <td><input name="email" type="text" id="email" size="32"></td></tr> </center> </p> <p><tr align="center"><center> <td class="bodytext">Subject</td></tr> </center> <tr align="center"><center> <td><input name="subject" type="text" id="subject" size="32"></td></tr> </center> </p> <p><tr align="center"><center> <td class="bodytext">Comment:</td></tr> </center> <tr align="center"><center> <td><textarea name="comment" cols="45" rows="6" id="comment" class="bodytext"></textarea></td></tr> </center> </p> <p><tr align="center"><center> <td class="bodytext"> </td></tr> </center> <tr><center> <td align="center" valign="top"><input type="submit" name="Submit" value="Send"></td></tr> </center> </p></table></tr></td></form> </div> </b> </h3> </table> <?php }; ?> </body> </html> <center> <img src="http://lilions.com/home/images/cntbtm.jpg"> </center> </code> Dear Board Users, I want to send my friends a newsletter consisting of image sliced onto 4 parts. When I finished composing html code (spam assassin ranks it only with 0.3pts) mail was ready to be sent. All mail boxes reads this newsletter properly instead GMail which reads sliced image with breaks. At link below you cand find a screen capture which can let you know what about the problem is -- > And here is a fragment of code between first two images: Code: </head> <body marginwidth="0" marginheight="0" bgcolor="#ffffff" topmargin="0" leftmargin="0"> <div align="center"> <table height="822" width="595" cellspacing="0" cellpadding="0" border="0" id="Table_01"> <tbody> <tr> <td><a target="_blank" href="http://xxx"><img height="201" width="595" border="0" longdesc="blablabla" id="blablabla" alt="blablabla" src="Ozdobne-amfory_01.jpg" /></a></td> </tr> <tr> <td><a target="_blank" href="http://xxx"><img height="407" width="595" border="0" longdesc="blablabla" id="blablabla" alt="blablabla" src="Ozdobne-amfory_02.jpg" /></a></td> I hope you can help, thanks! Is there a option in Microsoft Word able to make it work in Dreamweaver to do this? I have a problem with this website I created for a client. In Safari, the page displays completely correctly. However, when launched in Opera, a little white space appears between the left pane of the swf movie. When launched in Firefox, large white space breaks appear. You can see the problem here if you view this page with the Opera and Firefox browsers: www.tabernacleofdavidwc.com All of my html looks proper from what I can tell. What do I need to change in my html? Quote: <!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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <style type="text/css"> * {margin:0} a img { border: none; } </style> </head> <body> <table width="1290" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="740"><img src="../TD Main Tester/TDMain_Header.gif" width="740" height="135" /></td> <td width="550"><img src="../TD Main Tester/TDMain_Header2.gif" width="540" height="135" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_HomeLeft.gif" width="185" height="48" /><img src="../TD Main Tester/TDMain_Home.gif" width="130" height="48" /><a href="TD Statemnet of Faith.html"><img src="../TD Main Tester/TDMain_about.gif" width="135" height="48" /></a><img src="../TD Main Tester/TDMain_Events.gif" width="148" height="48" /><a href="TD Media 3.html"><img src="../TD Main Tester/TDMain_Media.gif" width="142" height="47" /></a></td> <td><img src="../TD Main Tester/TDMain_Store.gif" width="146" height="48" /><a href="TD Contact 2.html"><img src="../TD Main Tester/TDMain_Contact.gif" width="136" height="48" /></a><img src="../TD Main Tester/TDMain_ContactRight.gif" width="258" height="48" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_SlideLeft.gif" width="185" height="343" /><iframe src="Demo_6.html" height="343" width="555" scrolling="no" frameborder="0"></iframe></td> <td><img src="../TD Main Tester/TDMain_LeftWord.gif" width="42" height="121" /><img src="../TD Main Tester/TDMain_WordWeek.gif" width="303" height="121" /><img src="../TD Main Tester/TDMain_WordRight.gif" width="195" height="121" /> <img src="../TD Main Tester/TDMain_SWFLeft.gif" width="42" height="222"/><object width="303" height="222"><param name="movie" value="../Users/macbookpro/Documents/WheatonEditP.swf"><param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="flashvars" value="poster=file:Macintosh/video_still.jpg"/> <embed src="Wheaton-20110901-134443/Wheaton.swf" width="303" height="222"allowscriptaccess="always" allowfullscreen="true" flashvars="file:Macintosh/video_still.jpg"></embed></object><img src="../TD Main Tester/TDMain_SWFRight.gif" width="195" height="222" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_Middle1.gif" width="740" height="22" /></td> <td><img src="../TD Main Tester/TDMain_Middle2.gif" width="540" height="22" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_PrayerLeft.gif" width="182" height="125" /><img src="../TD Main Tester/TDMain_Prayer.gif" width="181" height="125" /><img src="../TD Main Tester/TD_PrayerServices.gif" width="10" height="125" /><img src="../TD Main Tester/TDMain_Services.gif" width="178" height="125" /><img src="../TD Main Tester/TDMain_ServicesDonate.gif" width="13" height="125" /><img src="../TD Main Tester/TDMain_Donate.gif" width="176" height="125" /></td> <td><img src="../TD Main Tester/TDMain_MiracleLeft.gif" width="42" height="125" /><img src="../TD Main Tester/TDMain_Miracle.gif" width="303" height="125" /><img src="../TD Main Tester/TDMain_MiracleRight.gif" width="195" height="125" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_Bottom1.gif" width="740" height="20" /></td> <td><img src="../TD Main Tester/TDMain_Bottom2.gif" width="540" height="20" /></td> </tr> </table> </body> </html> On http://www.thomasmckee.com/scroller.html, how can I align the image of the car to the left of the scroller with no spacing between them and the total size be 960w by 150h? I mean, how do I butt them next to each other? If you can, will you email your answer to thomas@thomasmckee.com? |