extra space between tables

extra space between tables (Full Version)

All Forums >> [Web Development] >> General Web Development

Message

sljsh -> extra space between tables (9/9/2002 19:29:36)
I could use some help, please. My site seems to be working fine in IE, N4.79 and N7. However, in N6.2, there are gaps in my vertical lines, occurring at each new table. I have includes dispaly: inline in my table style and they still occur. Does anyone know what they might be from? Also, I' ve been told that my site is unusable in IE when viewed on a Mac, but ok in N7 on a Mac. I do not have access to view this, but I have seen some screen shots which show my ssi header and footer in the right place, but the body of my page overlapping the header. What a mess. Does anyone know what might account for the difference when viewing on a Mac? The link to the site is http://www.bio-ox.com. Thank you! Lisa

bobby -> RE: extra space between tables (9/10/2002 11:42:57)
I' ve been struggling with the same situation lately... and it only occurs when I use a DTD (either loose or strict, doesn' t matter which) on my page... suddenly there is a large gap after my page body, and before the ssi for the footer... Oddly enough the header ssi does not show the same thing. I still haven' t found a fix, other than trying to do the same thing in layers and absolute positioning... but that doesn' t work when you' re dealing with various body content...

scarynewbie -> RE: extra space between tables (9/12/2002 14:27:18)
Have you triedyour properties in N6.2???

sljsh -> RE: extra space between tables (9/12/2002 14:31:03)
I' m not sure what you mean. Lisa www.bio-ox.com

scarynewbie -> RE: extra space between tables (9/12/2002 14:34:44)
Have you tried opening it in N6.2 and looking at your N6.2 properties, sometimes newer versions of Internet Providers change and vary alot.

scarynewbie -> RE: extra space between tables (9/12/2002 14:37:11)
Or.... It could be a bug, FP problem, HTML problem, you should try contacting other who use N6.2 and see what they say about the site. Or even maybe soemtimes you should try deleting the selection or page and redoing it, because sometimes Hover Buttons, Marquees and Scrolling Text dosen' t work because you didn' t set it up perfectly, thats all I have thought of, I' ll respond and Ill keep checking in =)

Charles W Davis -> RE: extra space between tables (9/12/2002 15:02:31)
Lisa, I have reviewed your site in Windows 2K using IE6, Opera 6, NN 4.76 and NN 7.0, I see no problems. Also on a Windows XP Pro system using IE 6, Opera 6 there are no problems. However on this system using NN6 the " Bio-Ox" , " Simpler" , " Cleaner" and " Safer" hover tabs on the home page simply do not work.

sljsh -> RE: extra space between tables (9/12/2002 15:39:15)
Hi, Chuck. Thanks for checking my site. The problem really is with N6. The vertical and horizontal lines do not match up. I don' t see them lined up in Opera 6.2 either. The bigger problem is on a Mac. I' ve been told that the site is pretty much unusable, and from the screenshos I' ve seen, I' d have to agree. I think my picutres need to be positioned using poX= and poY= , but I haven' t figured that out yet. I don' t even have access to a Mac for testing. Wouldn' t it be nice if all browsers had a standard?? Lisa www.bio-ox.com

bobby -> RE: extra space between tables (9/12/2002 15:54:34)
IMO it has to do with the use of styles on the page and html 4 and css 2 confirmance. I think (as far as my page goes anyway...) that there is something on the page that' s not done properly to the new standard. So when I use a DTD (and when you use NN6.2) we' re seeing it rendered " properly" according to W3C standards. I' ve decided to forego the tables in favor of layers and see if I can make it work that way... You might check out Mozilla, that might be the closest you' ll get to a Mac browser for pc.

