Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 12
  1. #1
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    I'm trying to redesign ADAM Web Design, and for some reason this keeps happening:

    http://www.adamwebdesign.ca/newlayout2004/wdfindex.html

    Right at the top, the graphics shift down one pixel. That's why there's temporary padding for the menu below it; to demonstrate the jog (it's also why I did the graphic in orange and blue for now).

    This happens in both IE and Firefox, and I've tried about half a dozen things (absolute positioning, setting the height 1 pixel lower than the height of the cell, setting the cell height one lower, and I forget what else).

    Que te pasa?
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  2.  

  3. #2
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    And have you tried relative positioning?
    Code:
    .nuts {
    position:relative;
    top:1px
    }

  4. #3
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    Well the problem is that you have an image in the table cell with ID="topmiddle" stretched to the width of the cell. You can just get rid of the image if you dont need it there, It does not seem to server a porpose:
    HTML Code:
    <td id="topmiddle"><img src="Webimages/images/untitled-1.jpg" style="border:  none;  position:  absolute:  top:  0 margin:  0px;" width="490" height="100" alt="" /></td>
    or apply css to specifically target it, and move it up.
    HTML Code:
    #topmiddle>img[src="Webimages/images/untitled-1.jpg"]{
      position:relative;
      top: -1px;
    }
    but since ie does not recognize such a 'complex selector' this will work, but it will affect any images inside the cell.
    HTML Code:
    #topmiddle img {
      position:relative;
      top: -1px;
    }


  5. #4
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    glyakk: it does actually serve a purpose. Not that particular image, mind you, but the one I want to put there in its place. I just used that to show the "jog" effect. There's actually a different image.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  6. #5
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    The issue is you're using so many tables that the browser can't keep up... The background of a table, does not line up with the borders of its cells (retarded, I know).

    Why not just get rid of all the images/etc and do this:

    Code:
    body{
    background: url(./Webimages/images/images/untitled-1.jpg) #F7F7F7; repeat-x top
    }
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  7. #6
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    There really isnt too many tables that the browser couldnt keep up. Its just that this is a problem that is inherient when you mix css and tables period, especially nested ones.

    Did you try my second suggestion? It should have worked.


  8. #7
    Senior Member james's Avatar
    Join Date
    May 2003
    Location
    Melbourne, AUSTRALIA
    Posts
    364
    Member #
    1352
    I always put cellpadding="0" cellspacing="0" border="0" into my table tags. I makes them revert to normal blocks, and doesn't affect the CSS equivalents padding, margin and border.
    James H
    Home Page · Mars Page · www.fihsf1.net (formerly www·fihs·net)

  9. #8
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Can't do that, james: it's not valid XHTML. This is my first try at doing a proper site in XHTML.

    I'll try the background idea.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  10. #9
    Member
    Join Date
    May 2004
    Posts
    76
    Member #
    5925
    This happens to me sometimes when I check my page in netscape. In your css try adding "display: block;" for that one cell that shifts down a pixel, and see if that helps. Also check to make sure your cellspacing, cellpadding, border are 0 for all tables.
    I am also making my site in xhtml(strict), and it can do some pretty funky things.

  11. #10
    Senior Member james's Avatar
    Join Date
    May 2003
    Location
    Melbourne, AUSTRALIA
    Posts
    364
    Member #
    1352
    Yes, XHTML 1.1 doesn't support those properties, 1.0 does.
    James H
    Home Page · Mars Page · www.fihsf1.net (formerly www·fihs·net)


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:34 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com