|
HTML - Fixing White Spaces In Webpage
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> Similar TutorialsHi I am fixing a really old webpage and im having issues with the leftnav... it has spaces in it but in dreamweaver the spaces do not display in design but only when i preview the page The page is terrible... heres the link... http://www.pfrieme-stumpe.de you may have to hard refresh to see the broken leftnav... thanks in advance! Matt HI, The following code HTML Code: <SELECT NAME="TEST"> <OPTION>TEST TEST</OPTION> </SELECT> renders an option with 'TEST TEST'. Even though there are more than 1 white spaces, only single white space is given. How can I over ride this default behavior? Thanks in advance, Chandu. Sorry if i posted this in the wrong location. So im a real estate agent making a website. Im no pro and most of the stuff ive been using to build has been through layouts/generators/help of others such as yourselves. So ive been stuck on finding/making this code for the past couple of days. So all my listings are on my agencys website, not my personal agent website. Is there a code i could have where in the listings page my my personal agent website, i could have a window maybe 600x900 of the listing page on my agencys website? To kind of clear things up, you know how when you google something you have the magnifying glass, how it gives that preview. How can i have that preview coded onto a webpage, but me say what webpage to preview and how big to make the preview box? Tried to explain it as best i could. If you dont know the code, if you can tell me what its called so i can try to narrow the google searches. So far everything that has been coming up in the search restults has been preview boxes to preview html codes you have already written. Fail Blog Thanks Hi, I have some old html source files that do not have matching closing tags, is there any site that I can just paste those codes there and it will automatically append a matching closing tag? Thanks. A.C. need this fixed asap guys i have no idea whats wrogn with it http://www.recon.wsnw.net/index.php?site=joinus Code: <form action="index.php?site=joinus&action=save" method="post" name="post">
<table width="20%" border="0" cellspacing="0" cellpadding="0" bgcolor="$border">
<tr>
<td class="title" align="center" bgcolor="$bghead">Join us formular</td>
</tr>
<tr>
<td bgcolor="$pagebg"></td>
</tr>
<tr>
<td bgcolor="$bg1">
<table width="20%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="20%" align="right">Squad:</td>
<td colspan="0"><select name="squad">$squads</select></td>
</tr>
<tr>
<td align="right">Nick:</td>
<td><input name="nick" type="text" class="form_off" onFocus="this.className='form_on'"
onBlur="this.className='form_off'"></td>
<td align="right">Name:</td>
<td><input name="name" type="text" class="form_off" onFocus="this.className='form_on'"
onBlur="this.className='form_off'"></td>
</tr>
<tr>
<td align="right">Email:</td>
<td><input name="email" type="text" class="form_off" onFocus="this.className='form_on'"
onBlur="this.className='form_off'"></td>
<td align="right">ICQ/MSN:</td>
<td><input name="messenger" type="text" class="form_off" onFocus="this.className='form_on'"
onBlur="this.className='form_off'"></td>
</tr>
<tr>
<td align="right">Age:</td>
<td><input name="age" size="2" type="text" class="form_off" onFocus="this.className='form_on'"
onBlur="this.className='form_off'"></td>
<td align="right">City:</td>
<td><input name="city" type="text" class="form_off" onFocus="this.className='form_on'"
onBlur="this.className='form_off'"></td>
</tr>
<tr>
<td align="right">Clanhistory:</td>
<td colspan="3"><input name="clanhistory" type="text" class="form_off"
onFocus="this.className='form_on'" onBlur="this.className='form_off'"></td>
</tr>
<tr>
<td colspan="0"> </td>
</tr>
<tr>
<td align="center" colspan="0">Additional (Why should you become a member?):</td>
</tr>
<tr>
<td></td>
<td colspan="0"><textarea name="info" cols="60" rows="5" class="form_off"
onFocus="this.className='form_on'" onBlur="this.className='form_off'"></textarea></td>
</tr>
<tr bgcolor="$bg1">
<td align="right" bgcolor="$bg1">Security Code:</td>
<td bgcolor="$bg1"> </td>
</tr>
<tr>
<td align="right">$captcha</td>
<td><input type="text" name="captcha" size="10" class="form_off"
onFocus="this.className='form_on'" onBlur="this.className='form_off'"><input name="captcha_hash" type="hidden"
value="$hash"></td>
</tr>
<tr>
<td> </td>
<td><input name="post" type="submit" value="join us"></td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</form>
I have someone that develops an html newsletter that I send out to my clients contact database. I ask them to also provide me with a version for the web (as the right margin gets cut off when I upload the original HTML), but every time they struggle with this, and this time told me it's not possible without having access to my CMS (which my client refuses to provide). Someone on this forum (Rblbliss) helped me one time and told me exactly which line of code to change (I don't have any HTML experience). I'm hoping someone can help me this time around as well. Here is a link to the page I'm referring to: http://www.eastpointehealthandfitnes...er-newsletter/ Thanks in advance! Reem I accidentally deleted the folder where I stored the files for my new website. I managed to recover the folder using a recovery program but unfortunately the html file seems to be damaged. Is there a way to repair the html file ? woops terribly sorry guys for my first post being a false alarm, i experimented a bit and fixed it. How do I prevent the background of a table cell from repeating when the cell gets bigger? My handcoding is not that good and Dreamweaver doesn't seem to provide any code suggestions. Any help would be appreciated. I am trying to build a frameset in dreamweaver with a bottom frame and a left and right frame. There is going to be an image in the left window that will be image mapped in order to be used as the navigation portion of the site. There will be another image mapped image in the bottom frame. The problem I am having is that when I view the site in a browser the images are not fixed in their position. When you change the size of the browser window the images move around. I want it to work like this site (http://www.intricatemachines.com) where the images always stay in the same place. If anyone has any suggestions I would really appreciate your help. Thank you. HI i want to fix the border size of the table. I retrive the data from the mysql and put it in the table . Now when the page loaded , the wide of it became very large . I added width to the table but it didn't make difftence. How can fix it ? TNX I have a calendar generating for display on a page, and the calendar can be either 6 or 7 '<tr>' high depending on the amount of days in a month. I would like to fix the height of this calendar to prevent it knocking some of the other placements around. I invisage placing the calendars table inside another plain table which has a fixed hight. Is this even possible? Thanks. I have no clue why this is messing up - I have been working on it ALLL day and I can't get it looking right. Anyway, if you look to the left of my page, you can obviously see that the graphics to the right are not aligning correctly witht the middle table. I have cellpadding and all that set to 0 so I don't know what is wrong. Any help would be appreciated... http://www.myspace.com/97959783 http://wantedfraternity.webs.com/ourdestiny.html As you can see I have my Navigation at the top...well I wont that font and size for the wording in the border below. "OUR DESTINY" I wont this size left the same and color...just the type of font set as the Nagivation font. "THE RULES OF ATTACKS ON YOU TO FOLLOW ARE" and "ATTACKS MUST BE AT ONE TIME - NOT SPREAD OUT OVER DAYS" Need these to be a bit smaller in size from "OUR DESTINY" And the senteces with the boxes...a bit smaller in size than the two above I mention'd. Here also I cant figure out how to have the sentences with the boxes over to the right more about 10-15px. :\ Now I'm trying my best to figure out this coding...I'm getting the hang of it, Im just really having troubles here and cant figure em out. Also...why is there such big spaces between the sentences? Hello. I'm back again. This time I have a different problem: Because the text sizes in IE are much smaller than in Firefox, the alignment of certain divs comes out disarranged. Notice that in FF, the big red box's position begins at midpoint of the contact us navigation. But, in IE it begins a big close to the end. I think this is due to the different text sizes. I was wondering if I could use javascript to test which browser is currently being viewed, and base on the browser type it would switch between css to correct the differences? (Sorry for the overly huge images) Also, I'll post the code later. Similar to how most pop-up windows are a fixed size, I was curious as to how I could fix the size of a browsing window (particularly the width) of a page. Vertical scrolling isn't as important, but I would like my index page as well as the pages within the Iframe in the index page to remain a certain width so viewers would only have to scroll vertically to view the entire content of the html document. I have tried "stealing" the coding used in pop-up windows, trying it in both the head and body of the code but to no avail. I have searched for countless hours on the 'net looking for a tutorial that gives the code for this and have had zero luck. (I know it must be possible.) Any and all help/input is greatly appreciated! Thanks so much in advance, Dereck A family friend has asked me to take over the maintance of her existing sitre. The current layout is very poor. Files are haphazzardly put in folders and nothing makes sense. Can someone suggest a tool that will let me donwload the entire site to my system and keep the same directory structure just so I can make a more understandable layout but lot lose any of the current content? I have posted clear images in 1634x200 header slices on photobucket. However, being new to html coding and writing code, when I code using the following, the images come out all blurry. Is there something in the code that may be altering the image resolution from its native crisp, sharp source files? I have tried jpg, png and used both a large file and exact matching file in terms of dimensions and I continue to get the same blurry results. Thanks. Here is the code: <!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> </head> <body> <table width="100%" border="0" align="center"> <tr> <td align="center"><a href="http://stores.ebay.com/Summit-DVD-Movies-and-Blu-Ray-Disc?_rdc=1"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/header_logomain-4.png" alt="header_logo_top" width="1634" height="169" border="0" /></a> <img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/header_LLowCorner-1.png" width="58" height="31" alt="header_corn" /><a href="http://stores.ebay.com/Summit-DVD-Movies-and-Blu-Ray-Disc?_rdc=1"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/but_home-1.png" width="84" height="31 " border="0" /></a><a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=summit_dvd"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/but_about-1.png" width="84" height="31" border="0" /></a><a href="http://stores.ebay.com/summitdvdmoviesandbluraydisc/pages/policies__W0QQ_modeZpreview"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/but_policies-1.png" width="84" height="31" border="0" /></a><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/EbayHdr1634x200r3_07.png" alt="header_bot_bg" width="1324" height="31" /></td> </tr> </table> </body> </html> Hey all, I was wondering if anybody had any pointers on this website I've been building. It looks alright so far in Firefox, but I've had some issues in IE. The link is: http://www.totaros.com/totaros new/index.html Specifically, -The image distortion on the menubar-what are the best types of images to save these as for compatibility in IE? -The menubar not resizing in IE with different resolutions -Aligning text next to pictures (such as on the Entertainment page). This works in FF, but not in IE. -Any other problems noticed. Thank you! I need help. I have a page but its centered. I still have white non used space on both sides that i would like to use to post links and what not but im not too great with tables. My test website is down below. Id like to keep the same dimensions of the page where it is now, but need to be able to use the blank white space on the sides to post links and extra text and what not. Can anyone help? www.militarycheapskate.com |
|||||||