[ SOLVED ] Bug in "Identification, Please"

Level Help
1

Hello! I’ve been working on Web Development 1, and I got to the level “Identification, Please” ( the second-to-last level ) and I can’t seem to solve it. I’ve been working at it for a few days now, and today my teacher finally looked up the answer, and it was exactly the same as the code I have. I re-typed the whole thing, I’ve restarted the level multiple times, but it’s just not working. I really want to finish this level, please help!

1 Like
2

Howdy and welcome to the forum!

Please post your code, properly formatted. You can learn how here: [Essentials] How To Post/Format Your Code Correctly

Doing so will allow us to examine your issue closely and better enable us to provide assistance.

3

So what is your code then @meep

4
/* The "#" modifier is used to target an "id". */ #element1 { color:red; } #element2 { /* Change this element's text-align: */ text-align: center; } /* Add a rule for #element3 */ #element 3 { /* Change #element3's background-color: */ background-color: purple; }

Archer Person

  • Has a hood.
  • Shoots a bow.
  • Carries arrows.

@Jeremy_Yu
@dedreous

5

Sorry, but we need your actual code. This appears to be a representation of the output, the left side of the screen.

6

I posted my actual code… did I do something wrong? I copied my code and pasted it in, is it not showing up that way?

7

It did not…it should look something like this:

<!-- Specific tags can be given an "id" attribute. -->
<!-- The "id" attribute should be a unique identifier! -->

<style>
    /* The "#" modifier is used to target an "id". */
    #element1 {
        color:red;
    }

This is only a partial paste of the code for this level.

8 
<!-- Specific tags can be given an "id" attribute. -->
<!-- The "id" attribute should be a unique identifier! -->

<style>
    /* The "#" modifier is used to target an "id". */
    #element1 {
        color:red;
    }
    #element2 {
        /* Change this element's text-align:  */
        text-align: center;
    }
    /* Add a rule for #element3 */
    #element 3 {
        /* Change #element3's background-color: */
        background-color: purple;
}
</style>
<div class="descriptive">
    <img id="character" src="/file/db/thang.type/52cee45a76ebd5196b00003a/portrait.png">
    <h2>Archer Person</h2>
    <ul>
        <li id="element1">Has a hood.</li>
        <li id="element2">Shoots a bow.</li>
        <li id="element3">Carries arrows.</li>
    </ul>
</div>
9

I found it, I only joined today, so I hadn’t found the preformatted bit yet. Sorry

10

No worries…and welcome to the forum! :grin:

One thing that will always byte you is spelling, capitalization and punctuation. Ignoring brackets, since this is just a part of your code, do you see anything wrong with element three?:

    #element1 {
        color:red;
    }
    #element2 {
        /* Change this element's text-align:  */
        text-align: center;
    }
    /* Add a rule for #element3 */
    #element 3 {
        /* Change #element3's background-color: */
        background-color: purple;
}
1 Like
11

Ah is that why it’s not working? Thanks! :smiley:

12

so have you solved it or are you still struggling

13

I solved it with the help of the awesome @dedreous!

1 Like
14

@dedreous is so good at coding no wonder she / he helped you solve it

1 Like
15

@dedreous is replying

16

I’ve moved the topic to the Level Help category…if you refresh, you should now see a Solution check-box in the replies…select one of these to mark the topic as solved. (Editing the title works too :wink:)

17

hey guys what happens if I press “bookmark this post”

18

@meep and @dedreous are replying

19

I think it saves the topic / reply. I actually have no idea, I’m just guessing

20

You will be able to come back to it, just like a bookmark in your browser…only there is not ‘bookmark bar’; you have to find it, instead.