dcsimg
www.webdeveloper.com

View Poll Results: does my site rock http://www.grapevine.net/~josephco

Voters
1. You may not vote on this poll
  • yes

    0 0%
  • no

    0 0%
  • kinda

    0 0%
  • i can crap out better

    1 100.00%
Results 1 to 8 of 8

Thread: Gaps between images in cells

Hybrid View

  1. #1
    Join Date
    Jan 2003
    Posts
    5

    Exclamation Gaps between images in cells

    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

  2. #2
    Join Date
    Dec 2002
    Location
    Lake Havasu City, Arizona
    Posts
    527
    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.
    Last edited by jdavia; 01-07-2003 at 01:42 AM.

  3. #3
    Join Date
    Jan 2003
    Posts
    5
    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
    Attached Files Attached Files

  4. #4
    Join Date
    Nov 2002
    Posts
    984

    Re: Gaps between images in cells

    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/

  5. #5
    Join Date
    Jan 2003
    Posts
    5
    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

  6. #6
    Join Date
    Nov 2002
    Posts
    984
    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.

  7. #7
    Join Date
    Jan 2003
    Posts
    5
    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

  8. #8
    Join Date
    Nov 2002
    Posts
    984
    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

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles