Grow your CSS skills. Land your dream job.

Dynamic page / replace

  • # June 11, 2012 at 1:17 am

    Im working on a site using: http://css-tricks.com/dynamic-page-replacing-content/

    I had fixed a few issues so far with page shifting and awkward loading. The main issue now is that the .current class will not load. In the last comment I explain that on a downclick of the mouse, the class shows up, but will not assign the .current class to the navigation when clicked.

    http://people.ysu.edu/~jtpenezich/lasik/

    # June 11, 2012 at 1:46 am

    When it reloads to a page that is longer (height wise) the footer seems to flash, or the height doesn’t re-size as fast as the fade-in does. But it does work when the page shrinks.

    Edit: The site actually did start working. For a reason I have not found yet, the javascript had to be placed within the root folder, even though it routs it to the js folder. Because of this I changed the original post to reflect on current issues.

    # June 12, 2012 at 3:10 am

    Okay, so latest problem. I added the .current class, but it will not display. If I add them manually they display and fade out, but the javascript does not seem to be adding them in. Anyone know a reason why this would be happening?

    # June 12, 2012 at 3:42 am
    nav ul li a:active, nav ul li a.current {
    background:url(../img/nav-slider.png) no-repeat right center;
    color: #016697;
    }

    Simple current class that I am adding to the links. But as stated above, it will not add the class. It does however add the class when the mouse button is pressed and held. Will not add it permanently after a click.

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

You must be logged in to reply to this topic.

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