SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Why is my gif out of position?

    Hi,

    1. How can I position the bottom left 25x25 pixel gif in http://www.wwwebdesignz.com (created in FP2000)?

    2. How do I close the space at the bottom of the page in http://www.wwwebdesignz.com/faq.htm

    Thank you
    Herman

  2. #2
    SitePoint Wizard
    Join Date
    Jul 2001
    Location
    The Netherlands
    Posts
    2,617
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The first problem you had, with the gif, is just a weird HTML-thing. Try looking up the part of your code where you call on the gif, and find where the table row ends.

    It will look something like this:
    Code:
    <tr>
    <td><img src="the gif"></td>
    <td>some white space</td>
    <td><img src="the other gif></tr>
    As you can see, I placed the end of the row, defined by the </tr>-tag just behind the line on which the last cell of that row is. This way, the little line under the gif should dissappear.

    The second problem is caused by a height attribute, which gives one of the cells a heihght of 1242.
    Try finding the following line in your code:

    Code:
    <td width="20%" bgcolor="#003399" align="left" valign="top" bordercolor="#003399" height="1242">
    It should be a few lines up from the start of the navigation menu. You can alter the 1242 into any number you like. Change it to 600 or so and see if you like it better that way. If it still isn't what you are looking for, you can decrease the number even more. You can also delete the height attribute I think, normally the table cells would then stretch along with the content.

    If you have any more questions, or want some clarification, feel free to ask .

  3. #3
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually Mark, it's more likely that the alignment problem is caused by using percentages for the TD's.

    Vision2000...whenever possible, if a TD contains something that will never change size, like this corner image, you should use fixed widths. This image is 25x25 and will always be 25x25 so you should set the container TD to width="25". This will force the image to be aligned to the rest of the row.

    It's also quite likely that your problem will be solved by a combination of both Mark's and mine suggestions.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  4. #4
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Clarification please..

    I tried both of your suggestions:

    1. </tr> at the end of the table lifted up bottomright gif

    2. 25x25 pixels made no change to it.

    I may have read your explanation wrong, so if you could clarify it further or...

    Thank you
    Herman

  5. #5
    SitePoint Enthusiast
    Join Date
    Mar 2002
    Location
    Salt Lake City Utah
    Posts
    56
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    minor point

    this is not valid (especially in NS)

    <td><img src="the other gif></tr>

    should be

    <td><img src="the other gif"></td></tr>

    Another option to consider, is that in general, HTML is a subset of SGML - a content description language, and the use of tables etc. for positioning is a trick, going back to HTML 3.2's Netscape extensions. CSS-positioning can sometimes work better (but then you have browser compatibility issues to contend with).

    Not to be an elitist extremist, mind you, since I do the same thing.

    But the main problems will be in whitespace between the table tags and content - especially <td> like so

    <td> content </td> will sometimes render completely different from
    <td>content</td>

    Especially in NS

    To help track this down, you should see if it looks the same in IE as well as NS

  6. #6
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    One thing that will defintely help you figure out the problem is to turn on your TABLE borders. Set them to 1 and see what it looks like.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  7. #7
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thank you but...

    I still did not see how to fix this image alignment problem.

    Herman


Bookmarks

Posting Permissions

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