11. Get Yourself In... - Receiving error "Oops, try again. It looks like you didn't set your div's opacity to 1. Check the example to in the instructions if you need help! "


#1

Hi, there!

I am receiving "Oops, try again. It looks like you didn't set your div's opacity to 1. Check the example to in the instructions if you need help! " error but I can't find the issue.

I watched tons of posts about this error but none solved this issue for me:

1) Enter the "script" tag, copy/paste css file, copy/paste js file
2) Reset the code and paste it again
3) Reload page
4) Mouse over "button" and wait for 2 seconds
5) Click on "Back to editor" button
6) Tested on Mozilla and Chrome browsers

Can someone please help me?

HTML

<html>
    <script type="text/javascript" src="script.js"></script>
    <head>
        <title>Button Magic</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
    </head>
    <body>
     <div><br/><strong>Click Me!</strong></div>   
    </body>
</html>

CSS

div {
    height: 60px;
    width: 100px;
    border-radius: 5px;
    background-color: #69D2E7;
    text-align: center;
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    opacity: 0.5;
}

JS

$(document).ready(function() {
    $('div').mouseenter(function() {
        $('div').fadeTo('fast', 1);
    });
});


#2

HI your HTML code

<html>
    <script type="text/javascript" src="script.js"></script>
    <head>
        <title>Button Magic</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
    </head>
    <body>
     <div><br/><strong>Click Me!</strong></div>   
    </body>
</html>

this line

<script type="text/javascript" src="script.js"></script>

should be inside the <head></head> tag


#3

LOL, I totally ignored that piece of code!

Thanks for the input!


#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.