Gaps between images in cells [Archive]

Click to See Complete Forum and Search --> : Gaps between images in cells

pordante

01-07-2003, 12:17 AM

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="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

Pordante

jdavia

01-07-2003, 12:31 AM

It would be best to find a problem by looking at the code on the page, but nobody posts them.
So as a guess, in your image code add
border="0"
<IMG SRC="image.jpg"width="100"height="100" border="0">
(Leave the and out of the code Also use pixels for the height and width).
See if that does it.
If not, Add: <hspace="0"vspace="0"> after each image code.

pordante

01-07-2003, 12:48 AM

ok well here is my .txt file of the code and the website is at http://www.geocities.com/nominal678/index2.html 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.

pordante

Stefan

01-07-2003, 03:34 AM

Originally posted by pordante
and well it looks perfect on ie but in netscape the images for the navigation dont show up

Are you saying that these HUGE gaps between the images in IE 6.01 are supposed to be there?
Looks pretty broken to me.

I would have guessed the page should look exactly the way it does in Netscape/Mozilla.

Perhaps you should provide an image of how you want it to look?

BTW, not counting the advertizing addon by geosities, you have plenty of coding errors on that page of yours.

I suggest you go here and fix all the errors.
http://validator.w3.org

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

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.
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.

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
http://www.w3.org/TR/WAI-WEBCONTENT/

pordante

01-07-2003, 08:44 AM

ok this is the original page that i created, http://www.grapevine.net/~lsbgmid, 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

thanks again

Pordante

Stefan

01-07-2003, 10:59 AM

Originally posted by pordante
http://www.grapevine.net/~lsbgmid,

You have the following code on that page.

<meta http-equiv="Louisburg Middle School" content="text/html; charset=utf-8">
<meta http-equiv="Louisburg" content="text/html; charset=utf-8">
<meta http-equiv="Louisburg Kansas" content="text/html; charset=utf-8">
<meta http-equiv="Louisburg Schools" content="text/html; charset=utf-8">
<meta http-equiv="Louisburg, Kansas" content="text/html; charset=utf-8">
<meta http-equiv="USD 416" content="text/html; charset=utf-8">

That does not look right to me.
You are probably looking for
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Start with fixing that error and add a doctype, validate you page at http://validator.w3.org and get back to us if you still have problems after you have fixed the errors the validator complains about.

pordante

01-07-2003, 11:29 AM

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

Pordante

Stefan

01-07-2003, 01:41 PM

Originally posted by pordante
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

Some times an error can cause validator errors later on in the webpage even if the later part is correct.

A good advice is to start to fix the errors one by one from the top and revalidate as you go :)