Grow your CSS skills. Land your dream job.

Website Problems – CSS and JS

  • # February 11, 2011 at 4:39 pm

    Hello,

    I have just finished my own portfolio site. Im having a few problems that I cant figure out the answer to myself. I was hoping some of you could help me.

    Problem 1
    outline in IE and Firefox on some images even when I have outline: none; on both the html and body elements in the css. Example can be see herehttp://www.michaeloneilldesign.com/services.html. Click any of the headings in Firefox or IE and an outline appears. Any ideas ?

    Problem 2
    return false; not working in Firefox. Go to http://www.michaeloneilldesign.com/and click the contact link. A lightbox should pop up with the formstack form however it is opening the form in a new window. Any ideas ?

    Problem 3
    Dynamic Tabs (The code is from the Sprite Accordion here on the CSS Tricks download page) – They wont work properly in IE. Example can be seen here http://www.michaeloneilldesign.com/portfolio.html.

    Thanks for your help.
    Micky

    # February 11, 2011 at 4:50 pm

    All of your links are broken

    # February 11, 2011 at 4:50 pm

    not now…

    # February 11, 2011 at 5:38 pm

    I get this when I try to few it in Firefox:

    The page you are trying to view cannot be shown because it uses an invalid or unsupported form of compression.

    In Chrome my entire browser chugs and it’s difficult even to scroll the site.

    I don’t see any of the outlines you mentioned in IE8.

    I’m not sure where the tabs are that you mention.

    It might not be the best to link to a validation service when your site doesn’t validate! http://validator.w3.org/check?uri=http://www.michaeloneilldesign.com/services.html&charset=(detect+automatically)&doctype=Inline&group=0

    # February 11, 2011 at 5:56 pm

    @TheDoc Im not getting the same problems you’re getting in chrome and firefox. The tabs are on the services page. The whole site will be compliant when I have solved the above problems. The only part I cant get to validate compliant is the facebook like link.

    # February 11, 2011 at 5:58 pm

    @TheDoc My bad – the tabs are on the portfolio page. http://www.michaeloneilldesign.com/portfolio.html

    # February 11, 2011 at 6:01 pm

    The tabs in the portfolio section are working fine for me in IE8.

    Still can’t get the page to load in FF 3.6 or 4.0Beta.

    # February 11, 2011 at 6:09 pm

    Im using FF 3.6 and its working fine both offline and online. I will have to test it on a different computer. Thanks for your help

    # February 11, 2011 at 6:24 pm

    @TheDoc I tried the site on Firefox 3.6 on a different computer and experienced the same problem. A help article said to just clear your cache. I did it and it now works fine. It must a be a bug in firefox.

    # February 11, 2011 at 6:32 pm

    But certainly if you sent a user to your site you couldn’t expect them to clear their cache!

    # February 11, 2011 at 6:43 pm

    You’re very right. But I have no idea why it happens. Theres nothing overly complicated about the site that should be causing this problem.

    # February 14, 2011 at 2:25 am

    Having the same problem viewing the site using FF3.6 Mac. Googled it and found the following:

    “In case anyone gets this problem in future, the solution was strange.

    It turns out that Windows text files are saved with Carriage Return Line Feeds, which are different to standard Line Feeds. (Macs use CR, Window CRLF and Unix LF) I had my line endings as CRLFs which is what was causing the problem.

    Using Notepad2 I changed the line endings to LF and it seems to be ok now.

    Another thing that seemed to cause the same problem was echo statements, although I couldn’t pinpoint why they were causing it.

    If not this, then check your GZIP settings for your site”

    at: http://forums.digitalpoint.com/showthread.php?t=1390201

    Don’t know if that might be helpful — good luck!

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".