Gaps between images in cells

liunx

Guest
ok, here is my problem, im designing a website for my school, and well it looks perfect on ie but in netscape the images for the navigation dont show up, it has something to do with when i put the images in the cell i do <IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" width=100% and height=100%> to fill the cell, i have the cell like this <TD WIDTH=97" HEIGHT=34"> so the image will fill the cell and there wont be a break, but i need to figure out a way how to fix the problem without having to redeisgn, so if anyone could help me figure out how to get rid of the spaces in ie when i put the image in the cell and i put in the HEIGHT=97 and the WIDTH=35 so if you could help me i would be so happy :) thanks<br />
<br />
<br />
Pordante<!--content-->It would be best to find a problem by looking at the code on the page, but nobody posts them. <br />
So as a guess, in your image code add <br />
border="0" <br />
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg"width="100"height="100" border="0"> <br />
(Leave the and out of the code Also use pixels for the height and width). <br />
See if that does it. <br />
If not, Add: <hspace="0"vspace="0"> after each image code.<!--content-->ok well here is my .txt file of the code and the website is at <!-- m --><a class="postlink" href="http://www.geocities.com/nominal678/index2.html">http://www.geocities.com/nominal678/index2.html</a><!-- m --> and check it out if you would, and the whole and thing was just for a conjunction i know not to use that in the code ok so here it is.<br />
<br />
pordante<!--content-->Originally posted by pordante <br />
and well it looks perfect on ie but in netscape the images for the navigation dont show up<br />
<br />
<br />
Are you saying that these HUGE gaps between the images in IE 6.01 are supposed to be there?<br />
Looks pretty broken to me.<br />
<br />
I would have guessed the page should look exactly the way it does in Netscape/Mozilla.<br />
<br />
Perhaps you should provide an image of how you want it to look?<br />
<br />
BTW, not counting the advertizing addon by geosities, you have plenty of coding errors on that page of yours.<br />
<br />
I suggest you go here and fix all the errors.<br />
<!-- m --><a class="postlink" href="http://validator.w3.org">http://validator.w3.org</a><!-- m --><br />
<br />
Your first error will be a critical one about missing a doctype. There MUST be one in every HTML document at the top of the page, eg<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<br />
Also, you are not supposed to abuse <table> to create general page layout. It can make the page very hard to read for eg blind persons.<br />
Since it seems that the page you are doing is for a school in the US, there might even be a risk of getting a fine becuse of designing an inaccessible page.<br />
<br />
You should probably be using CSS to create the layout instead and visit this page to get a hint of how to make an accessible page<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/WAI-WEBCONTENT/">http://www.w3.org/TR/WAI-WEBCONTENT/</a><!-- m --><!--content-->ok this is the original page that i created, <!-- m --><a class="postlink" href="http://www.grapevine.net/~lsbgmid">http://www.grapevine.net/~lsbgmid</a><!-- m -->, and to try and fix the problem, i created an index2.html file on the geocities account to show everyone what i was talkin about, but the grapevine account, the images are not spaced because i used percents, but when i use percents, the image navigation on the left does not show up, but when i use pixels they show up and there arent any gaps between the images in the table, but in ie there are, so i need to figure out how to fix that<br />
<br />
<br />
thanks again<br />
<br />
Pordante<!--content-->Originally posted by pordante <br />
<!-- m --><a class="postlink" href="http://www.grapevine.net/~lsbgmid">http://www.grapevine.net/~lsbgmid</a><!-- m -->, />
<br />
<br />
You have the following code on that page.<br />
<br />
<meta http-equiv="Louisburg Middle School" content="text/html; charset=utf-8"><br />
<meta http-equiv="Louisburg" content="text/html; charset=utf-8"><br />
<meta http-equiv="Louisburg Kansas" content="text/html; charset=utf-8"><br />
<meta http-equiv="Louisburg Schools" content="text/html; charset=utf-8"><br />
<meta http-equiv="Louisburg, Kansas" content="text/html; charset=utf-8"><br />
<meta http-equiv="USD 416" content="text/html; charset=utf-8"><br />
<br />
That does not look right to me.<br />
You are probably looking for <br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br />
<br />
Start with fixing that error and add a doctype, validate you page at <!-- m --><a class="postlink" href="http://validator.w3.org">http://validator.w3.org</a><!-- m --> and get back to us if you still have problems after you have fixed the errors the validator complains about.<!--content-->ALL SORTS OF ERRORS, it says that i have all kinds of crazy errors like i shouldnt have a quotation in a specific place or the attribute doesnt belong there stuff like that so i will edit that main file and check it out thanks a lot for your help man<br />
<br />
<br />
Pordante<!--content-->Originally posted by pordante <br />
ALL SORTS OF ERRORS, it says that i have all kinds of crazy errors like i shouldnt have a quotation in a specific place or the attribute doesnt belong there stuff like that so i will edit that main file and check it out thanks a lot for your help man<br />
<br />
<br />
Some times an error can cause validator errors later on in the webpage even if the later part is correct.<br />
<br />
A good advice is to start to fix the errors one by one from the top and revalidate as you go :)<!--content-->
 
Back
Top