Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Regular Coder
    Join Date
    Nov 2009
    Posts
    202
    Thanks
    25
    Thanked 0 Times in 0 Posts

    images not loading, and table not being where I want it to be

    if you check out:
    u s e r s (dot) r c n (dot) c o m / r o b e r t (dot) a c k e r t /

    There are two major problems I'm having here:

    1. In firefox, the scrolling text in the table sits closer to where I want it to, but in chrome it is off to the left.

    2. the borders around the image aren't displaying.

    any ideas?
    Last edited by cyborg360; 12-20-2009 at 01:38 AM.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    Not sure what you mean about the text but you have a 777x582 px image resized to 698x171 px inside a 697x170 div - no chance of seeing any borders that way. See how the box model works.
    I do not see where you're setting any borders on that image... Are you talking about a different image than 3.jpg?

    You have, including scripts and spaces, 174 lines of code and still manage to have 171 errors
    A lot of those are easy fixes...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Nov 2009
    Posts
    202
    Thanks
    25
    Thanked 0 Times in 0 Posts
    there are three images that act as visual borders around the image. one is called border_short_vert.png. I can take a screenshot inside expression if youd like.

    I've looked at the w3c validator. it seems like it may be a bit too picky. even on codingforums.com it lists 54 errors. when you use the validator do you try to resolve every issue or just target certain areas that are giving you problems?

    i have a table with js scrolling text to the right of the page and right of that image.

  • #4
    Regular Coder
    Join Date
    Nov 2009
    Posts
    202
    Thanks
    25
    Thanked 0 Times in 0 Posts

    heres a screenshot

    here is the screenshot with the orange borders (images)
    Attached Thumbnails Attached Thumbnails images not loading, and table not being where I want it to be-help.jpg  

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    Same issue though, border_short_vert.png is 169x11 and the div you're putting it in is 164x16... That would cause some overflow issues...

    I don't see that border_short_vert.png is at the location you link. Check your paths maybe? Look at the listing that shows up - http://users.rcn.com/**************/images/
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    Regular Coder
    Join Date
    Nov 2009
    Posts
    202
    Thanks
    25
    Thanked 0 Times in 0 Posts
    ok, somehow the vert border was removed from my host server, and I had to reupload the other horz borders, and now they all display. weird.

    are you saying that the fact that the images aren't exactly the same size as the divs means the table with the scrolling text could be moved?

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    I have no idea what that would do to tables - never use them myself. I'm just pointing out the widespread mis-match in sizes in the way your coding your site. Sure, overflow:hidden; might cure some size problems, but why make the end user download a 777x582 sized image when they don't get to see but 30% of it?

    For your other question,
    w3c validator. it seems like it may be a bit too picky.
    I don't think that's the case at all.
    I would recomend fixing every error you possibly could. Some may be more difficult than others, some may have no real effect on the layout of your page. No matter, valid code still removes the possibility of invalid code being the source of your problem.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #8
    Regular Coder
    Join Date
    Nov 2009
    Posts
    202
    Thanks
    25
    Thanked 0 Times in 0 Posts
    ive taken it out of a table and used a div, but have the same issue: firefox displays it ok, but not chrome or IE
    Last edited by cyborg360; 12-20-2009 at 02:38 AM.


  •  

    Posting Permissions

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