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 15 of 15
  1. #1
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    7
    Thanked 0 Times in 0 Posts

    White boxes below images.

    White boxes below images.
    Looking for some constructive help on an issue I am having on a website that I am working on.
    http://www.brugomug.com/about_brugo.html
    On all of the pages that are designed like the "about" page, there is a white box appearing below the 2 graphics at the top of the page.
    Interesting part in that it is NOT happening in IE... However in FireFox it is happening. Usually this happens the opposite - the problem is in IE and not other browsers that are more compliant with W3C standards.
    I am wondering if it is a specific issue pertaining to IE as there are serious problem that have been plaguing IE over the years - not being compliant with W3C standards.
    Any ideas of what is going on here?
    Thanks, Brent

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Do you know why tables for layout is very bad?

    I'd recommend you to check http://www.bonrouge.com/2c-hf-fixed.php, which is a good table less layout.

    Also, read the importance of having a good DOCTYPE, your current one is incomplete.

    After all, validate your site and the errors in your markup.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    emedia (03-12-2009)

  • #3
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Thank you for all of this info! I will check it out. Unbelievable - all of the errors! I am new to this and have inherited this site from another developer.
    Thanks again for the quick reply!

  • #4
    New Coder
    Join Date
    Mar 2009
    Posts
    65
    Thanks
    4
    Thanked 4 Times in 4 Posts
    I would definitely second what abduraooft said. I would also propose that you not use the flash logo at the top. Using flash, and integrating it into the page's layout can be tricky. I would suggest that you instead use a gif animation sequence, if you wanted it to be animated. Also once you're done cleaning up the page, take the time to design a favicon image. You can use a simple generator like this one : http://tools.dynamicdrive.com/favicon/ It will definitely make your website seem more professional.

  • #5
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by mwgriffin View Post
    I would definitely second what abduraooft said. I would also propose that you not use the flash logo at the top. Using flash, and integrating it into the page's layout can be tricky. I would suggest that you instead use a gif animation sequence, if you wanted it to be animated. Also once you're done cleaning up the page, take the time to design a favicon image. You can use a simple generator like this one : http://tools.dynamicdrive.com/favicon/ It will definitely make your website seem more professional.
    Good advice on the favicon but I'd have to disagree (sorry!) about losing the flash. You might want to have a static PNG image load as a backup if flash is disabled but I think your quality will suffer if you abandon the flash all together. Besides, I think it's a really nice little logo sequence. Very subtle and tasteful.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    emedia (03-13-2009)

  • #6
    New Coder
    Join Date
    Mar 2009
    Posts
    65
    Thanks
    4
    Thanked 4 Times in 4 Posts
    Here I actually quicky just made one for you to save you the trouble, although you should still practice it so that you learn how to do it. you can find it on my website here: http://www.mwgriffin.com/Storage/favicon.ico save it to your computer, upload it to your site, and just put that in the same folder as your main index page and insert this line of code in the header portion of what ever page you want to display it:

    Code:
    <link rel="shortcut icon" href="favicon.ico" />

  • Users who have thanked mwgriffin for this post:

    emedia (03-13-2009)

  • #7
    New Coder
    Join Date
    Mar 2009
    Posts
    65
    Thanks
    4
    Thanked 4 Times in 4 Posts
    yeah I just suggested loosing the flash part only if a solution couldn't be found. I too enjoy it. But I'd have a static back up for some visitor who doesn't have flash.

  • Users who have thanked mwgriffin for this post:

    emedia (03-15-2009)

  • #8
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Doctype

    Thank you ALL for the great feedback and information - I have so much to learn

    How do you know which DOCTYPE to use???

  • #9
    UE Antagonizer Fumigator's Avatar
    Join Date
    Dec 2005
    Location
    Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant
    Posts
    7,691
    Thanks
    42
    Thanked 637 Times in 625 Posts
    You can go to W3C to find the correct format for doctypes.

    http://www.w3.org/QA/2002/04/valid-dtd-list.html

    You should try to use strict XHTML 1.0 if you can, as it is the most compliant going forward into the future.

  • Users who have thanked Fumigator for this post:

    emedia (03-13-2009)

  • #10
    New Coder
    Join Date
    Feb 2009
    Location
    Los Angeles
    Posts
    41
    Thanks
    2
    Thanked 1 Time in 1 Post
    I think you're possibly missing a </table> tag about here:

    Code:
    <td width="140"><a onMouseOver="changeImages('see_brugo_button','images/see_brugo_button-over.gif');return true" onMouseOut="changeImages('see_brugo_button','images/see_brugo_button.gif');return true" href="see_brugo.html"><img id="see_brugo_button" src="images/see_brugo_button.gif" alt="See Brugo" name="see_brugo_button" border="0"></a></td>
    										</tr>
    									</table>
    								</td>
    							</tr>
    </table>
    When i change the bgcolor from white to black here:
    Code:
    <td rowspan="2" valign="top"><csobj csref="../brugo.com.data/Components/sub-page_top.html" h="104" occur="65" t="Component" w="779">
    						<table width="779" border="1" cellspacing="0" cellpadding="0" align="center" bgcolor="black">
    the extra space turned black where it was showing up white on the page.

    It could be possible that the borders of your multiple nested tables are creating whitespace, but I'm not sure. just change the bgcolor to black first and then see.

  • #11
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    7
    Thanked 0 Times in 0 Posts
    A solution to my problem

    Add this rule to your stylesheet...
    Code:

    object {
    display:block;
    }


    Like the img element the object element is an inline element and can often cause the problem that you have experienced.

    Further reading:-

    * Eric A. Meyer article

  • #12
    New Coder
    Join Date
    Mar 2009
    Posts
    65
    Thanks
    4
    Thanked 4 Times in 4 Posts
    hey awesome. Did you check out the favicon i created for you? It's just there to illustrate what you can easily do to make your website look a little better.

  • #13
    New Coder
    Join Date
    Feb 2009
    Location
    Los Angeles
    Posts
    41
    Thanks
    2
    Thanked 1 Time in 1 Post
    I still see the whitespaces......did you change the code yet?

    Also, the graphics are out of line, so they are offset from the main graphic.

  • #14
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    8
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Thanks Mike!
    Take a look now... We had some other issues going on as I messed with the align and valign code.
    Thanks MW!
    I will need to present the favicon to the client for approval - Great idea! They are in the midst of a redesign and I can definitely see them using one in that redesign.

  • #15
    New Coder
    Join Date
    Mar 2009
    Posts
    65
    Thanks
    4
    Thanked 4 Times in 4 Posts
    Yeah, well the favicon doesn't obviously have to be that, but it would make sense as it's the logo of the company. One more thing that I noticed is that for your flash animation at the top of the page, I noticed that it is linking back to the "index.html". I suggest changing that link to this: http://www.brugomug.com as it will not then display the "index.html" in the url, just something small, but hey every little bit counts. I'll look over the website and see if I can find any other improvements that could be made. Looks good so far though. Good job

  • Users who have thanked mwgriffin for this post:

    emedia (03-18-2009)


  •  

    Posting Permissions

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