SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    May 2010
    Posts
    228
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    mystery bottom border in firefox

    why is there a line that appears below the animated flag in the left sidebar when you view this site in firefox but not when viewing in chrome?

    please advise. thanks in advance.

  2. #2
    SitePoint Addict sdleihssirhc's Avatar
    Join Date
    Feb 2009
    Posts
    387
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I'm not sure why it shows up in Firefox only, but adding this CSS seems to get rid of it:

    Code CSS:
    #USA img {
        display: block;
        margin: 0 auto;
    }
    I'm the web overlord for Graphic Business Systems

  3. #3
    SitePoint Addict
    Join Date
    Nov 2009
    Posts
    310
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Seems to be related to text-decoration property. You can remove underline from #USA and add underline to just links in #USA such as:

    HTML Code:
    #USA {
    text-align: center;
    text-decoration: none;
    }
    #USA a {
    text-decoration: underline;
    }

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,352
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    As mentioned above the line was from the text-decoration rule you applied to it.

    You also have an invalid structure as anchors can't contain block level elements (outside of html5).

    Code:
    <a href="/made-in-usa-towels.aspx"><h3>Towels Made Exclusively<br />In the USA!</h3></a>
    It should be:

    Code:
    <h3><a href="/made-in-usa-towels.aspx">Towels Made Exclusively<br />In the USA!</a></h3>

  5. #5
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    You also have an invalid structure as anchors can't contain block level elements (outside of html5).
    Which is really just the tip of the iceberg so far as problems with the page goes -- the massive images replacing what should be headers and text with zero images off graceful degradation, the massively stuffed keywords meta making 100% certain it doesn't do anything, scripting for christmas only knows what, that WONDERFUL ASP form around it for no good reason other than the ASP tool used to build the page being rubbish, clearfix and other nonsense inlined in the markup for no good reason, tables for layout, nonsensical heading orders with missing headers, multiple nested div and classes for no good reason... not surprising it's 12k of HTML for 1.2k of actual text content; basically twice the HTML that should be necessary "as is" -- and if you axe those images that should be text and get text in there, that still would only add about 2k back onto it...

    Don't take this too hard -- but it's a laundry list of how not to build a website.

  6. #6
    SitePoint Addict
    Join Date
    May 2010
    Posts
    228
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    thanks everyone. good points all around. i picked up this project where the last person left off so i'm cleaning up a mess.


Tags for this Thread

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
  •