Style not staying (4 posts)

  1. dmd54
    Posted 3 years ago #

    I am having a strange problem with my menu. Under "photos" i have a sub menu and there is a pseudo class that adds a triangle at the top of it.

    #mainMenu ul li li:first-child a:after{
        content: '';
        position: absolute;
        top: -8px;
        width: 0;
        height: 0;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-bottom: 14px solid #FFF;

    This was working and now it just stopped. When I look at the CSS with firebug, the left and right border are not showing up. If I add them in firebug the same way I have written in my CSS file the triangle appears. I also noticed that when I view the source code from the browser a # is showing before transparent, I think this is some how causing the problem. However this does not exist in my code! Could someone tell me what's going on???



  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    The submenu triangle is working for me, which browser & browser version are you using?

  3. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    This is what I see using Chrome (latest) Developer tool http://snag.gy/zy2K2.jpg

  4. dmd54
    Posted 3 years ago #

    Ok...thanks a lot for checking and the screenshot. I'm using latest versions of Firefox, Opera and Safari and like I said it was working and then all of sudden stopped. The only thing I can think of is that maybe for some reason my cache and history are not being cleared properly because of the internet I have access to...if that could be a problem?!

    Thanks again.

Topic Closed

This topic has been closed to new replies.

About this Topic