sljsh -> RE: extra space between tables (9/12/2002 16:00:27)
Since N6 will become obsolete (and the site works in N6, it' s just not lined up real nice) and it works fine in N7, I think I' m going to move on something else. This can' t possibly be worth the time I' m spending on it. However, I think I do need to take a look at a tutorial on positioning in layers. Lisa www.bio-ox.com

scarynewbie -> RE: extra space between tables (9/12/2002 16:11:02)
Yeah U have had this problem, don' t you think FP should have somewhere in Page Properties a checkbox asking change to certain type of web file so all computer types and internet providers can view properly??!?!

pageoneresults -> RE: extra space between tables (9/12/2002 21:42:34)
There are a couple of immediate issues that I see that you might want to test. For one, get rid of the darn scrolling message in the status bar. You are interfering with your rollovers and its causing other problems. Usability studies show that anything scrolling like that is a no-no! Second, I think there is a problem when using inline styles and Netscape. I' d be willing to bet that if you transferred your styles to an external css file, most of your problems will go away. There may be a few still haunting you but at least you' ll have eliminated the blatant ones. That scrolling message in the status bar is really wreaking havoc on your rollovers.

pageoneresults -> RE: extra space between tables (9/12/2002 21:49:01)
bobby, there appear to be some issues with DTD' s and the browsers. I too had some problems with spacing when using a DTD. A recommendation came to me from someone that I highly respect. I took the recommendation and solved the problem. <!DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" > Take away the reference to the DTD and watch those issues vanish, or at least most of them. It forces the browser into Quirks mode but you either deal with that or the spacing issues which is one of the problems I was faced with in Opera. I would imagine its the same thing in your case, just a different issue.

sljsh -> RE: extra space between tables (9/12/2002 21:53:39)
So is this the way it should appear: <!DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" > - or take out " DTD" altogether? Lisa www.bio-ox.com

sljsh -> RE: extra space between tables (9/12/2002 22:04:17)
Thanks for the tip. I got rid of the ticker, but my top menu is still wacky in N6.2.

sljsh -> RE: extra space between tables (9/12/2002 22:33:03)
Should inline styles be avoided altogether? It doesn' t seem very practical. What about internal styles in the head tags? Lisa

pageoneresults -> RE: extra space between tables (9/12/2002 22:36:51)
No, you just want to remove the reference to the DTD... <!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > becomes... <!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" > The above is just an example. You are most likely validating to the HTML 4.01 standard.

sljsh -> RE: extra space between tables (9/12/2002 22:40:37)
Actually, the DTD statement I am using is the one you recommended without the http part. Should I be using a different one? I' ve read a lot about it, but still can' t figure it out. I think something might be wrong with my image preload scripts. I' m using the ones that Adobe Image Ready spits out, but I' m not sure they' re working. I use a cable modem and the rollovers don' t happen as quickly as I think they shoud - in any browser. Lisa

pageoneresults -> RE: extra space between tables (9/12/2002 22:55:23)
> Actually, the DTD statement I am using is the one you recommended without the http part. Should I be using a different one? I' ve read a lot about it, but still can' t figure it out. You' re fine with the one you have. I use ImageReady also and have no major problems with the preload script. I did put mine into an external .js file and call it into the page from the <head> of my page like this... <script type=" text/javascript" src=" http://www.seoconsultants.com/javascript/seo-consultants.js" ></script> I noticed that you have two scripts coming in. One that resides in your head and another that is in an external file. Why is that? You should put all of it in the external file and make sure that you have the above script tag in your <head></head>. P.S. No, you do not need the language attribute, it is now deprecated. If you don' t know what it is, then don' t worry about it just yet. As long as your script tag looks like the above, of course with your file reference, you' ll be okay. I also noticed that you have image references like this in your javascript... biooxmenu_01_save_over = newImage(" biooxmenu_01-save_over.gif" ); Are your images all floating in the root level of your directory? Or are they inside of a sub-directory labeled images? Your external file shows image calls like this... ../images/colortabs_01-cleaner_over.gif" ); Since I can' t see the directory structure of the site, I can only assume based on the code I' m able to access. Don' t want to download your whole site at the moment! Get rid of the ../ in front of the ../images/ directory path. You don' t need the .. and it causes various problems with the rollovers depending on where in the directory structure your files are. If that first piece of javascript in your <head> section has the wrong path for the images, then you need to update your javascript and provide the correct path, i.e. biooxmenu_01_save_over = newImage(" /images/biooxmenu_01-save_over.gif" ); Although I don' t think that is a problem, you would have broken images on rollover state. You should keep all of your images in one directory at the first level... http //www domain.com/images/file-name.gif This way you can use the /images/ path and never have any image referencing problems in your javascript or html, no matter where in the directory structure you are. You will also need to update all of the references in the rollover code that is in your <body>. Using the FP Find and Replace feature works wonders in these instances.

sljsh -> RE: extra space between tables (9/12/2002 23:04:54)
The top menu images are in my root directory. The script is preloaded via <SCRIPT LANGUAGE=" JavaScript" TYPE=" text/javascript" src=" premenu.js" >, in which premenu.js is also in my root directory. The other script for the center section is only on my index page, so I have the preload script directly on the page. I can change that to an external file. The images for this are stored in my root/images folder. I will take out the .. before the /. The top menu images are the only images I have in the root directory. All other images are stored in the images folder. The top menu is called in via ssi <!--#include virtual=" /top.txt" -->. I was originally having problems with the images being in the images folder so I just moved them to the root directory to make it easier for myself. I still have so much to learn!! Thank you so much! Lisa

pageoneresults -> RE: extra space between tables (9/12/2002 23:07:05)
> Should inline styles be avoided altogether? It doesn' t seem very practical. What about internal styles in the head tags? I would just stay away from inline styles. My recommendation is to always use an external style sheet, always! There is absolutely no reason why you should add to your html code bloat with on page styles. If you have a page that uses a particular that is not used anywhere else, then sure, add it to the <head></head> of your document. Stay away from inline styles, there are too many incompatiblity issues at the moment. Actually, IE is very forgiving, the other browsers are not. So, what works in IE that is produced with FP, may not work in other browsers. Or should I say, usually does not work in other browsers? ;)

pageoneresults -> RE: extra space between tables (9/12/2002 23:11:39)
> I was originally having problems with the images being in the images folder so I just moved them to the root directory to make it easier for myself. I can almost guarantee you it was because of the image paths. If you had ../images/file.gif in your html and images/file.gif in your javascript, that was one of the problems. If your rollover code had ' images/file.gif and your javascript had ../images/file.gif, that is another problem. It gets really confusing when FP starts creating the file paths using ../../../ Not really, but it confuses the heck out of some browsers and therefore creates problems with the javascript. Once I stripped out all paths beginning with ../images/ and replaced them with /images/, then updated my javascript to also do the same, all of the issues vanished!

pageoneresults -> RE: extra space between tables (9/12/2002 23:21:27)
Try moving your ImageReady comments tag. Right now it sits in front of the </td> like this... <!-- End ImageReady Slices --></td> Put it outside of the </td> or even the </table>. Ah-ha, just went backed and checked. That is probably the problem. Try moving your entire line above to be on the same line with this... <area SHAPE=" rect" ALT=" Basket" COORDS=" 685,54,739,96" HREF=" http://bio-ox.com/Merchant2/merchant.mv?Screen=BASK&Store_Code=BI" ></map><!-- End ImageReady Slices --></td> Make sure the line of code above is on one line (no line breaks). Its creating a hanging </td> which will cause spacing issues. P.S. You can strip out those ImageReady comments. Unless you need them for navigating through your html.

sljsh -> RE: extra space between tables (9/13/2002 0:01:01)
Merging the two preload scripts made a huge difference. Thanks for suggesting it. However, N6 is still not right. Also, my site seems to work fine on a Mac with AOL, but is totally unusable in IE5.1 on a Mac. I don' t even know where to start with that one. Thanks again, Lisa

pageoneresults -> RE: extra space between tables (9/13/2002 0:14:42)
I' m working on the Mac right now. I' m back and forth across 6,000 square feet of office doing design work on the Mac and making my contributions to the community on a PC. I' ll check it out, we' re using IE5.1 and I' ll see what' s up.

pageoneresults -> RE: extra space between tables (9/13/2002 0:45:49)
Try taking this extra <div> out and enclosing everything within one <div>. </div> <div align=" center" > You' ll end up with one opening <div> after your <body> and one closing </div> before your </body>. Wow... <edit> Wait! Take out this inline style first... style=" display: inline"

bobby -> RE: extra space between tables (9/13/2002 2:26:06)
quote: Take away the reference to the DTD and watch those issues vanish That' s a good idea... [:)] I just may try my rollover buttons in css instead of js that way... (I don' t remember when IE stopped applying width to block elements?) [&:]

sljsh -> RE: extra space between tables (9/13/2002 14:07:13)
I have those style=" display: inline" all over the place. Should they all be removed? Lisa

sljsh -> RE: extra space between tables (9/13/2002 14:23:29)
I removed the div and the display: inline. I hope it helps. Lisa www.bio-ox.com

bobby -> RE: extra space between tables (9/13/2002 16:14:45)
Lisa - Try placing those into a linked CSS file... it will accomplish the same thing, but without having to change every tag in your page (pages) if you want to experament with and without it. CSS are great tools, I highly recommend learning the basics and using them for formatting your styles where possible... The display: inline; shouldn' t have an adverse affect on what you' re trying to do... in fact, it should be helping! (Tho I am completely Mac illiterate...)

Page: [1] 2 next > >>

Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI

0.109375