Help... I'm stuck on CodeAcademy

Development Web Development
1

I'm gonna need some more coffee..

So basically I'm taking the HTML and CSS course on www.codeacademy.com

I am picking things up rather quickly I'd say until this "list within lists". It says "Instructions
Go nuts with your lists within lists! The only requirement is that you have at least one ordered list(

    ) and one unordered list (
    )."


  1. one

  2. two

  3. three



  • one

  • two

  • three


*well guys.... I haven't had my coffee yet and I just solved it. Atleast it's letting me proceed. Now I really will go get some coffee. I am a complete newb to this but this stuff is fascinating! lol that's funny that I made a post on this asking for help and at the last moment I got it.. wow..

2

Nice work figuring it out. If you have any further HTML/CSS questions definitely don't hesitate to ask. I would've responded sooner but I didn't see this until now :D

for further messing with lists, you can use CSS to remove or change the default list icon markers too:

ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-alpha {list-style-type: lower-alpha;}

3

Hey if you get this message I would appreciate some help here again. I am stuck on CSS module.

It asks

1.Add an to your HTML document. Its src attribute can point anywhere! (Check the Hint if you're stuck or need a picture.) So I added a pic

angelfire.jpg1024x683

2.On the CSS tab, set your image's height to 100px and width to 300px.

So here I tried to set it as with { }
img
height: 100px;
width: 300px;

3.On the CSS tab, give your image a border of 1px solid #4682b4.

Then I add img with { }
border: 1px solid #4682b4;

It's saying "did you remember to give image a 1px solid #4682b4 border

4

anyone? =)

5

Hmm. I'm not exactly sure that I am understanding the task. It looks like perhaps you are missing a word at the start of the following quote (where I added _______ ) . . .

What kind of object are you supposed to add to the HTML document?

Also, make sure you are using the right formatting in your CSS:

img {
height: 100px;
width: 300px;
border: 1px solid #4682b4;
}

If the goal is to add an image to your HTML document with height of 100px, width of 300px that has a 1px solid border with color of #4682b4 then this CSS should work fine.

1 Like
6

It bugs me that there is no tab on your height width and border....damn ocd

7

This is what I have currently but it's not letting me proceed I will post a pic in a second, thanks =)

codeacad.jpg960x528 88.9 KB

I know this doesn't look good but I am still learning, this is my first course.

8

Haha. Yeah I include tabs in my actual code. I'm really obsessive about indentation as well :)

9

Hmm. Looks fine other than indentation. Make sure to indent each CSS style statement within the brackets. It makes things easier to read when you create long CSS files. I prefer to use the tab key to add an indent, but some folks like to indent with a certain amount of spaces, etc.

Also, you can combine the statements for your paragraphs into one section . . .

p {
font-size: 18px;
color: #4A4943;
font-family: Garamond, serif;
}

Could you give us the HTML you are using for adding in the image?

Edit: ooh also make sure to add a semi-colon after your color statement for h1 . . .

h1 {
font-family: Veranda, sans-serif;
color: #576d94;
}

Always make sure to include semi-colons after every style statement. It also makes it easier to read if you put each style statement on a separate line as I did above.

10

here is an example from my website

#menuCSS ul li a{
text-align:center;
font-family:"Droid Sans Mono","Times New Roman";
text-decoration:none;
height:32px;
width:180px;
display:block;
color:black;	
border-right:1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
}

maybe they want the -bottom -top and -right?

11

Ok thank you. I thought you could combine them somehow.

pic.jpg960x528 87.6 KB

hmmm I will keep trying..

12

picc.jpg960x528 87.8 KB

Ok I made some changes but still? weird..

The border changed so that's good

wtf.jpg960x528 85.5 KB

Well a few mins later and its a go??? That's strange.. not sure if it's a bug lol but thanks =D

13

maybe, but in your first tag you are missing a ; after color.
you have color: #576d94
it should be color: #576d94;

14

ooo ok well thank you for helping anyways =) I am sure I'll be back lol.... *cheers get some coffee!

15

You shouldn't have to declare the separate top, bottom, etc statements when applying a border to an image. I'm wondering if codeacademy is really anal about spacing and indentation like we mentioned earlier since it randomly worked. I'd suggest as a rule of thumb to add a space in between the selector ("p", "h1", "img", etc) and the opening bracket and then also make sure everything withing the brackets are indented properly with semi-colons at the end of each style statement.

The format for the img selector in your most recent screenshot looks good. I would add the space between the selector id and the opening bracket for "h1" and "p" and then make sure to put the semi-colon after the color statement on "h1" like we mentioned.

16

ok will do. Yeah I am noticing some glitches so I am not sure either... I'm about 55% through the html and css course on here.. I think after this I will study through mlwebco

17

Hey, if you ever need more specific help, point me to the section of the tutorial in codecademy. That way I might better understand your situation. I've taken that same course in the past. I also really like web programming. For future reference, I've done some JavaScript too.

1 Like
18

you had border only on 3 sides of image, thats why it didnt passed :)

tip: if you want border only on 3 sides, you can do:
border: 1px solid black;
border-bottom: 0;

:P

19

Well to be honest there is a solution to every of the exercises found on google. But that is not really necessary since you have all the info you need so far from your class. If you want to be a programmer (if we want to consider webdev programming) try not getting spoonfed too much and stress your own brain.
You would learn so much more if you try to solve without asking on forums. Also after this basic introduction start of with some books and get used to this kind of learning, since books are really the best recourse for studying. Giving you the tools and not tempting you to scroll to the solution...

I know webdev is mostly just copy and paste but you should not aim for becoming a codemonkey.

Probably gonna get lots of hate but I had too be written.

20

I appreciate the constructive criticism, I was stuck for over a week on one problem.