These are chat archives for FreeCodeCamp/Help

9th
Mar 2017
LondonCoder193
@LondonCoder193
Mar 09 2017 00:00
I'm just doing it to pass downtime at work really lol
Although it's fun so far!
Josh Goldberg
@GoldbergData
Mar 09 2017 00:00
@LondonCoder193 Nice. We all have our reasons. It seems fun. Cool community too
jmanny1
@jmanny1
Mar 09 2017 00:00
@Manish-Giri sorry haha sorry bro but thinks the great wise one @Manish-Giri
LondonCoder193
@LondonCoder193
Mar 09 2017 00:00
@GhostTheSavage and now it's 5 and I'm off! See you all tomorrow! :)
Josh Goldberg
@GoldbergData
Mar 09 2017 00:01
@LondonCoder193 night!
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 09 2017 00:02
Guys, how do i add a class to a image if it s has something where the class is supposed to be already<img src="https://bit.ly/fcc-relaxing-cat"
Manish Giri
@Manish-Giri
Mar 09 2017 00:03
@jmanny1 :+1:
Anh Nguyen
@tiremon112
Mar 09 2017 00:03
@Manish-Giri going to try make the obstacle moving next, make it unbeatable lol :trollface:
Yakubu El-Rufai Mahatma
@snaps23
Mar 09 2017 00:03
hey guys
Tarannum Gupta
@t23gupta
Mar 09 2017 00:05
Hi guys, I'm Tarannum Gupta and I'm new here
So I was doing some challenges on HTML and CSS and I've to nest an a element within a p element and this is what I've done:
<p>View more
<a href="http://www.freecatphotoapp.com">
cat photos
</a>
</p>
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:06
@MyBoyNaked just put it beside it in the opening tag
Tarannum Gupta
@t23gupta
Mar 09 2017 00:06
It's still showing me an error...help anybody>
?*
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:06
hmm that should work.
whats the name of the lesson
Tarannum Gupta
@t23gupta
Mar 09 2017 00:08
Nest an Anchor Element within a Paragraph
JacobMonster14
@JacobMonster14
Mar 09 2017 00:08
how do i create a html element
Tarannum Gupta
@t23gupta
Mar 09 2017 00:08
Create a new p element around your a element.
Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).
These are the errors I'm getting...
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:09
do you have a space after view more?
@t23gupta
<p>View More <a href="http://www.freecatphotoapp.com">cat photos</a></p>
Adrin Prasad
@GeneralDumbo
Mar 09 2017 00:10
Hey you guys I haven't coded in months and I finished of jquery last time I coded, do you guys think that I should redo all the lessons one more time?
Anh Nguyen
@tiremon112
Mar 09 2017 00:11
@GeneralDumbo you should know the answer for that
it is your knowledge lul
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:11
Going back over it doesn't hurt.
Shouldn't take long.
Adrin Prasad
@GeneralDumbo
Mar 09 2017 00:11
Well I'm not confident, and it should be a quick review
One more question which is off topic does AP calculus bc count as calculus 2?
Yakubu El-Rufai Mahatma
@snaps23
Mar 09 2017 00:13
@GeneralDumbo if you are asking this question, then i will say u'v forgetten most lesson and probably should go in for them again
Anh Nguyen
@tiremon112
Mar 09 2017 00:13
probably not @GeneralDumbo
MacSwan
@MacSwan
Mar 09 2017 00:14
how do I add height to my <div class=“col-md-6> ?
Adrin Prasad
@GeneralDumbo
Mar 09 2017 00:14
@tiremon112 🙁 thanks
CamperBot
@camperbot
Mar 09 2017 00:14
generaldumbo sends brownie points to @tiremon112 :sparkles: :thumbsup: :sparkles:
:cookie: 363 | @tiremon112 |http://www.freecodecamp.com/tiremon112
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:14
I would assume you give it a separate class and then add a height attribute to it in the style tags
@MacSwan
MacSwan
@MacSwan
Mar 09 2017 00:15
Thanks @AndrewOscarDelta
CamperBot
@camperbot
Mar 09 2017 00:15
macswan sends brownie points to @andrewoscardelta :sparkles: :thumbsup: :sparkles:
:cookie: 103 | @andrewoscardelta |http://www.freecodecamp.com/andrewoscardelta
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:17
np
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 09 2017 00:23
Help...
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:23
?
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 09 2017 00:23
How do i add a class to it if it has something in its class spot
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
i want to put class smaller-text there but idk how
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:24
anywhere
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 09 2017 00:24
what do you mean
ogunsade adeiye abraham
@Adeiye
Mar 09 2017 00:24
i'm loving to code now o
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:24
I mean anywhere in that img tag you can put the class
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 09 2017 00:24
<img src class="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
like that ?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:24
nope
the class is smaller-text
the src is still the link
class="smaller-text"
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 09 2017 00:25
<img src class"smaller-text"http://.....
like that
sorry ive been here for a week now...
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:26
<img class="smaller-text src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 00:26
Is anyone here a CSS expert?
Margaret
@Margaret2
Mar 09 2017 00:27
class name is smaller-image guys...
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 09 2017 00:27
@AndrewOscarDelta Okay thank you
CamperBot
@camperbot
Mar 09 2017 00:27
:cookie: 106 | @andrewoscardelta |http://www.freecodecamp.com/andrewoscardelta
myboynaked sends brownie points to @andrewoscardelta :sparkles: :thumbsup: :sparkles:
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 00:27
Margraet can you help with with a little problem im having
Margaret
@Margaret2
Mar 09 2017 00:27
@RiseOfHaxers possibly
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:28
@Margaret2 I mean I didn't check the lesson to see what the class name was but the problem he was having was the placement of the class lol
Margaret
@Margaret2
Mar 09 2017 00:28
@AndrewOscarDelta yeah, just sometimes people can take you very literally
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:29
Fair enough
Margaret
@Margaret2
Mar 09 2017 00:29
like you give an example and they blindly paste it in
I want my "Welcome to Home Room Chat to be in the middle of the page on top and i am having some css probelms doing it
@Margaret2
Colin Daly
@colindaly
Mar 09 2017 00:30
@RiseOfHaxers The link in this line isnt going to work > http://path/to/font-awesome/css/font-awesome.min.css
Margaret
@Margaret2
Mar 09 2017 00:31
@RiseOfHaxers is it ok if the image is centered along with the text or does it have to be just the text
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 00:31
im not worried about that im asing for the "Welcome to Home Room Chat" to be in middle on top header area
Just the text please @Margaret2
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 09 2017 00:32
@Margaret2 I wouldnt have just pasted it in, but that you for making sure i didnt
Margaret
@Margaret2
Mar 09 2017 00:32
@RiseOfHaxers ah, well the easiest way to do it is like this:
.head{
  text-align:center;
}
.head a{
  float: left;
}
@MyBoyNaked np :+1:
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 00:33
@Margaret lemme check
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:33
Don't ever copy and paste code when you're learning.
It's not NEARLY as helpful as typing it all out yourself.
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 09 2017 00:34
I did that the first day i was here but now i takes notes for coding on evernote
Colin Daly
@colindaly
Mar 09 2017 00:34
@Margaret2 @RiseOfHaxers Even easier is to change the last CSS rule from .head span { ...} to .head {...}
Margaret
@Margaret2
Mar 09 2017 00:34
@colindaly what are you talking about
there is no .head span in my css
oh, in his i see
might have to move the padding though
JacobMonster14
@JacobMonster14
Mar 09 2017 00:37
i am trying to change my p element to red and give it the class red-text
whats wrong here is my code
Cade Touchet
@Cade801
Mar 09 2017 00:37
is it just me or is bootstraps cols and rows confusing?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:37
I notice a lot of people get stuck on that one.
JacobMonster14
@JacobMonster14
Mar 09 2017 00:37
<p>
red-text {
color: red
}
<style>
.red-text {
color: red;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
Colin Daly
@colindaly
Mar 09 2017 00:37
@JacobMonster14 remove the <p> css rule
MacSwan
@MacSwan
Mar 09 2017 00:37
<you’re mixing your html and css. keep the css within the <style></style> tags
Cade Touchet
@Cade801
Mar 09 2017 00:37
you also need a ; after color: red
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:37
What they said.
Andrew Shieh
@andrewlikes
Mar 09 2017 00:38
About @davidnodavid
CamperBot
@camperbot
Mar 09 2017 00:38
:cookie: 110 | @davidnodavid |http://www.freecodecamp.com/davidnodavid
Colin Daly
@colindaly
Mar 09 2017 00:38
@JacobMonster14 Code should simply be....

<style>
.red-text {
color: red;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:38
He won't need the ; after red because he'll be deleting that :P
JacobMonster14
@JacobMonster14
Mar 09 2017 00:39
thank you it worked
Anh Nguyen
@tiremon112
Mar 09 2017 00:41
About @andrewlikes
CamperBot
@camperbot
Mar 09 2017 00:41
:cookie: 391 | @andrewlikes |http://www.freecodecamp.com/andrewlikes
Andrew Shieh
@andrewlikes
Mar 09 2017 00:42
:smile:
Alexander Køpke
@alexanderkopke
Mar 09 2017 00:44
@colindaly ty
CamperBot
@camperbot
Mar 09 2017 00:44
alexanderkopke sends brownie points to @colindaly :sparkles: :thumbsup: :sparkles:
:cookie: 28 | @colindaly |http://www.freecodecamp.com/colindaly
Colin Daly
@colindaly
Mar 09 2017 00:45
Hat tip @alexanderkopke
Mark Halvorsen
@mAdatee
Mar 09 2017 00:46
Hi there! I've been stuck on "Use Responsive Design with Bootstrap Fluid Containers" for longer than I care to admit. Could someone point me in the right direction?
Colin Daly
@colindaly
Mar 09 2017 00:46
Anything in particular you'd like to know @mAdatee ?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:47
@mAdatee Can you be more specific?
Andrew Shieh
@andrewlikes
Mar 09 2017 00:47
:point_right:
Mark Halvorsen
@mAdatee
Mar 09 2017 00:47
I'm not sure how to nest all of my HTML elements in class .container-fluid or how to give my div element the class container fluid.
Alexander Køpke
@alexanderkopke
Mar 09 2017 00:48
@mAdatee make a new div, give it the class of container-fluid, then put the rest of your code inside those div tags that you just created
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:48
Awww no fun ^
Andrew Shieh
@andrewlikes
Mar 09 2017 00:48
:point_right: :door:
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:48
I'm sure he would've got it with some direction
Andrew Shieh
@andrewlikes
Mar 09 2017 00:48
The right direction
:P
Mark Halvorsen
@mAdatee
Mar 09 2017 00:49
So, just cut and paste the entire code into the new div? It can't be that simple....
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:49
it is indeed
Andrew Shieh
@andrewlikes
Mar 09 2017 00:49
All your HTML code
Not your CSS
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:49
well dont cut and paste it just add a div at the top and a div at the bottom
Mark Halvorsen
@mAdatee
Mar 09 2017 00:49
I tried that and it didn't work
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:49
then give the div a class, you've done that a million times now :)
Colin Daly
@colindaly
Mar 09 2017 00:50

It has to be:

<div = "container-fluid">
<div = "row">
<div = "col-xs-12"></div>
</div>
</div>

Mark Halvorsen
@mAdatee
Mar 09 2017 00:50
Ok, so just the HTML but I leave out the CSS?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:51
no, do everything
the CSS is also html since it's in style tags.
Colin Daly
@colindaly
Mar 09 2017 00:51
If you have imported the bootstrap JS & CSS correctly, it should take care of the responsive
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:51
@mAdatee
<div class="container-fluid">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Crazy</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</div>
Colin Daly
@colindaly
Mar 09 2017 00:52
<div class="container-fluid"> should be after closing the </style>
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:52
Sometimes your biggest enemy is overthinking ;)
Trevor Welch
@Trevor-Welch
Mar 09 2017 00:52
Feels really good to solve a challenge on the first try B)
Andrew Shieh
@andrewlikes
Mar 09 2017 00:52
You don't need to add CSS
Colin Daly
@colindaly
Mar 09 2017 00:52
Also, you need row and col-xs-12 as per my code above
Andrew Shieh
@andrewlikes
Mar 09 2017 00:52
HTML and CSS are different
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:53
You guys are 100% on the wrong lesson
the answer to the lesson he's stuck on is the code I just posted.
"Your div element should have the class container-fluid.
Make sure your div element has a closing tag.
Make sure you have nested all HTML elements in .container-fluid."
Alexander Køpke
@alexanderkopke
Mar 09 2017 00:53
yeah that works, but having the starting div after the styling also works
either way passes
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:54
Yes, because the CSS is in HTML tags lol
Alexander Køpke
@alexanderkopke
Mar 09 2017 00:54
yeah :)
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:54
Either way it'll NEVER be a problem in real code because no one styles in HTML it's all external CSS so no difference.
Alexander Køpke
@alexanderkopke
Mar 09 2017 00:55
aww... I do it sometimes 8/
Andrew Shieh
@andrewlikes
Mar 09 2017 00:55
Yes but it's good for him to know that HTML isn't the same as CSS
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:55
If he's already got to the bootstrap section, he knows that lol.
Andrew Shieh
@andrewlikes
Mar 09 2017 00:55
He didn't know how to add a class to a div
I wouldn't assume lol
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:56
He knows how to add a class to a div if he passed all the html and css, he prob was just confused by the wording of the lesson.
Alexander Køpke
@alexanderkopke
Mar 09 2017 00:56
yeah seemed a bit iffy on that
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:56
I mean before you get to bootstrap you add about 100 classes lol
Alexander Køpke
@alexanderkopke
Mar 09 2017 00:56
my guess is the nesting part
Andrew Shieh
@andrewlikes
Mar 09 2017 00:57
Yeah I get you but some of these people just copy and paste answers sometimes and don't understand the "why"
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:57
I feel you.
The best way to test that is to give someone the answer with a spelling error and watch them come back saying its wrong :)
Andrew Shieh
@andrewlikes
Mar 09 2017 00:58
In JavaScript I did like 100 functions and still couldn't wrap my head around it
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:58
I still cant, JS scares me.
Mark Halvorsen
@mAdatee
Mar 09 2017 00:58
@AndrewOscarDelta Thanks a ton! I've been sitting here freaking out because I did exactly what you told me to do, except I forgot to spell the word "container" correctly. whoops.
CamperBot
@camperbot
Mar 09 2017 00:58
madatee sends brownie points to @andrewoscardelta :sparkles: :thumbsup: :sparkles:
:cookie: 116 | @andrewoscardelta |http://www.freecodecamp.com/andrewoscardelta
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:58
See? no biggie
it's usually the little things man, no sweat
Andrew Shieh
@andrewlikes
Mar 09 2017 00:58
Pythontutor.com helps you visualize what's going on in JS
Mark Halvorsen
@mAdatee
Mar 09 2017 00:58
It was definitely much more simple than I had anticipated haha
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:59
If you get stuck like that again just hit the reset code button and redo it
chances are you wont spell it wrong twice
Anh Nguyen
@tiremon112
Mar 09 2017 00:59
@andrewlikes js is very complex
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 00:59
thanks @andrewlikes I'll bookmark it!
CamperBot
@camperbot
Mar 09 2017 00:59
andrewoscardelta sends brownie points to @andrewlikes :sparkles: :thumbsup: :sparkles:
:cookie: 392 | @andrewlikes |http://www.freecodecamp.com/andrewlikes
Anh Nguyen
@tiremon112
Mar 09 2017 00:59
i prefer all the C and Java :trollface:
Alexander Køpke
@alexanderkopke
Mar 09 2017 01:00
I see ;)
those aren't complex?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:00
@andrewlikes man, I could see how this would be extremely helpful
Andrew Shieh
@andrewlikes
Mar 09 2017 01:00
@tiremon112 it definitely is but in hammering it out everyday and reading ebooks on it as well
@AndrewOscarDelta yeah someone showed me yesterday. It's a life saver
Anh Nguyen
@tiremon112
Mar 09 2017 01:01
understand those faster than javascript, because they are similiar and easy to read :trollface:
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:01
They need a visualize CSS tool for their own website :P
Alexander Køpke
@alexanderkopke
Mar 09 2017 01:01
@andrewlikes what does it do, that python link thingy?
Anh Nguyen
@tiremon112
Mar 09 2017 01:01
it tell you how the code work step by step
Andrew Shieh
@andrewlikes
Mar 09 2017 01:01
It shows you step by step what your code is doing
Anh Nguyen
@tiremon112
Mar 09 2017 01:01
MIT used it in their course
:trollface:
it pretty useful tool
Andrew Shieh
@andrewlikes
Mar 09 2017 01:02
It's better than imagining it in your brain lol
Less stress
Anh Nguyen
@tiremon112
Mar 09 2017 01:02
@andrewlikes i used paper and notepad++ :trollface:
Andrew Shieh
@andrewlikes
Mar 09 2017 01:03
I heard job interviews would require being able to do that @anhhn1
Sucks
Too spoiled by codepen and all these text editors
Anh Nguyen
@tiremon112
Mar 09 2017 01:03
they made you write on a white board
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:04
any job that would require that is stuck in the passed.
Start-ups that understand plug ins and tools HELP are the way to go.
Anh Nguyen
@tiremon112
Mar 09 2017 01:04
@andrewlikes try leetcode.com
they have job interview questions and contest, if you win the contest you will introduce you to a big company
Andrew Shieh
@andrewlikes
Mar 09 2017 01:04
Oh wow
Unfortunately im not even on codewars level yet
Anh Nguyen
@tiremon112
Mar 09 2017 01:05
lol
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:06
you play games with code.
and they work with employers to give jobs to people who use their website.
Anh Nguyen
@tiremon112
Mar 09 2017 01:09
@AndrewOscarDelta in what field?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:09
Any I suppose?
it supports all languages.
Anh Nguyen
@tiremon112
Mar 09 2017 01:09
i mean the position
Software engineer, game develop, web develop
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:10
Yeah, I'm sure it's not specific.
If you're coding in C++, maybe game dev. etc etc
Anh Nguyen
@tiremon112
Mar 09 2017 01:10
look cool thou
Emilio Regalado
@eregalado92
Mar 09 2017 01:11
hi im stuck at the part where it says (Turn an Image into a link)
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:12
what are you stuck on?
Karlis
@newtorin
Mar 09 2017 01:13
Screen Shot 2017-03-08 at 17.12.38.png
anyone help?
how to return the current count and appropriate string?
Emilio Regalado
@eregalado92
Mar 09 2017 01:14
turning an image into a link
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:14
Yeah I know emilio but what are you stuck on
Anh Nguyen
@tiremon112
Mar 09 2017 01:14
@AndrewOscarDelta wow those puzzles are very complicated
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:14
Of course they are :P
Colin Daly
@colindaly
Mar 09 2017 01:15
@eregalado92
<a href="http://www.freecatphotoapp.com">
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
</a>
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:15
@eregalado92 You need to nest your img tags in <a></a> tags
Colin Daly
@colindaly
Mar 09 2017 01:15
@eregalado92 ... or more simply...
<a href="http://www.freecatphotoapp.com">
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
</a>
Emilio Regalado
@eregalado92
Mar 09 2017 01:15
ok thanks guys i appreciate it
ill give it a try
Colin Daly
@colindaly
Mar 09 2017 01:16
@eregalado92 ... code view...
<a href="http://www.freecatphotoapp.com">
  <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
</a>
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:17
It's supposed to be a dead link
<a href="#">
  <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
</a>
Colin Daly
@colindaly
Mar 09 2017 01:18
@AndrewOscarDelta ... then...
<a href="#">
  <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
</a>
Jason
@Ramesus
Mar 09 2017 01:19
hello im confused at the "Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link." part i dont know what they mean by change the value. i tried a few things and it did not work
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:19
Change the URL to a #
Emilio Regalado
@eregalado92
Mar 09 2017 01:20
ok i did it thanks guys
randomperson10
@randomperson10
Mar 09 2017 01:20
im on size your images i wrote the code is there a specific place i should put it?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:21
you need to make a class and apply that class to the HTML element you're resizing
randomperson10
@randomperson10
Mar 09 2017 01:21
how do i do that?
Colin Daly
@colindaly
Mar 09 2017 01:22
@randomperson10 Put the .small-size {..} CSS code within the <style> area and then add the class name to your <div class="small-size"></div>
Nick Nesser
@nicknesser
Mar 09 2017 01:23
Hey I'm on "Add Images to your website". It's asking for an image (provides the src) and an alt. I have both; however, the bullet "Your image element must have an alt attribute." is still marked as incorrect.
<img src="https://bit.ly/fcc-relaxing-cat" alt="fcc-relaxing-cat">
Jason
@Ramesus
Mar 09 2017 01:23
they not really explaining creating the dead link by changing it to "#"
carlosvaleiro
@carlosvaleiro
Mar 09 2017 01:23
Hello people. Please I need some help, I've been trying for almost 1 hour but I can't think about how to write the for loop statement for this. The program must output to a div all the integers between input 1 and input 2, inclusive, that are evenly divisible by divisor (input 3)
Colin Daly
@colindaly
Mar 09 2017 01:23
.smaller-image {
    width: 100px;
}
</style>
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:25
@nicknesser The alt should be a descriptive image of the picture.
Colin Daly
@colindaly
Mar 09 2017 01:25
@nicknesser Trying adding / to the closing tag...
<img src="https://bit.ly/fcc-relaxing-cat" alt="fcc-relaxing-cat" />
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:26
Nope ^
Colin Daly
@colindaly
Mar 09 2017 01:26
@nicknesser Also make sure you put the correct text into the alt tag
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:26
<img src="https://bit.ly/fcc-relaxing-cat" alt="Relaxing cat"> like that
Nick Nesser
@nicknesser
Mar 09 2017 01:28
Lol using specifically "Relaxing cat" worked; however, I did not see that in the instructions hahaha. Nonetheless thank you to all who responded
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:29
I don't think "relaxing cat" was the issue but the issue was you had dashes in your alt which isn't really how you'd describe an img.
If you go back and change it to "lazy ass cat" you'd prob still pass it.
Dennis
@denskiz
Mar 09 2017 01:30

Has anyone completed: ES6: Use getters and setters to Control Access to an Object?

I'm stuck on this one

AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:30
Not that far yet :P
Nick Nesser
@nicknesser
Mar 09 2017 01:31
Ohhh so it wasn't the text necessarily, just that I used dashes... That makes sense I suppose! @AndrewOscarDelta and @colindaly
Thanks!*
Manish Giri
@Manish-Giri
Mar 09 2017 01:31
@denskiz post the link
randomperson10
@randomperson10
Mar 09 2017 01:32
i done it now thank you @colindaly
CamperBot
@camperbot
Mar 09 2017 01:32
randomperson10 sends brownie points to @colindaly :sparkles: :thumbsup: :sparkles:
:cookie: 39 | @colindaly |http://www.freecodecamp.com/colindaly
MsShoKing
@MsShoKing
Mar 09 2017 01:36
I am on page #18 and need some assistance. Anyone available to help out
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:36
Can you give a name and what you need help with please
Manish Giri
@Manish-Giri
Mar 09 2017 01:37
@denskiz done, what's the problem?
Patricia King
@Mananu58
Mar 09 2017 01:39
just starting coding.. is coding also involved putting things on youtube or is it just advertising?
MsShoKing
@MsShoKing
Mar 09 2017 01:39
how do i do this on page #18? ----> Between the style tags, give the p elements font-size of 16px. Browser and Text zoom
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:40
Coding is everything. Every website, software, device, was made with code.
Dennis
@denskiz
Mar 09 2017 01:40
@Manish-Giri
I can't seem to figure this one out. Do you have the solution?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:41
 p {
  font-size: 16px;
@MsShoKing
Manish Giri
@Manish-Giri
Mar 09 2017 01:41
@denskiz yes
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:41
with a closing } of course.
Manish Giri
@Manish-Giri
Mar 09 2017 01:41
which function do you want to see?
@denskiz this is my getter, you can figure out the rest with this
  get temperature() {
    return (this.f - 32) * 5 / 9.0; 
  }
rpbolt
@rpbolt
Mar 09 2017 01:49
what does it mean when it says "Inside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels (16px)."
nishant
@poddardelhi
Mar 09 2017 01:49

Hi I'm struck ..can anyone help me understand what exactly it is asking

Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.

rpbolt
@rpbolt
Mar 09 2017 01:49
everything is correct but "between the style tags, give the p elements font size"
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:50
@rpbolt post your code please
Roxroy
@roxroy
Mar 09 2017 01:50
@poddardelhi , which challenge are you doing?
rpbolt
@rpbolt
Mar 09 2017 01:50

<style>
.red-text {
color: red;
}
{font-size: 16px;}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p> Purr jump eat the grass rip the couch.</p>

slow-learner
@slow-learner
Mar 09 2017 01:51
does anyone know how i add the <i> element to code that already has a class?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:51
under where you have red-text you need to have a p selector with a font-size declaration @rpbolt
nishant
@poddardelhi
Mar 09 2017 01:51
@roxroy change-the-font-size-of-an-element
Roxroy
@roxroy
Mar 09 2017 01:51
@rpbolt , there two an extra } { after color:red... remove both
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:52
both of you are stuck on the same problem and I just gave you the solution :P
the same way you added .red-text, you need to add p.
and the same way you added color: red; you need to add font-size: 16px;
Dennis
@denskiz
Mar 09 2017 01:52

@Manish-Giri
Thanks>
Heres my solution:

class Thermostat {
constructor(f){
this._f = f;
}

get temperature() {
return (this.f - 32) * 5 / 9.0;
}
}

CamperBot
@camperbot
Mar 09 2017 01:52
denskiz sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4659 | @manish-giri |http://www.freecodecamp.com/manish-giri
Moisés Man
@moigithub
Mar 09 2017 01:54
@denskiz why this._f
MsShoKing
@MsShoKing
Mar 09 2017 01:54
@AndrewOscarDelta Give thanks! i'll try it
CamperBot
@camperbot
Mar 09 2017 01:54
msshoking sends brownie points to @andrewoscardelta :sparkles: :thumbsup: :sparkles:
:cookie: 128 | @andrewoscardelta |http://www.freecodecamp.com/andrewoscardelta
rpbolt
@rpbolt
Mar 09 2017 01:55
I got it! Thanks @AndrewOscarDelta
CamperBot
@camperbot
Mar 09 2017 01:55
rpbolt sends brownie points to @andrewoscardelta :sparkles: :thumbsup: :sparkles:
:cookie: 129 | @andrewoscardelta |http://www.freecodecamp.com/andrewoscardelta
Roxroy
@roxroy
Mar 09 2017 01:55
@slow-learner, you can add <i> inside the another tag
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:56
@rpbolt nice!
slow-learner
@slow-learner
Mar 09 2017 01:59
i need to add < i class="fa fa-thumbs-up></i> to an image that already has a class and im missing something.
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 01:59
which lesson?
slow-learner
@slow-learner
Mar 09 2017 02:00
not an image im sorry a button.
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:00
yeah just add the <i> tags between your <button> tags
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 02:00
i have a question
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:01
<button><i>ggrddgregrer</i></button>
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 02:01
whats WordPress
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:01
WordPress is a content management system
basically it takes out all the back end bullshit of coding blogs/websites that require new content often.
slow-learner
@slow-learner
Mar 09 2017 02:03
yes it has a class already .
<button class="btn btn-block btn-primary fa fa-thumbs-up">Like</button>
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:03
which lesson is it?
slow-learner
@slow-learner
Mar 09 2017 02:03
do i pit just an "i" before class?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:04
also I'm 99% sure thats wrong, the fa fa-thumbs up shouldn't be in your button class.
slow-learner
@slow-learner
Mar 09 2017 02:04
76 i believe
Moisés Man
@moigithub
Mar 09 2017 02:04
<i > is another element like <button> or h2 or p or img @slow-learner
Jason
@Ramesus
Mar 09 2017 02:04
i hate to ask back to back questions but this part is just not clear. "turning an image into a link"<a herf="#"><img class="smaller-image thick-green-border" src="#" alt="A cute orange cat lying on its back. "></a> is what needs to be there it seems... I replaced the link with "#" within the HTML
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:04
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up">Like</i></button>
like that
@Ramesus herf? :)
Dennis
@denskiz
Mar 09 2017 02:05
@moigithub
What's your solution?
slow-learner
@slow-learner
Mar 09 2017 02:05
ok so i can put a whole new class after closing all of the other classes thank you:)
RyanWelch1
@RyanWelch1
Mar 09 2017 02:05
stumped- lesson 80, give text input in your form the class form-control
Jason
@Ramesus
Mar 09 2017 02:06
@AndrewOscarDelta it says to replace with "#" like on the previous task. i placed the "a" element with in the img
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:06
Yeah, look at how you spelled href :)
Moisés Man
@moigithub
Mar 09 2017 02:06
@slow-learner not exactly...
u can nest element one inside another
and each eleemnt can have its own attributes (like class)
Jason
@Ramesus
Mar 09 2017 02:08
the nesting part is giving me a green check mark so i guess its good just the "Your a element should be a dead link with a href attribute set to #." reflects witht eh red "X" if the "#" is with in the original a element where else would it go for the task?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:08
You're not getting what I'm saying
Jason
@Ramesus
Mar 09 2017 02:08
@AndrewOscarDelta hmmm
slow-learner
@slow-learner
Mar 09 2017 02:08
ooohhhh ok i was not looking at the <i> as a separate element. i just thought i was adding a second class and knew that wouldnt work.
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:08
you have a spelling error in your code
it's href not herf
Jason
@Ramesus
Mar 09 2017 02:08
@AndrewOscarDelta i see it now LOL
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:08
that's why it's not working
Jason
@Ramesus
Mar 09 2017 02:09
@AndrewOscarDelta thats why im learnining right LOL, i feel goofy for that LOL
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:09
Mistakes happen :)
Bryan Reese
@breese8009
Mar 09 2017 02:11
hello help room
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:11
hello bryan
Kurtoneill
@Kurtoneill
Mar 09 2017 02:13
hello,all.i got a dumb problem.how to delete html element?i 'm doing the test right now
__mifflin__
@cdrainxv
Mar 09 2017 02:14

@Manish: I have a question on the mongodb modules. What am I supposed to do for this part:

Store your mLab database URI in the private .env file
// as MONGO_URI. Connect to the database using mongoose.connect(<Your URI>)

from the gomix page? I can do the rest, but this isn't really clear as to what it wants me to do… what mLab db URI?

Cano
@ccardenas134
Mar 09 2017 02:16
Hey guys Im having some trouble with sizing my images I need the class to say smaller-image and it doesn't seem to be working
<style>
.smaller-image {
width: 500px;
}
</style>
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:17
it's supposed to be 100px;
and then you need to add a class="smaller-image" to your img ta
tag*
Cano
@ccardenas134
Mar 09 2017 02:17
sorry yea thats I have here but the test says its wrong
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 02:18
<img class="smaller-image" src="dfsfdsf" alt="defdewfsf">
Dennis
@denskiz
Mar 09 2017 02:18

@Manish-Giri

class Thermostat {
constructor(f){
this._f = f;
}

Can you spot the error?

Manish Giri
@Manish-Giri
Mar 09 2017 02:18
@denskiz constructor looks fine.
Cano
@ccardenas134
Mar 09 2017 02:18
gotcha thank you @AndrewOscarDelta
CamperBot
@camperbot
Mar 09 2017 02:18
ccardenas134 sends brownie points to @andrewoscardelta :sparkles: :thumbsup: :sparkles:
:cookie: 130 | @andrewoscardelta |http://www.freecodecamp.com/andrewoscardelta
Servatose
@Servatose
Mar 09 2017 02:20

Good day all. I'm having a bit of difficulty in the Javascript section of basic algorithm testing. I'm trying to gradually build on my code to be able to pass all of the tests but I can't seem to understand why my code isn't working to remove spaces from the string entered into the function's arguments, for example, I seem to be able to get single word palindromes to return true, but when they involve spaces they return false. This is the code I've been using, and I've been testing "race car".

http://codepen.io/ChadS/pen/gmgGpv

__mifflin__
@cdrainxv
Mar 09 2017 02:20
@Manish-Giri: Oh, wait I think I figured it out. I didn't know mLab was an online database… they didn't even provide a link or anything. How would I have done it if I did it locally, because my collections aren't showing up on mongorobo? I'll do it on gomix for now.
Dennis
@denskiz
Mar 09 2017 02:20
@Manish-Giri
It cant be. I get a NaN error when I console.log(thermos.temperature)
__mifflin__
@cdrainxv
Mar 09 2017 02:21
@Servatose: You haven't removed the non-alphanumeric characters.
Manish Giri
@Manish-Giri
Mar 09 2017 02:21
@cdrainxv :confused:
@denskiz do you have a temperature property in the class?
@cdrainxv you're way ahead of me with mongo/mongoose..sorry
Dennis
@denskiz
Mar 09 2017 02:22

@Manish-Giri
Yes. class Thermostat {
constructor(f){
this._f = f;
}

get temperature() {
return (this.f - 32) * 5 / 9.0;
}
}

const thermos = new Thermostat(76); // setting in Farenheit scale
let temp = thermos.temperature; // 24.44 in C
thermos.temperature = 26;
temp = thermos.temperature; // 26 in C
console.log(temp);

Servatose
@Servatose
Mar 09 2017 02:22
@cdrainxv I thought using str.split('').join(''); would remove all the spaces from a string entered. Right now I'm only trying to test the string "race car" because for whatever reason spaces are throwing off my code.
Manish Giri
@Manish-Giri
Mar 09 2017 02:22
@denskiz isn't it _f?
Dennis
@denskiz
Mar 09 2017 02:23
Yes it is. Thanks
__mifflin__
@cdrainxv
Mar 09 2017 02:25
@Servatose: That's only the whitespace characters. What about the special symbols like _, *, -,.,, etc? You have to remove them as well, leaving you with just alphanumeric characters.
David Mann
@20mannd
Mar 09 2017 02:25

What is wrong with this code, im trying to make a dead link.

<p>Click here for <a # ="http://www.freecatphotoapp.com">cat photos</a>.</p>

Im frustrated because this is the simplest challenge ever and it wont work.
Manish Giri
@Manish-Giri
Mar 09 2017 02:29
@20mannd where did href go?
David Mann
@20mannd
Mar 09 2017 02:29
I replaced it with the #
__mifflin__
@cdrainxv
Mar 09 2017 02:31
@Servatose: You might also want your strings to be either all lowercase or uppercase. Consider this:
A man, a plan, a canal. Panamais in reality a palindrome, but your algorithm will return false because the A at the front is not equal to a at the back as they have different ASCII character codes, 65 and 97, respectively.
Manish Giri
@Manish-Giri
Mar 09 2017 02:32
@20mannd why?
Servatose
@Servatose
Mar 09 2017 02:33
@cdrainxv Initially I was just trying to get it to work on the string "race car", and after I succeeded in doing that I was going to add in expressions that ignored or replaced special characters. I'm puzzled because I expected my code that I linked in the pen above to remove spaces by using the split and join methods on it.
Manish Giri
@Manish-Giri
Mar 09 2017 02:34
@cdrainxv which react lifecycle method is good for making ajax/fetch calls?
anish khatri
@anishkhatri8080
Mar 09 2017 02:34
how to Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.
darbok
@darbok
Mar 09 2017 02:38
someone help me understand the nth-child a bit more, i'm stuck on that part of the jquery lessons.
solankivir
@solankivir
Mar 09 2017 02:39

// Setup
function phoneticLookup(val) {
var result = "";
// Only change code below this line

// Only change code above this line
return result;
}

// Change this value to test
phoneticLookup("charlie");
phoneticLookup("");

/
task 1:phoneticLookup("charlie") should equal "Chicago"
task 2:phoneticLookup("") should equal undefined
task 3: You should not use case, switch, or if statements
/

__mifflin__
@cdrainxv
Mar 09 2017 02:39
@Servatose: For your palindromeTest variable you need to split at the spaces:
var palindromeTest = str.split(' ').reverse().join('');
solankivir
@solankivir
Mar 09 2017 02:39
does anyone has idea of lookup in object?
Servatose
@Servatose
Mar 09 2017 02:39
@cdrainxv I just shed a tear of joy. I'm ashamed it was that simple. Thank you so much.
CamperBot
@camperbot
Mar 09 2017 02:39
servatose sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2383 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Servatose
@Servatose
Mar 09 2017 02:40
@darbok What're you having difficulty understanding about nth-of? I'd be happy to try and help.
__mifflin__
@cdrainxv
Mar 09 2017 02:41
@Manish-Giri: I suppose it's componentDidMount.
darbok
@darbok
Mar 09 2017 02:42
@Servatose this: Make the second child in each of your well elements bounce. You must target the children of element with the target class.
Servatose
@Servatose
Mar 09 2017 02:43
@darbok Do you have a codepen with the code you're referring to? I'm having trouble visualizing with just the description of the test.
Andrew Shieh
@andrewlikes
Mar 09 2017 02:43
@darbok show what you got so far
darbok
@darbok
Mar 09 2017 02:43
@Servatose I thought it was this but clearly its not. $(".target:nth-child(2)").addClass("bounce");
Ryan Kelley
@raiderhockey23
Mar 09 2017 02:43
<form action="/submit-cat-photo"></form>
Andrew Shieh
@andrewlikes
Mar 09 2017 02:44
?
Ryan Kelley
@raiderhockey23
Mar 09 2017 02:44
oops my bad
Andrew Shieh
@andrewlikes
Mar 09 2017 02:44
@darbok i think it's zero-indexed
try 1
Manish Giri
@Manish-Giri
Mar 09 2017 02:44
it's actually one indexed
css
Andrew Shieh
@andrewlikes
Mar 09 2017 02:44
of course :O
Manish Giri
@Manish-Giri
Mar 09 2017 02:45
and the class names are animated bounce
darbok
@darbok
Mar 09 2017 02:45
@Manish-Giri this ? $(".target:nth-child(1)").addClass("animated bounce");
Manish Giri
@Manish-Giri
Mar 09 2017 02:46
@darbok 2 not 1
solankivir
@solankivir
Mar 09 2017 02:46

function phoneticLookup(val) {
var result = "";
// Only change code below this line

// Only change code above this line
return result;
}

// Change this value to test
phoneticLookup("charlie");
phoneticLookup("");

/
task 1:phoneticLookup("charlie") should equal "Chicago"
task 2:phoneticLookup("") should equal undefined
task 3: You should not use case, switch, or if statements
/

can anyone help to complete task?
__mifflin__
@cdrainxv
Mar 09 2017 02:46
@solankivir: They give you a great example on the page. At least attempt it.
darbok
@darbok
Mar 09 2017 02:46
@Manish-Giri thank you very much, i was missing "animated".
CamperBot
@camperbot
Mar 09 2017 02:46
darbok sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4661 | @manish-giri |http://www.freecodecamp.com/manish-giri
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 02:46
Hye
Hey
Manish Giri
@Manish-Giri
Mar 09 2017 02:47
@darbok :+1:
darbok
@darbok
Mar 09 2017 02:47
@camperbot i can do that? how do i do that?
__mifflin__
@cdrainxv
Mar 09 2017 02:49
@Manish-Giri thank
Manish Giri
@Manish-Giri
Mar 09 2017 02:50
:disappointed:
__mifflin__
@cdrainxv
Mar 09 2017 02:50
^ No easy points 'round these parts. :smile:
isaac820
@isaac820
Mar 09 2017 02:51
hello
my first j query task is showing syntax error
__mifflin__
@cdrainxv
Mar 09 2017 02:53
Show code
Manish Giri
@Manish-Giri
Mar 09 2017 02:54

@cdrainxv

This is not React-specific behavior; it is a part of how functions work in JavaScript. Generally, if you refer to a method without () after it, such as onClick={this.handleClick}, you should bind that method.
If calling bind annoys you, there are two ways you can get around this.

If calling bind annoys you,

uh..you think?

__mifflin__
@cdrainxv
Mar 09 2017 02:55
So what? You use binding in jQuery as well… so no big dealio.
Shivam Shukla
@shivamphunt
Mar 09 2017 02:57
Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text.
how to do?
Manish Giri
@Manish-Giri
Mar 09 2017 03:00
i'm not..
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:03
This message was deleted
BEtym25
@BEtym25
Mar 09 2017 03:04

can someone assist with putting all my elements inside a gray box?

https://codepen.io/BEtym25/pen/mAgKwm

@r-igle thank you i iwlll look into doing that
CamperBot
@camperbot
Mar 09 2017 03:06
betym25 sends brownie points to @r-igle :sparkles: :thumbsup: :sparkles:
:cookie: 153 | @r-igle |http://www.freecodecamp.com/r-igle
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:07
@shivamphunt nesting means to put between other elements tags. So to nest the a element within a new p element could look like this: <p><a></a></p> of course your a element will not be empty it will have href and anchor text
BEtym25
@BEtym25
Mar 09 2017 03:08
can anyone take a look at my pen and advise on why my botstrapping grid is not working?
Claudio Restifo
@Marmiz
Mar 09 2017 03:09
̃ @BEtym25 you bootstrap is working :)
Try to give the containe-fluid a background and you'll see it turing that color.
It's joust how you structured the HTML that it won't accomplish what you are asking
Manish Giri
@Manish-Giri
Mar 09 2017 03:10
@Marmiz :wave:
BEtym25
@BEtym25
Mar 09 2017 03:10
@Marmiz thank you!
CamperBot
@camperbot
Mar 09 2017 03:10
betym25 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 709 | @marmiz |http://www.freecodecamp.com/marmiz
Claudio Restifo
@Marmiz
Mar 09 2017 03:11
@Manish-Giri :wave:
Roxroy
@roxroy
Mar 09 2017 03:12
@BEtym25 , check you img tag, you have an open tag
<img src="http://sports.gunaxin.com/wp-content/uploads/2016/06/Muhammad-Ali.jpg" width="1200"</img>
@BEtym25 , change it to <img src="http://sports.gunaxin.com/wp-content/uploads/2016/06/Muhammad-Ali.jpg" width="1200" />
Matthew
@RoutinePoutine
Mar 09 2017 03:14
How do you use a new terminal in Atom?
Shivam Shukla
@shivamphunt
Mar 09 2017 03:18
done @alexanderkopke
Nest the existing img element within an a element.
how to solve this
BEtym25
@BEtym25
Mar 09 2017 03:19
@roxroy that doesn't change anything
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 03:19
can someone help with with a little css problem im having:
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:19
<a><img></a> @shivamphunt
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 03:19
@Marmiz can you help me plx?
plx
plz
Shivam Shukla
@shivamphunt
Mar 09 2017 03:20
<p>Click here for <a href="#"><img src="#"> <img src="https://bit.ly/fcc-running-cats">
cat photos</a></p>
is this correct
@alexanderkopke
Claudio Restifo
@Marmiz
Mar 09 2017 03:20
@RiseOfHaxers show any relevant code and ask your question, I' m sure many people will be happy to help :)
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:21
@shivamphunt <img src="#"> remove this
Shivam Shukla
@shivamphunt
Mar 09 2017 03:21
okay wait @alexanderkopke
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 03:21
i need to create space for my rightbar and i seem to need help with margin control.
Shivam Shukla
@shivamphunt
Mar 09 2017 03:21
not working @alexanderkopke
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:22
@shivamphunt ok what is the name of the challenge?
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 03:22
@Marmiz plz help me
Shivam Shukla
@shivamphunt
Mar 09 2017 03:22
Turn an Image into a Link
@alexanderkopke
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 03:23
@alexanderkopke could you possibly help
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:26
@shivamphunt <p>Click here for <a href="#">cat photos</a>.</p> You should have this and below there is an img element. It is to this img you have to add <a href="#"> </a> around
Matthew
@RoutinePoutine
Mar 09 2017 03:26
Does formatio-ide-terminal have a bug?
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:26
@RiseOfHaxers I can try. What is the problem?
Matthew
@RoutinePoutine
Mar 09 2017 03:26
It doesn't seem to run on Windows 10.
Shivam Shukla
@shivamphunt
Mar 09 2017 03:27
okay let me check @alexanderkopke
Claudio Restifo
@Marmiz
Mar 09 2017 03:27

@RiseOfHaxers

i need to create space for my rightbar

Which "rightbar"? and what kind of space?
You're boing kind of vague

Alexander Køpke
@alexanderkopke
Mar 09 2017 03:28
@RoutinePoutine I can't get it to run either on windows.. I tried terminal-plus too
Claudio Restifo
@Marmiz
Mar 09 2017 03:29

@RoutinePoutine

a new terminal in Atom?

wdym with that?
Running Atom from terminal:
atom [filePathToOpen]

Matthew
@RoutinePoutine
Mar 09 2017 03:29
Hi Alexander, have you found an alternative package to formatio-ide-terminal?
Shivam Shukla
@shivamphunt
Mar 09 2017 03:29
it is not workin @alexanderkopke
Nest the existing img element within an a element.
it is showing this
@alexanderkopke
Matthew
@RoutinePoutine
Mar 09 2017 03:30
Claudio, I'm doing a course on Udemy that has me install Atom and formatio-ide-terminal. I have my program there, but I can't run it in the terminal.
RiseOfHaxers
@RiseOfHaxers
Mar 09 2017 03:30
like this design and where the ADVT is at i want the sideRight class to be there
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:31
@RoutinePoutine no, but then I am using a different ide now.
Matthew
@RoutinePoutine
Mar 09 2017 03:31
Alexander, what ide are you using?
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:31
brackets
Claudio Restifo
@Marmiz
Mar 09 2017 03:32

@RiseOfHaxers In bootstrap you accomplish that by having 3 row:
-Top row --> "wesite name"
-Mid row --> "menu + content + advt"
-bot row --> "footer"

Or use Flexbox for the ultimate control :)

Matthew
@RoutinePoutine
Mar 09 2017 03:32
I tried PyCharm, but that was harder than Atom.
Sam
@jonsnow35
Mar 09 2017 03:32
hey all anyone know why my h2 isn't turning blue?
Claudio Restifo
@Marmiz
Mar 09 2017 03:32
@RoutinePoutine I use atom everyday @ work :)
Matthew
@RoutinePoutine
Mar 09 2017 03:33
Claudio, are you using Windows 10?
Claudio Restifo
@Marmiz
Mar 09 2017 03:33
@RoutinePoutine nope :)
Matthew
@RoutinePoutine
Mar 09 2017 03:33
Claudio, I wonder if the problem is Windows 10.
Claudio Restifo
@Marmiz
Mar 09 2017 03:33
@RoutinePoutine what problem?
Matthew
@RoutinePoutine
Mar 09 2017 03:33
Claudio, the inability to run a program on the terminal.
Claudio Restifo
@Marmiz
Mar 09 2017 03:33
it's pretty stable Atom nowaday
Jim
@JLOSS1
Mar 09 2017 03:33
@jonsnow35 blue?
Matthew
@RoutinePoutine
Mar 09 2017 03:34
Claudio, I have the python file uploaded, but it won't run in the terminal.
Claudio Restifo
@Marmiz
Mar 09 2017 03:34

@RoutinePoutine

the inability to run a program on the terminal.

what do you mean? Atom is a text editor, not a task manager

Sam
@jonsnow35
Mar 09 2017 03:34
@JLOSS1 yeah heres the screencap https://gyazo.com/c0b87fd1b9ebc806834907c4d23e58b4
Shivam Shukla
@shivamphunt
Mar 09 2017 03:34
@alexanderkopke it done by me as i do not nested the exsiting image with a element
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:34
@RoutinePoutine weird. I installed the platformio just now and it works
Colin Daly
@colindaly
Mar 09 2017 03:35
@jonsnow35 You don't have <h2>My text here</h2> in your HTML
Jim
@JLOSS1
Mar 09 2017 03:35
You need the carrots <>
Matthew
@RoutinePoutine
Mar 09 2017 03:35
Alexander, all you did was uninstall the package and then re-install it?
Colin Daly
@colindaly
Mar 09 2017 03:35
@jonsnow35 <h2> will need to go after </style>
bonniekait
@bonniekait
Mar 09 2017 03:35
Hey all.
Sam
@jonsnow35
Mar 09 2017 03:35
Ah gotcha thanks guys
Matthew
@RoutinePoutine
Mar 09 2017 03:35
Claudio, I don't mean to run the program in the terminal, but maybe evaluate it.
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:35
@RoutinePoutine I didn't have it installed before, I had terminal-plus and it didn't work
Jim
@JLOSS1
Mar 09 2017 03:36
@jonsnow35 they have to be like <h2>blah</h2>
bonniekait
@bonniekait
Mar 09 2017 03:36
How do I assign a background color to my div element?
Matthew
@RoutinePoutine
Mar 09 2017 03:36
Alexander, I was just considering terminal-plus. If formatio-ide-terminal works for you, I'm not sure what the problem is.
Alexander Køpke
@alexanderkopke
Mar 09 2017 03:36
@shivamphunt yes <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> this must be nested inside <a href="#"> and </a>
@RoutinePoutine how did you try to start the formation terminal?
Matthew
@RoutinePoutine
Mar 09 2017 03:38
Alexander, I typed,"myprogram.py" and nothing happened. The file name is "myprogram.py."
Alexander, the same thing works when I use an external terminal.
penguio
@penguio
Mar 09 2017 03:38
@RoutinePoutine dont you have to python myprogram.py if its in a terminal
Sam
@jonsnow35
Mar 09 2017 03:38
@bonniekait code div {
background-color: red;
}
Claudio Restifo
@Marmiz
Mar 09 2017 03:38
@RoutinePoutine oooh!I've used this package for that:
https://atom.io/packages/script
Sam
@jonsnow35
Mar 09 2017 03:38
div { background-color: red; }
bonniekait
@bonniekait
Mar 09 2017 03:38
thank you!
Hectic23
@Hectic23
Mar 09 2017 03:39
how can I make my h2 element visible on my page by uncommenting
Tayin
@Baljeet1
Mar 09 2017 03:39
i think i might be being stupid, but how do you create a class for smaller-image, i cant figure it out
Matthew
@RoutinePoutine
Mar 09 2017 03:39
Penguio, I've tried that too. For some reason that doesn't work on Windows 10, at least for me. I have to skip the "python" command, and just type the file. Then it works. But it doesn't work on the terminal in Atom.
bonniekait
@bonniekait
Mar 09 2017 03:39
wait that didn't work
Sam
@jonsnow35
Mar 09 2017 03:40
@bonniekait did you make a separate stylesheet file in css?
Tayin
@Baljeet1
Mar 09 2017 03:41
no should i?
penguio
@penguio
Mar 09 2017 03:41
@RoutinePoutine do you have the environment variables set for python. I dont use windows no more, but i remember you used to have to set them
Tayin
@Baljeet1
Mar 09 2017 03:41
nvm
Claudio Restifo
@Marmiz
Mar 09 2017 03:41
@Hectic23 remove the comment tags: <!-- -->
bonniekait
@bonniekait
Mar 09 2017 03:42
well I'm going to get some rest and start fresh tomorrow. Thanks all <3
Sungho
@styoon07
Mar 09 2017 03:42
Hello. I'm having trouble implementing id
penguio
@penguio
Mar 09 2017 03:42
Does anyone have troubles with the beta.freecodeacademy in firefox lol.... Some of my work wont submit, but it will submit in chrome
Hectic23
@Hectic23
Mar 09 2017 03:42
thanks
Tayin
@Baljeet1
Mar 09 2017 03:43
i still cant figure out his smaller image thing
Matthew
@RoutinePoutine
Mar 09 2017 03:43
@penguio, Where do you change the environment variables?
penguio
@penguio
Mar 09 2017 03:43
Are you using python 2 or python 3 @RoutinePoutine
Sungho
@styoon07
Mar 09 2017 03:43
lolol nvm. i figured it out. i made a typo :P
Manish Giri
@Manish-Giri
Mar 09 2017 03:43
@penguio yup
it's a known :bug:
Matthew
@RoutinePoutine
Mar 09 2017 03:44
@penguio Python 3.6
penguio
@penguio
Mar 09 2017 03:45
@RoutinePoutine it should have set them... Open up your terminal and just type python it should open up the python console or whatever you call it
if not you have to set them
command prompt, or power shell will do
Veronika
@veronika-mcgrone
Mar 09 2017 03:46
what am i missing? make sure all your button elements have closing tags. <div class="row">
<div class="col-xs-6">
<div class="well">
<button class="btn">
<button class="btn">
<button class="btn"></div>
</div>
<div class="col-xs-6">
  <div class="well">
    <button class= "btn">
      <button class= "btn"> 
        <button class= "btn">
          </div>
        </div>

  </div>
Manish Giri
@Manish-Giri
Mar 09 2017 03:47
@veronika-mcgrone closing </button> tags?
Pranavan21
@Pranavan21
Mar 09 2017 03:48
challenge 14
help
Matthew
@RoutinePoutine
Mar 09 2017 03:48
penguio@ I'm on Windows Power Shell
Tayin
@Baljeet1
Mar 09 2017 03:48
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> </img> what am I doing wrong?
penguio
@penguio
Mar 09 2017 03:49
@RoutinePoutine did it open up the python shell, or just say command not found... just type python in there
mpochiro
@mpochiro
Mar 09 2017 03:49
hey for the code pens "first project" where si the sample code, I would like to look at it just to jog my memory, thats essentially how I learn so I don't think it's "cheating" morw like helping
Matthew
@RoutinePoutine
Mar 09 2017 03:50
@penguio 'python' is not recognized as an internal or external command operable program or bach file
Tayin
@Baljeet1
Mar 09 2017 03:51
can no one help me?
Matthew
@RoutinePoutine
Mar 09 2017 03:51
@penguio it's... PS D:>
Manish Giri
@Manish-Giri
Mar 09 2017 03:51
@RoutinePoutine installed python?
Matthew
@RoutinePoutine
Mar 09 2017 03:51
Manish Giri, yes I've installed python
mpochiro
@mpochiro
Mar 09 2017 03:52
tayin I think there needs to be a "><"after smaller image"><src
right?
Matthew
@RoutinePoutine
Mar 09 2017 03:52
Manish Giri, it just worked. But I can't isolate the factor that led to that.
mpochiro
@mpochiro
Mar 09 2017 03:52
if that doesn't work then im not sure
Tayin
@Baljeet1
Mar 09 2017 03:52
ok thanks
__mifflin__
@cdrainxv
Mar 09 2017 03:53

@Manish-Giri or @Marmiz: Can you tell this person 1) his code is wrong 2) the ouput won't be shown on a single line console box, but to use the developer's console his browser provides and 3) even if he were to use \r\n or to move ThirdLine to the next line it would still fail one of the tests: myStr should have one newline character \n. I would tell him that this is a pretty strict test and thus has been rewritten in the beta, but he seems to really dislike me at the moment. He went as far as to reference an issue, but clearly he didn't read it at all. Thanks.

This is the particular issue: freeCodeCamp/freeCodeCamp#13794

CamperBot
@camperbot
Mar 09 2017 03:53
cdrainxv sends brownie points to @manish-giri and @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 710 | @marmiz |http://www.freecodecamp.com/marmiz
:star2: 4662 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Mar 09 2017 03:53
:joy:
penguio
@penguio
Mar 09 2017 03:54
@RoutinePoutine yeah your going to have to set them... go to your system, system menu click advanced system settings then advanced tabs and their should be a thing to click called environment variables
Tayin
@Baljeet1
Mar 09 2017 03:55
that still didn't work
Matthew
@RoutinePoutine
Mar 09 2017 03:55
@penguio , it just worked, but i don't know why. I haven't changed anything yet.
Manish Giri
@Manish-Giri
Mar 09 2017 03:55
man oh man
Matthew
@RoutinePoutine
Mar 09 2017 03:55
@penguio, this happened last night after an hour. I'm not sure why it only works once an hour.
penguio
@penguio
Mar 09 2017 03:55
@RoutinePoutine oh lol :smile:
Computers are strange
Matthew
@RoutinePoutine
Mar 09 2017 03:56
@penguio , is the system menu ... for Windows 10 or Atom?
Tayin
@Baljeet1
Mar 09 2017 03:56
@penguio can you help me?
penguio
@penguio
Mar 09 2017 03:56
@Baljeet1 what's your issue
@RoutinePoutine that was for windows 10
Veronika
@veronika-mcgrone
Mar 09 2017 03:56
@Manish-Giri cant believe i missed that! thanks
CamperBot
@camperbot
Mar 09 2017 03:56
veronika-mcgrone sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4663 | @manish-giri |http://www.freecodecamp.com/manish-giri
Tayin
@Baljeet1
Mar 09 2017 03:57
i cant get the smaller image to work
<img class="smaller-image"><src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> </img> do you know what im doing worng?
penguio
@penguio
Mar 09 2017 03:58
<img class="smaller-image"><src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> </img> it should look like this <img class="some-class" src="some-url"> you don't need an opening tag and a closing tag, and your src should be in the same element not seperated
<element attribute="value" attribute="value"> you can have more then one attribute enclosed in the same element
Matthew
@RoutinePoutine
Mar 09 2017 04:00
How do you change a terminal from PS D:> to D:>
Tayin
@Baljeet1
Mar 09 2017 04:00
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> </img> like this?
penguio
@penguio
Mar 09 2017 04:00
@Baljeet1 get rid of your closing </img> , cause it's not needed and uneccessary. but yeah
Tayin
@Baljeet1
Mar 09 2017 04:01
still didn't work lol
__mifflin__
@cdrainxv
Mar 09 2017 04:01
^ What about the code in your style tags?
penguio
@penguio
Mar 09 2017 04:02
^^^^
Tayin
@Baljeet1
Mar 09 2017 04:02
.smaller-image {width: 100px;}
with the style tags of course
__mifflin__
@cdrainxv
Mar 09 2017 04:02
Try refreshing the page.
Claudio Restifo
@Marmiz
Mar 09 2017 04:02
@cdrainxv gonna reply to that camper. No worries, I don't think he's "mad" at you, he's probably just not a good english speaker ;)
Tayin
@Baljeet1
Mar 09 2017 04:03
still dint
didn't work and i have no clue whats happening
Matthew
@RoutinePoutine
Mar 09 2017 04:03
Claudio, btw, thanks. I think I may have found out at least one new variable.
Manish Giri
@Manish-Giri
Mar 09 2017 04:03
@cdrainxv me too :smiling_imp:
i'll be bruuutal
__mifflin__
@cdrainxv
Mar 09 2017 04:05
He seems pretty, pretty, pretty mad.
@Baljeet1: Post your full code.
ashleighhuskinson
@ashleighhuskinson
Mar 09 2017 04:06
why is this one not working:\
Tayin
@Baljeet1
Mar 09 2017 04:07

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
} .smaller-image {width: 100px;}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

Manish Giri
@Manish-Giri
Mar 09 2017 04:07
he is mad.
Colin Daly
@colindaly
Mar 09 2017 04:07
@penguio @Baljeet1 Actually remove </img> but close the initial <img> tag with a forward slash. For example ....back." />
penguio
@penguio
Mar 09 2017 04:07
@colindaly you don't have to close image tags no more ... I thought
__mifflin__
@cdrainxv
Mar 09 2017 04:08
@ashleighhuskinson: You didn't add the smaller-image class to your img element.
Anh Nguyen
@tiremon112
Mar 09 2017 04:10
@Manish-Giri sent you message
@Manish-Giri :trollface: i am probably gone blind when i am 25 :trollface: fuck code
sherfleming
@sherfleming
Mar 09 2017 04:11

@brinicole1223 <style>
.red-text {
color: red;
}
p {
font-size: 16px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Tayin
@Baljeet1
Mar 09 2017 04:11
so did you guys figure out what i did wrrong?
Colin Daly
@colindaly
Mar 09 2017 04:12
@Baljeet1 What isnt working?
__mifflin__
@cdrainxv
Mar 09 2017 04:12
Reset and try it again. Might be a caching issue.
noahhenderson
@noahhenderson
Mar 09 2017 04:13
im stuck on the same thing @Baljeet1
Anh Nguyen
@tiremon112
Mar 09 2017 04:13
@Manish-Giri Good night :wave: , need some break :tired_face:
Tayin
@Baljeet1
Mar 09 2017 04:13
it wont let me go past this challenge for some reason
Colin Daly
@colindaly
Mar 09 2017 04:14
@Baljeet1 Which map is it?
Tayin
@Baljeet1
Mar 09 2017 04:14
size your image
__mifflin__
@cdrainxv
Mar 09 2017 04:14
Press run tests and then post your url here.
Tayin
@Baljeet1
Mar 09 2017 04:15
what url?
__mifflin__
@cdrainxv
Mar 09 2017 04:15
For your challenge.
penguio
@penguio
Mar 09 2017 04:15
The one at the top where it saids https:// something something
__mifflin__
@cdrainxv
Mar 09 2017 04:15
Yes.
noahhenderson
@noahhenderson
Mar 09 2017 04:16
im having the same issue could you check mine out
Colin Daly
@colindaly
Mar 09 2017 04:16
@Baljeet1 If so, you dont have class="img-responsive" applied to the <img>
lol
Manish Giri
@Manish-Giri
Mar 09 2017 04:17
@tiremon112 you're doing great, keep at it :muscle: :sparkles:
good night :wave:
__mifflin__
@cdrainxv
Mar 09 2017 04:17

@noahhenderson: I only see this in your editor:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;

Try resetting the code and try again.

Manish Giri
@Manish-Giri
Mar 09 2017 04:17
@Baljeet1 as for you
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
you didnt add the class to the img
__mifflin__
@cdrainxv
Mar 09 2017 04:18
^^
penguio
@penguio
Mar 09 2017 04:18
@Baljeet1 in your image your missing a class=""
erratic-pAtterns
@erratic-pAtterns
Mar 09 2017 04:18
Hi everyone, perhaps this is not the right room to ask about Codepen, but the "well" "col-x-offset-n" Bootstrap classes do not seem to work for me. Bootstrap is enabled on the CSS/Settings. Do you have any tips what could be the issue?
Tayin
@Baljeet1
Mar 09 2017 04:18
im not its right here
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
penguio
@penguio
Mar 09 2017 04:18
@erratic-pAtterns are you using bootstrap 3 or 4
Manish Giri
@Manish-Giri
Mar 09 2017 04:18
@erratic-pAtterns are you using bootstrap v4 alpha?
Matthew
@IMDBLM
Mar 09 2017 04:18
Is there anyone around who might be able to help me with a JS challenge? I've been stuck for an hour.
noahhenderson
@noahhenderson
Mar 09 2017 04:18
ive tried clearing it a fews times
Manish Giri
@Manish-Giri
Mar 09 2017 04:18
@Baljeet1 well then why is it not in your URL?
Tayin
@Baljeet1
Mar 09 2017 04:18
idk
imma reset and try again
penguio
@penguio
Mar 09 2017 04:19
@IMDBLM what's your issue with JS
Manish Giri
@Manish-Giri
Mar 09 2017 04:19
@IMDBLM what's the problem?
Colin Daly
@colindaly
Mar 09 2017 04:19
@Baljeet1 You need to add class to img...
<img class = "smaller-image">
erratic-pAtterns
@erratic-pAtterns
Mar 09 2017 04:19
@Manish-Giri I used the "quick-add" option on the CSS settings page. This is the URL currently used: https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css
Tayin
@Baljeet1
Mar 09 2017 04:19
i had it it just want in url for some reason, resetting
Matthew
@IMDBLM
Mar 09 2017 04:19


// Setup
function abTest(a, b) {
  // Only change code below this line
  if (a || b < 0);
  return "";

  // Only change code above this line

  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

// Change values below to test your code
abTest(-1,2);
The issue is I've tried to make a sub-routine and without. I just can't seem to figure out how to make the return undefined WHILE also allowing the 2nd return to function.
Manish Giri
@Manish-Giri
Mar 09 2017 04:20
@erratic-pAtterns https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
use this link instead
codepen's default bootstrap now links to v4, which is in alpha, and has a lot of backwards compatibility issues.
@IMDBLM you need to check for both a and b
__mifflin__
@cdrainxv
Mar 09 2017 04:21
@IMDBLM:
  1. It either a is less than 0 or b is less than 0 not a or b is less than 0
  2. undefined is a keyword. Use it as such
Manish Giri
@Manish-Giri
Mar 09 2017 04:21
like
life = undefined;
Tayin
@Baljeet1
Mar 09 2017 04:21
lol this is so messed up
__mifflin__
@cdrainxv
Mar 09 2017 04:22
@IMDBLM: Also remove the ; from this: if (a || b < 0);
erratic-pAtterns
@erratic-pAtterns
Mar 09 2017 04:23
@Manish-Giri Thank you! It seems to work now. I was wondering why some classes were different from the ones mention in the lectures. (i.e. img-responsive > img-fluid)
CamperBot
@camperbot
Mar 09 2017 04:23
erratic-patterns sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4664 | @manish-giri |http://www.freecodecamp.com/manish-giri
susaint
@susaint
Mar 09 2017 04:23
@Manish-Giri https://codepen.io/Susaint/pen/KWNYbJ ..........my h1 has gone to background...how to bring it to front?
Matthew
@IMDBLM
Mar 09 2017 04:23
@Manish-Giri Do I need two different if statements then? Because I had 2 separate if statments before and was told that was wrong.
Manish Giri
@Manish-Giri
Mar 09 2017 04:23
yeah codepen is stupid @erratic-pAtterns
Tayin
@Baljeet1
Mar 09 2017 04:24
alright ill try and figure this out tomorrow
Manish Giri
@Manish-Giri
Mar 09 2017 04:24
@IMDBLM you can check for multiple things in a single if statement itself
if(firstName == "Matthew" || user-name == "imdblm")
__mifflin__
@cdrainxv
Mar 09 2017 04:24

Either:

if () 
  Statement;

Notice the indent to signify that the statement belongs to the if block, or:

if () {
  Statement;
}
@IMDBLM
Manish Giri
@Manish-Giri
Mar 09 2017 04:24
@susaint did you try z-index?
susaint
@susaint
Mar 09 2017 04:26
@Manish-Giri .....no what value should i put s that my image merges with h1
davis reed
@provethemwrong
Mar 09 2017 04:26
it would seem simple
Matthew
@IMDBLM
Mar 09 2017 04:26
@cdrainxv So the keyword is maybe what's been most confusing to me. I went back and checked that particular example, and I understood it as I need an undefined var to get the 'undefined' keyword.
__mifflin__
@cdrainxv
Mar 09 2017 04:27
Good on you for figuring it out. :smile:
Potatocom
@Potatocom
Mar 09 2017 04:27

<style>
.red-text {
color: red;
}
</style>

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

erratic-pAtterns
@erratic-pAtterns
Mar 09 2017 04:28
Btw. is it recommended to use a HTML/CSS editor (e.g. Backets) + GitHub instead of Codepen.io?
Potatocom
@Potatocom
Mar 09 2017 04:28
can anyone tell me why this is not red
Manish Giri
@Manish-Giri
Mar 09 2017 04:28
@susaint I added this z-index: -1; to the img and it worked
badalsaibo
@heyDante
Mar 09 2017 04:28
@Potatocom you didn't applied the class.
__mifflin__
@cdrainxv
Mar 09 2017 04:28
^ You didn't add the red-text class to your h2 element.
Manish Giri
@Manish-Giri
Mar 09 2017 04:28
try playing around with this more to get the value you want.
badalsaibo
@heyDante
Mar 09 2017 04:29
@erratic-pAtterns Yes.
Colin Daly
@colindaly
Mar 09 2017 04:30
@susaint Put your image as a background into the body CSS and remove the <div><img> code block in your HTML
<style>
body {
background: url('http://www.digitalplatforms.co.za/wp-content/uploads/2015/11/Website-Design-Background.png');
}
</style>
Matthew
@IMDBLM
Mar 09 2017 04:31
@Manish-Giri @cdrainxv Thanks for your help. I think the problem I had was the keyword. Son of a gun.
erratic-pAtterns
@erratic-pAtterns
Mar 09 2017 04:33
@heyDante Cool, I wonder why FCC does not emphasize this.
badalsaibo
@heyDante
Mar 09 2017 04:34
@erratic-pAtterns Codepen.io is good for short-projects which FCC gives. Also is more sublime towards beginner. As one progress, he/she will ultimately rely upon the usefulness of a powerful text-editor in his work.
__mifflin__
@cdrainxv
Mar 09 2017 04:35
^ Because these are throwaway projects. If you really wanted to have them hosted on a site, server, etc you wouldn't be using codepen. Codepen is mainly for experimenting and showcasing.
Matthew
@IMDBLM
Mar 09 2017 04:36
@erratic-pAtterns You may find it easier to just start flat out with a text editor. Brackets (if you're on windows) is a pretty good start.
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 04:36
Brackets is amazing.
__mifflin__
@cdrainxv
Mar 09 2017 04:36
atom
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 04:36
It has a live preview window so you can see your code edited in real time
badalsaibo
@heyDante
Mar 09 2017 04:36
Atom
__mifflin__
@cdrainxv
Mar 09 2017 04:36
^ so does atom
erratic-pAtterns
@erratic-pAtterns
Mar 09 2017 04:36
@IMDBLM I have downloaded it alreay. I have yet to try it though.
@AndrewOscarDelta Sounds great.
SomBoy21
@SomBoy21
Mar 09 2017 04:37
Should I be taking down notes as I practice this or not?
Just asking!
badalsaibo
@heyDante
Mar 09 2017 04:38
@SomBoy21 if you feel something/points are worth taking, then go ahead. I did that :smile:
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 04:38
That's your choice
Colin Daly
@colindaly
Mar 09 2017 04:38
@susaint Look at this edited code > https://codepen.io/colindaly/pen/GWrObp
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 04:38
if you feel you learn better with notes, do it
erratic-pAtterns
@erratic-pAtterns
Mar 09 2017 04:38
Thanks for all the answers :) Gtg to work now.
Manish Giri
@Manish-Giri
Mar 09 2017 04:38

@cdrainxv well @Marmiz definitely did it better than I would have..I would have just said

STFU and GTFO

:stuck_out_tongue:
Claudio Restifo
@Marmiz
Mar 09 2017 04:39
@Manish-Giri that's added inside but not rendered... so at least screen readers and spider bot will know my true feelings :laughing:
__mifflin__
@cdrainxv
Mar 09 2017 04:40

@Marmiz:

secondline --> incorrect

secondLine --> correct

SecondLine

Manish Giri
@Manish-Giri
Mar 09 2017 04:40
@Marmiz :smiling_imp:
yeah def change to S else he's gonna copy s literally and come back swinging again..
Claudio Restifo
@Marmiz
Mar 09 2017 04:41
@cdrainxv
d'oh
susaint
@susaint
Mar 09 2017 04:43
thanks everyone
Giancarlo Barillas
@gbarilla
Mar 09 2017 04:45
hello can someone help me with a quick javascript question
Claudio Restifo
@Marmiz
Mar 09 2017 04:45
@cdrainxv I guess we cannot do more than that! :)
I've spent enough time on that ;)
birdjaxoan
@birdjaxoan
Mar 09 2017 04:46
Hey I'm brand new to coding and currently learning how to change text color with CSS class declaration along with applying a class to an HTML element. My h2 element has the class red-text and my style sheet declares a red-text class and has its color set to red, but the color is still not red. Anything I'm missing?
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 04:47
Sounds like you got the idea, can we see your code?
Thank you for actually explaining your issues instead of just "halp!"
Giancarlo Barillas
@gbarilla
Mar 09 2017 04:47
functionproblem([1, 2, 3,"hello", 1, 2, 5], 5, 3);
birdjaxoan
@birdjaxoan
Mar 09 2017 04:47

<style>
h2 .red-text {
color: red;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

Giancarlo Barillas
@gbarilla
Mar 09 2017 04:47
oh sorry
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 04:47
h2 shouldn't be in the style
birdjaxoan
@birdjaxoan
Mar 09 2017 04:47
Thank you!
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 04:48
because you're not trying to say the H2 is red you're saying anythign with the class red-text is red and then applying that class to the h2, you know?
birdjaxoan
@birdjaxoan
Mar 09 2017 04:48
Yes that makes sense I appreciate the explanation,
AndrewOscarDelta
@AndrewOscarDelta
Mar 09 2017 04:48
No worries, keep chugging along :P
Giancarlo Barillas
@gbarilla
Mar 09 2017 04:49
Hello. Im working on the javascript problems. The problem that im having is accessing parts of an argument. functionproblem([1, 2, 3,"hello", 1, 2, 5], 5, 3); is a function that takes one argument, how would I access the 5 or the 3 after the array
function functionproblem(arr){} ohhhhhhhhhh wait can i change the argument that it takes? such as function functionproblem(arr,1,2){} or am i going to have to do somthing else?
DomLeong
@DomLeong
Mar 09 2017 04:51
Give the text input in your form the class form-control.
i dont get it
<input class="form-control"><button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i></input>
Andrew Shieh
@andrewlikes
Mar 09 2017 04:52
@gbarilla so you pretty much have a subarray within an array
Giancarlo Barillas
@gbarilla
Mar 09 2017 04:52
yes
i thought i would be able to access the other parts of my array with arr1 or arrrom-rb/rom-repository#60 to gain access to the other parts of the argument but that did not return any
Andrew Shieh
@andrewlikes
Mar 09 2017 04:53
what challenge is that called
Giancarlo Barillas
@gbarilla
Mar 09 2017 04:53
its seek and destroy
Claudio Restifo
@Marmiz
Mar 09 2017 04:53

@gbarilla if what's inside the parenthesis is all function args, you can access them with the Arguments object:

arguments[1]   // 5
arguments[2]  // 3

Arguments

Giancarlo Barillas
@gbarilla
Mar 09 2017 04:54
ha, darn i should have tried that
Andrew Shieh
@andrewlikes
Mar 09 2017 04:54
that's a nifty object, i haven't gotten to that yet, unless I looked over it
Giancarlo Barillas
@gbarilla
Mar 09 2017 04:54
i thought it was that but i didnt test that out. darn. Thank you for your help
badalsaibo
@heyDante
Mar 09 2017 04:55
@DomLeong It didn't say to nest the buttons inside of it ?
Andrew Shieh
@andrewlikes
Mar 09 2017 04:55
@domleong need to see more code
DomLeong
@DomLeong
Mar 09 2017 04:56
<input type="text" placeholder="cat photo URL" required>
<input class="form-control"><button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i></input>
</form>
Colin Daly
@colindaly
Mar 09 2017 04:56

@DomLeong

Give the text input in your form the class form-control.
I dont get it either. It doesnt explain what it does

MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 04:56
hi
Andrew Shieh
@andrewlikes
Mar 09 2017 04:56
you have 2 input elements
DomLeong
@DomLeong
Mar 09 2017 04:56
Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element.
Give the text input in your form the class form-control.
Make sure each of your i elements has a closing tag.
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 04:56
i have problem with code pen
Andrew Shieh
@andrewlikes
Mar 09 2017 04:57
also isn't input element self closing
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 04:57
when i use bootstrap navbar the list items are arranged in vertical manner
while i do the same in my pc its perfect
how should i solve the problem
Andrew Shieh
@andrewlikes
Mar 09 2017 04:58
show your code pen
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 04:58
wait
Tyler Lay
@Tlay94
Mar 09 2017 04:59
Hai thare :sparkles: $("target4").html("<em></em>");
How do?
"Change the button with id target4 by emphasizing its text."
Andrew Shieh
@andrewlikes
Mar 09 2017 05:00
if it's id you should use # in front of target4
also in between the em tags should be the text you wish to modify
Tyler Lay
@Tlay94
Mar 09 2017 05:00
thank you very much!!! im such a ding dong sometimes
i dont know why is this happening
while i run the same code on pc its perfect
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:08
hi anyone there
sahalcb4
@sahalcb4
Mar 09 2017 05:09
does any one know how to turn an image into a link
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:09
ya just nest it into <a> tag
<a href=""><img src=""></a>
like this
sahalcb4
@sahalcb4
Mar 09 2017 05:10
thank u
sorry, buti don't think it's woking
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:12
it will
<a href="link"><img src="source of image"></a>
sahalcb4
@sahalcb4
Mar 09 2017 05:13
where do i write the link
oh
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:14
its same as the way u use <a> tah
tag
just replace the text u link by and image
sahalcb4
@sahalcb4
Mar 09 2017 05:15
sorry but, what is the source of image
SkyResMedia
@SkyResMedia
Mar 09 2017 05:16
Hi, I'm not understanding what's needed.
ohsnapbrit
@ohsnapbrit
Mar 09 2017 05:16
new coder here... how do you comment out your p elemet so its not visible on page
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:17
check out this
<!--comment--> @ohsnapbrit this how u comment in html
susaint
@susaint
Mar 09 2017 05:17
@ohsnapbrit <!-- <p>..............................--->
ohsnapbrit
@ohsnapbrit
Mar 09 2017 05:18
thanks
SkyResMedia
@SkyResMedia
Mar 09 2017 05:18
Can someone help me with (Use CSS Selectors to Style Elements)
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:18
@sahalcb4 here check the pen
source of image is the url u place inside the quotes
it means where it is located
plz can u be more specific @SkyResMedia
sahalcb4
@sahalcb4
Mar 09 2017 05:21
@MrityunjaiMishra can u tell me whats a dead link
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:21
that means u want that fox img to be in background
just a sec im actually busy with simething @sahalcb4
sahalcb4
@sahalcb4
Mar 09 2017 05:22
k

You can make elements into links by nesting them within an a element.

Nest your image within an a element. Here's an example:

<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>

Remember to use # as your a element's href property in order to turn it into a dead link.

Place the existing image element within an anchor element.

Once you've done this, hover over your image with your cursor. Your cursor's normal pointer should become the link clicking pointer. The photo is now a link.

MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:23
so dead link is basically <a href="#"></a>
if u put # instead of any link that is a dead link
sahalcb4
@sahalcb4
Mar 09 2017 05:24
k
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:24
u can know more on w3c schools
Deepa Padmanabhan
@deepapadma
Mar 09 2017 05:24
hi
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:24
hi
Alexander Køpke
@alexanderkopke
Mar 09 2017 05:24
also hi
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:24
ca u jhelp me with code pen
help*
sahalcb4
@sahalcb4
Mar 09 2017 05:25
thanks for ur help thoo
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:25
np
i m getting vertical links instead of horizontal
susaint
@susaint
Mar 09 2017 05:26
https://codepen.io/Susaint/pen/KWNYbJ..........second image overlapping ....I want my second image to stay below first image..hrlp
Alexander Køpke
@alexanderkopke
Mar 09 2017 05:28
@MrityunjaiMishra codepen is using bootstrap version 4. Go to css setting and replace the bootstrap link with this link : https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:28
ohk
thnx
susaint
@susaint
Mar 09 2017 05:28
@MrityunjaiMishra use:- float:left o your <li>
Josh Goldberg
@GoldbergData
Mar 09 2017 05:29
What is codepen anyway? Any benefits to using?
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:29
it didnt worked @susaint
thnx @alexanderkopke it worked
CamperBot
@camperbot
Mar 09 2017 05:30
mrityunjaimishra sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1185 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Mar 09 2017 05:31
@GhostTheSavage this is what their about page says: CodePen is a playground for the front end side of the web. It's all about inspiration, education, and sharing.
SkyResMedia
@SkyResMedia
Mar 09 2017 05:31

I need a lil help in The "Front End Development Certification" section (Use CSS Selectors to Style Elements) <style> h2 {color: blue;} </style>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> my h2 element won't turn blue.

Jim
@JLOSS1
Mar 09 2017 05:32
Anyone free to lend a hand? I'm on Target the same element with multiple jQuery Selectors and I have
<script>
$(document).ready(function() {
$("button").addClass(animated);
$(".btn").addClass(shake);
$("button .btn #target1").addClass(animated, shake, btn-primary);
});
</script>
not sure what i'm doing wrong...
susaint
@susaint
Mar 09 2017 05:32
@alexanderkopke https://codepen.io/Susaint/pen/KWNYbJ..........second image overlapping ....I want my second image to stay below first image..hrlp
Alexander Køpke
@alexanderkopke
Mar 09 2017 05:32
@SkyResMedia where is your h2 element?
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:34
put you second image as background image @susaint
Rahsheen Porter
@rahsheen
Mar 09 2017 05:35
@JLOSS1 what element exactly are you targetting on that last line? Do you need to add all 3 classes?
susaint
@susaint
Mar 09 2017 05:36
@alexanderkopke .........I want to keep it below first image and wrap text aroud it.......I am building portfolio
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:36
i dont know about that much
sorry
Jim
@JLOSS1
Mar 09 2017 05:36

@rahsheen it says
Using .addClass(), add only one class at a time to the same element, three different ways:

Add the animated class to all elements with type button.

Add the shake class to all the buttons with class .btn.

Add the btn-primary class to the button with id #target1.
You should only be targeting one element and adding only one class at a time. Altogether, your three individual selectors will end up adding the three classes shake, animated, and btn-primary to #target1.

So i'm confused. I thought i need all three on the last one.

SkyResMedia
@SkyResMedia
Mar 09 2017 05:36

<style> h2 {color: blue;}CatPhotoApp </style>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> @alexanderkopke

MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:37
use id to target specific button @JLOSS1
Ishan Azam
@sazedaazam
Mar 09 2017 05:38
trying to size an image but having troublw with placement
Jim
@JLOSS1
Mar 09 2017 05:39

@MrityunjaiMishra maybe it'll help if I have all my code laid out:

<script>
$(document).ready(function() {
$("button").addClass(animated);
$(".btn").addClass(shake);
$("button .btn #target1").addClass(animated, shake, btn-primary);
});
</script>

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>

Spence Maher
@spencer710
Mar 09 2017 05:39

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em> #target4 </em>");

});
</script>

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>

Rahsheen Porter
@rahsheen
Mar 09 2017 05:39
@JLOSS1 you are close, but remember that most elements can be targeted multiple ways in your CSS AND "You should only be targeting one element and adding only one class at a time" :)
pengpeng
@pobo0214
Mar 09 2017 05:40
你应该添加一个 <i class="fa fa-trash"></i> 到你的删除按钮元素中。
<button class="btn btn-block btn-primary">
<i class="fa fa-thumbs-up">Like</i>
</button>
</div>
Manish Giri
@Manish-Giri
Mar 09 2017 05:40
@spencer710 ("<em> #target4 </em>");
remove spaces
Jim
@JLOSS1
Mar 09 2017 05:40
Haha alright. Thanks @rahsheen
CamperBot
@camperbot
Mar 09 2017 05:40
:cookie: 240 | @rahsheen |http://www.freecodecamp.com/rahsheen
jloss1 sends brownie points to @rahsheen :sparkles: :thumbsup: :sparkles:
pengpeng
@pobo0214
Mar 09 2017 05:40
这个我真的不知道哪里错了啊 求指点
Alexander Køpke
@alexanderkopke
Mar 09 2017 05:41
@susaint from what I understand you want your second image to appear after the first image. So you see the second image when you scroll down
Spence Maher
@spencer710
Mar 09 2017 05:41
@Manish-Giri Thank you
CamperBot
@camperbot
Mar 09 2017 05:41
spencer710 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4665 | @manish-giri |http://www.freecodecamp.com/manish-giri
Rahsheen Porter
@rahsheen
Mar 09 2017 05:42
Very hard question I'm trying to figure out here...serious conundrum..... :coffee: and code or :sleeping: dreams....
Leaning toward code and either finishing my SImon game or training on React+Redux
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:42
ohk i got u @susaint u want to create a parallax effext
effect*
Rahsheen Porter
@rahsheen
Mar 09 2017 05:43
@susaint, check out http://rahsheen.github.io, it has what you are trying to do. Code should be easily understood...maybe...
Sourabh Rangdal
@sourabhrangdal
Mar 09 2017 05:44

help :

a should have a value of 7
b should have a value of 7
a should be assigned to b with =

var a = 7;
var b = 7;
var a = b;

__mifflin__
@cdrainxv
Mar 09 2017 05:44

@Chucqui:

var myStr = "FirstLine\n\\SecondLine\\\rThirdLine";

the capitalization is very important.

MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:44
@rahsheen did u used css for parallax effect
grt work
Sourabh Rangdal
@sourabhrangdal
Mar 09 2017 05:46
@rahsheen i need, can i ask please
susaint
@susaint
Mar 09 2017 05:47
@rahsheen there ain't no code in your link
@alexanderkopke my second image is overlapping my first img..
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 05:50
can anyone tell me from where can i get good icons for web designing
Jim
@JLOSS1
Mar 09 2017 05:51
Alright, I'm going through this and, i may just be naive here because i'm in the jQuery part but, why do we use CSS at all if we can do all this in jQuery?
susaint
@susaint
Mar 09 2017 05:51
its simple static website I am designing...........am i doing it the hard way......its making me crazy
Rahsheen Porter
@rahsheen
Mar 09 2017 05:52
@susaint @MrityunjaiMishra You should be able to view the source in your web browser of choice. I believe Chrome is simply Control+U or you can hit the github repo --> https://github.com/rahsheen/rahsheen.github.io
What's up @sourabhrangdal ?
@JLOSS1 jQuery only makes it easy to access the HTML elements. You still need the CSS to style them.
ohsnapbrit
@ohsnapbrit
Mar 09 2017 05:53
How do you Comment out your p element so that it is not visible on your page.
Ishan Azam
@sazedaazam
Mar 09 2017 05:54
can anyone help me figure out where to put the css smaller image class for the catphotoapp ?
Rahsheen Porter
@rahsheen
Mar 09 2017 05:54
<!--
<p>My paragraph</p>
-->
Jim
@JLOSS1
Mar 09 2017 05:54
I gotcha @rahsheen
Ishan Azam
@sazedaazam
Mar 09 2017 05:54

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Rahsheen Porter
@rahsheen
Mar 09 2017 05:55
@ohsnapbrit
<!--
<p>My paragraph</p>
-->
sahalcb4
@sahalcb4
Mar 09 2017 05:57
i have question on nesting
Rahsheen Porter
@rahsheen
Mar 09 2017 05:57
What you got, @sahalcb4 ?
sahalcb4
@sahalcb4
Mar 09 2017 05:58

Turn an Image into a Link
You can make elements into links by nesting them within an a element.

Nest your image within an a element. Here's an example:

<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>

Remember to use # as your a element's href property in order to turn it into a dead link.

Place the existing image element within an anchor element.

Once you've done this, hover over your image with your cursor. Your cursor's normal pointer should become the link clicking pointer. The photo is now a link.

Run tests (ctrl + enter)
Reset Help Bug
Nest the existing img element within an a element.
Your a element should be a dead link with a href attribute set to #.
Make sure each of your a elements has a closing tag.

<a href="#"><img src=https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. ></a>
ma man i was stuck here for hours
Rahsheen Porter
@rahsheen
Mar 09 2017 05:59
Nesting simply means putting one tag or set of tags inside of another tag. In what you posted, you're putting the <img /> tag inside of the <a>...</a> tag.
sahalcb4
@sahalcb4
Mar 09 2017 06:01
so whats the problem here
Babu Rao Kasi
@babuharry
Mar 09 2017 06:01
anyone interested to help me on javascript
Rahsheen Porter
@rahsheen
Mar 09 2017 06:01
YOu seem to be missing some quotes there, @sahalcb4
your src and your alt
Things are not matching up.
Kalculat3
@Kalculat3
Mar 09 2017 06:02
Can someone help me out putting my first image next to my title on my codepen project please?
I'd like it to be on the right side
and I tried <div class="col-xs-8"> and <div class="col-xs-4">
sahalcb4
@sahalcb4
Mar 09 2017 06:09
@rahsheen so i gotta change the alt
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 06:12
add float:left to your div in which u have put that text
Kalculat3
@Kalculat3
Mar 09 2017 06:14
I was just trying that. Thank you @MrityunjaiMishra
CamperBot
@camperbot
Mar 09 2017 06:14
:cookie: 121 | @mrityunjaimishra |http://www.freecodecamp.com/mrityunjaimishra
kalculat3 sends brownie points to @mrityunjaimishra :sparkles: :thumbsup: :sparkles:
Roberto Abarca
@KDTRobert
Mar 09 2017 06:14
@Kalculat3 Did you get helped
Kalculat3
@Kalculat3
Mar 09 2017 06:14
@robertorah10 Just now from mrit
going to try it out
check mine
Kalculat3
@Kalculat3
Mar 09 2017 06:16
hah, sweet
Roberto Abarca
@KDTRobert
Mar 09 2017 06:17
thank you @Kalculat3
CamperBot
@camperbot
Mar 09 2017 06:17
robertorah10 sends brownie points to @kalculat3 :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @kalculat3 |http://www.freecodecamp.com/kalculat3
Sourabh Rangdal
@sourabhrangdal
Mar 09 2017 06:18
anyone working on challenge 129
Kalculat3
@Kalculat3
Mar 09 2017 06:19
ok so now I got it kind of where I want it but I still want the text centered for the heading
Roberto Abarca
@KDTRobert
Mar 09 2017 06:20
i know people keep telling that the challenges are not numbered not sure why but i think they are related the number on top @sourabhrangdal
Kalculat3
@Kalculat3
Mar 09 2017 06:20
not looking right there
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 06:20
add text-center to whatever heading tag u r using @Kalculat3
Roberto Abarca
@KDTRobert
Mar 09 2017 06:20
@Kalculat3 how i did is with bootstraps
you can do it
by css
but to add text-center
you neet to add the link to use the bootstrap
Kalculat3
@Kalculat3
Mar 09 2017 06:21
the float:left is throwing it to the left of my main image now
i have text-center on it
and i have bootstrap on there
Roberto Abarca
@KDTRobert
Mar 09 2017 06:22
@Kalculat3 hey listen to me
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 06:22
so give padding to your div as auto
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 06:22
just put importatn
important
Roberto Abarca
@KDTRobert
Mar 09 2017 06:22
@Kalculat3 to use the bootstrap remember
you need to add this code
i guess you havent added yet
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
Kalculat3
@Kalculat3
Mar 09 2017 06:23
i did add it
Roberto Abarca
@KDTRobert
Mar 09 2017 06:23
put this on top
on top of everything
let me check
MrityunjaiMishra
@MrityunjaiMishra
Mar 09 2017 06:23
make the padding auto of div u have put your text @Kalculat3
Kalculat3
@Kalculat3
Mar 09 2017 06:24
ok cool. Thanks @robertorah10 I just added that
CamperBot
@camperbot
Mar 09 2017 06:24
kalculat3 sends brownie points to @robertorah10 :sparkles: :thumbsup: :sparkles:
:cookie: 109 | @robertorah10 |http://www.freecodecamp.com/robertorah10
Roberto Abarca
@KDTRobert
Mar 09 2017 06:24
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><body style="background-color: black">
<div class="container ">
<div class="text-center">
<h1>Nikola Tesla</h1>
kinda like this
did it work?
sahalcb4
@sahalcb4
Mar 09 2017 06:26
guys i'm having a trouble with turning images using e element
Kalculat3
@Kalculat3
Mar 09 2017 06:26
I'll try that
sahalcb4
@sahalcb4
Mar 09 2017 06:26
to links
Roberto Abarca
@KDTRobert
Mar 09 2017 06:26
it worked when i tried it
that shoud be
Kalculat3
@Kalculat3
Mar 09 2017 06:27
But the picture still isn't to the side of the header
I need to add the auto padding
Roberto Abarca
@KDTRobert
Mar 09 2017 06:28
<img src=“…”><a href=“link”></a>
i think
sahalcb4
@sahalcb4
Mar 09 2017 06:28
i'll try thanks @robertorah10
CamperBot
@camperbot
Mar 09 2017 06:28
sahalcb4 sends brownie points to @robertorah10 :sparkles: :thumbsup: :sparkles:
:cookie: 110 | @robertorah10 |http://www.freecodecamp.com/robertorah10
Roberto Abarca
@KDTRobert
Mar 09 2017 06:29
@Kalculat3 i thin you have to add that class padding
Kalculat3
@Kalculat3
Mar 09 2017 06:29
I'm at work right now about to headout. Thanks for the help guys, i'm going to try the padding when I get home
Shvetal
@verv0eren
Mar 09 2017 06:29
hello guys
sahalcb4
@sahalcb4
Mar 09 2017 06:31
sorry but i dont think its working man
Spetsnaz
@Spetsnaz-Dev
Mar 09 2017 06:33
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a></p>
i have to turn this into a hash symbol or dead link......should i replace href with # ????
Roberto Abarca
@KDTRobert
Mar 09 2017 06:33
@sahalcb4
try this out
this example
<a href=“link">
<img src=“image.gif" alt=“whatever you wanna call it in case it goes wrong" </a>
sahalcb4
@sahalcb4
Mar 09 2017 06:34
k
Phyllis
@PhyllisWong
Mar 09 2017 06:35
hello
Chris Cullen
@123xylem
Mar 09 2017 06:36
Error: Cannot find module 'ejs'
    at Function.Module._resolveFilename (module.js:325:15)
    at Function.Module._load (module.js:276:25)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at new View (/home/ubuntu/workspace/node_modules/express/lib/view.js:78:30)
    at EventEmitter.render (/home/ubuntu/workspace/node_modules/express/lib/application.js:569:12)
    at ServerResponse.render (/home/ubuntu/workspace/node_modules/express/lib/response.js:960:7)
    at /home/ubuntu/workspace/animalApp/app.js:32:9
    at Layer.handle [as handle_request] (/home/ubuntu/workspace/node_modules/express/lib/router/layer.js:95:5)
    at next (/home/ubuntu/workspace/node_modules/express/lib/router/route.js:131:13)
    at Route.dispatch (/home/ubuntu/workspace/node_modules/express/lib/router/route.js:112:3)
    at Layer.handle [as handle_request] (/home/ubuntu/workspace/node_modules/express/lib/router/layer.js:95:5)
    at /home/ubuntu/workspace/node_modules/express/lib/router/index.js:277:22
    at Function.process_params (/home/ubuntu/workspace/node_modules/express/lib/router/index.js:330:12)
    at next (/home/ubuntu/workspace/node_modules/express/lib/router/index.js:271:10)
    at methodOverride (/home/ubuntu/workspace/animalApp/node_modules/method-override/index.js:65:14)

Im getting this Error when I have installed and included EJS in my mongo cloud9 server as you can see below

var express=require("express");
var app=express();
var bodyParser=require("body-parser");
var expressSanitizer=require("express-sanitizer");
var methodOverride=require("method-override");
var mongoose=require("mongoose");
var ejs=require("ejs");                                              //I WROTE THIS AS AN EXTRA PRECAUTION(not working tho)

app.use(expressSanitizer());
app.set("view engine","ejs");                                 //HERE I INCLUDE IT
app.use(bodyParser.urlencoded({extended:true}));
app.use(express.static("public"));
app.use(methodOverride("_method"));
mongoose.connect("mongodb://localhost/animalApp");

THE EJS also comes up in my JSON dependencies files, so that proves its saved?
Why does it not recognise my EJS files?

Phyllis
@PhyllisWong
Mar 09 2017 06:36
can anyone tell me why my code is not printing the max value, instead it prints the 0 index in the array?
Screen Shot 2017-03-08 at 10.36.03 PM.png
Roberto Abarca
@KDTRobert
Mar 09 2017 06:38
whats that @PhyllisWong
is that xcode
Phyllis
@PhyllisWong
Mar 09 2017 06:38
its a function to find the maxValue in an array
Roberto Abarca
@KDTRobert
Mar 09 2017 06:38
is c
Phyllis
@PhyllisWong
Mar 09 2017 06:38
no its in sublime
what is xcode?
oh sorry, it's javascript
Roberto Abarca
@KDTRobert
Mar 09 2017 06:39
my bad
i do not that much of javascript
but i know c++
and objective c
Phyllis
@PhyllisWong
Mar 09 2017 06:40
ah, thanks for responding
Roberto Abarca
@KDTRobert
Mar 09 2017 06:40
but a question are specting an input from the user
Phyllis
@PhyllisWong
Mar 09 2017 06:44
thanks @heyDante
CamperBot
@camperbot
Mar 09 2017 06:44
phylliswong sends brownie points to @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 549 | @heydante |http://www.freecodecamp.com/heydante
sahalcb4
@sahalcb4
Mar 09 2017 06:46
guys i need help in challenge 30
patrick andersen
@patr9883
Mar 09 2017 06:49
i need help in challenge 28 Your a element should be a dead link with a href attribute set to "#".
juni
@junipberry
Mar 09 2017 06:49
Hello all, may I have some help pls.
Im trying to make a bootstrap button
and I do not know how to format the new btn element
do I nest it inside a <label>
or do I form an action
sahalcb4
@sahalcb4
Mar 09 2017 06:52
what challange are u in @junipberry
juni
@junipberry
Mar 09 2017 06:52
‘create a bootstrap button'
sahalcb4
@sahalcb4
Mar 09 2017 06:53
sory, i can't help u i'm not there yet
juni
@junipberry
Mar 09 2017 06:54
ok np
how can I help you sahal
@patrick andersen I can help you. I’ve completed that challenge
what code do you have so far
patrick andersen
@patr9883
Mar 09 2017 06:55
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
sahalcb4
@sahalcb4
Mar 09 2017 06:55
i'm trying to turn an image to a link
i'm at 30
juni
@junipberry
Mar 09 2017 06:55
ok one sec
sahalcb4
@sahalcb4
Mar 09 2017 06:57
<p> View more <a href="http://www.freecatphotoapp.com">cat photos</a> </p>
there u go @patr9883
v-erawang
@v-erawang
Mar 09 2017 06:59
hey does anyone have a good idea for like a beginner java project
sahalcb4
@sahalcb4
Mar 09 2017 07:00
@v-erawang sorry man
@v-erawang no one is here
v-erawang
@v-erawang
Mar 09 2017 07:02
lol no worries
sahalcb4
@sahalcb4
Mar 09 2017 07:02
@v-erawang but can u give me the solution for 30
juni
@junipberry
Mar 09 2017 07:02
you have to use # as your href property.. so it should be <p><a href=“#” >cat photos<img src ="http://www.freecatphotoapp.com”></a></p> @patr9883
sahalcb4
@sahalcb4
Mar 09 2017 07:03
@junipberry i helped him he's gone
@junipberry can u help me on 30 thoo
juni
@junipberry
Mar 09 2017 07:04
dont think that was it..need to use #
okay ..can you give me the lesson title
sahalcb4
@sahalcb4
Mar 09 2017 07:05
turn an image into a link
juni
@junipberry
Mar 09 2017 07:05
oh ..thats what I wrote above
patrick andersen
@patr9883
Mar 09 2017 07:06
@junipberry it do not work whit your line
sahalcb4
@sahalcb4
Mar 09 2017 07:06
k
juni
@junipberry
Mar 09 2017 07:06
using the href property set to # within an “a” element..rt?
is it the right link? @patr9883
patrick andersen
@patr9883
Mar 09 2017 07:07
yes it the right link but your line do not work
ohsnapbrit
@ohsnapbrit
Mar 09 2017 07:08
CHAP 17 OF Change the Font Size of an Element know how to do it
patrick andersen
@patr9883
Mar 09 2017 07:10
blob
@ohsnapbrit
juni
@junipberry
Mar 09 2017 07:11
okay thought you were on 30 but it was the other guy.
okay to turn it into a dead link.. it should be
ohsnapbrit
@ohsnapbrit
Mar 09 2017 07:11
thanks pat
patrick andersen
@patr9883
Mar 09 2017 07:11
nice to help
juni
@junipberry
Mar 09 2017 07:12
<p>click here for <a href=#> cat photos</a>.</p>
@patr9883
Kosarev1989
@Kosarev1989
Mar 09 2017 07:12
Hello, need some help, working on my my project as training
title
Can't figure out how to make footer cover all wight of the page.
patrick andersen
@patr9883
Mar 09 2017 07:13
@junipberry thx
CamperBot
@camperbot
Mar 09 2017 07:13
patr9883 sends brownie points to @junipberry :sparkles: :thumbsup: :sparkles:
:cookie: 62 | @junipberry |http://www.freecodecamp.com/junipberry
juni
@junipberry
Mar 09 2017 07:13
no prob
what is the title you need help with kosarev
are you doing html
Kosarev1989
@Kosarev1989
Mar 09 2017 07:14
@junipberry 'title' is a link to codepen
@junipberry am doing html+css+javascript
Claudio Restifo
@Marmiz
Mar 09 2017 07:15
@Kosarev1989 your body has a margin of 8px
the space you "cannot fill" is that
vbjunkie26
@vbjunkie26
Mar 09 2017 07:16
can anyone help me create an img element with .smaller-image class?
Claudio Restifo
@Marmiz
Mar 09 2017 07:16

override it by giving your body:

width: 100%;
margin: 0;

@Kosarev1989

Kosarev1989
@Kosarev1989
Mar 09 2017 07:18
@Marmiz it works; thanks. But still can't understand why the problem occured in the first place.
CamperBot
@camperbot
Mar 09 2017 07:18
kosarev1989 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 711 | @marmiz |http://www.freecodecamp.com/marmiz
juni
@junipberry
Mar 09 2017 07:19
@Marmiz would you be able to help me create a botdtrap button
boostrap btn
Claudio Restifo
@Marmiz
Mar 09 2017 07:19

@Kosarev1989 that's the user agent that place it.
Standard default browser.

Perhaps you are used to use library (as bootstrap) that often overrides it without you noticing.

Brian Johnson
@BrianFJohnson
Mar 09 2017 07:20
Hey all! I'm working on my Tribute page, and building it in honor of my mother, who was just diagnosed with a terminal illness. I'm having trouble with my images, though, and can't seem to get the URLs to work properly, as I've stored them in OneDrive and used their "shareable link" option to load them, which worked fine until about an hour ago. Any suggestions?
Claudio Restifo
@Marmiz
Mar 09 2017 07:20
@junipberry what about that?
@BrianFJohnson browser console telling something?
Brian Johnson
@BrianFJohnson
Mar 09 2017 07:21
I get a 403 error, saying this user does not have access
Claudio Restifo
@Marmiz
Mar 09 2017 07:22
@BrianFJohnson so you have to authorize OneDrive for connection coming from Codepen
frank
@ereacode
Mar 09 2017 07:22
@EnterTheWebZA sorry for responding so late but first of all thank for responding and thank for the help
CamperBot
@camperbot
Mar 09 2017 07:22
ereacode sends brownie points to @enterthewebza :sparkles: :thumbsup: :sparkles:
:cookie: 71 | @enterthewebza |http://www.freecodecamp.com/enterthewebza
Eldrida
@Eldrida
Mar 09 2017 07:22
Hi. How does one create a script element?
Brian Johnson
@BrianFJohnson
Mar 09 2017 07:22
So, even though it says they're publicly viewable and shareable, I'll need to give CodePen authorization?
juni
@junipberry
Mar 09 2017 07:23
I do not know how to format the bootstrap button
Riffles
@Riffles
Mar 09 2017 07:24
Guys, I can't get passed the ordered list stage of the course.... I know I've got the right code, but, it keeps giving me an error telling me "you should have an ordered list for"Top 3 things cats hate:"
Claudio Restifo
@Marmiz
Mar 09 2017 07:25
@Eldrida
<script>
  your script inside here
</script>
juni
@junipberry
Mar 09 2017 07:25
@Riffles can you post the code you have so far
Riffles
@Riffles
Mar 09 2017 07:26

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Things cats hate:</p>

<ol>
<li>baths</li>
<li>perfume</li>
<li>dogs</li>
</ol>

Kosarev1989
@Kosarev1989
Mar 09 2017 07:28
@Marmiz thanks again, will have a look
CamperBot
@camperbot
Mar 09 2017 07:28
kosarev1989 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:warning: kosarev1989 already gave marmiz points
juni
@junipberry
Mar 09 2017 07:28
hmm everything look correct..can you reset the code and redo it
sometimes resetting it clears up unintended marks you may not notice elsewhere
Riffles
@Riffles
Mar 09 2017 07:29
I tried.. I input the <ol> parts into different sections of the code to see if maybe the program expected it to be input in a specific location. That didn't work either though :(
qawser
@qawser
Mar 09 2017 07:29
Its supposed to be "Top 3 things cats hate"
juni
@junipberry
Mar 09 2017 07:30
wait. you need to put the closing </p> after the </ol> and </ul> lists
Riffles
@Riffles
Mar 09 2017 07:30
Qawser was right :)
I'm dumb
Claudio Restifo
@Marmiz
Mar 09 2017 07:31

@Riffles

Top 3 things cats hate:

I know it's sketchy but the program test for exact string so this:

<p>Things cats hate:</p>

Is incorrect

tywin1
@tywin1
Mar 09 2017 07:31
The result checker tends to be picky about what you've input...
Riffles
@Riffles
Mar 09 2017 07:31
I figured the program was pretty exact, that was a simple mistake I overlooked
Thanks for the input all, much obliged!
Eldrida
@Eldrida
Mar 09 2017 07:31
@Marmiz - Thank you!
CamperBot
@camperbot
Mar 09 2017 07:31
eldrida sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 712 | @marmiz |http://www.freecodecamp.com/marmiz
nitish prajapati
@Nitish001
Mar 09 2017 07:32
how to give text iinput in your form the class form-contrl
juni
@junipberry
Mar 09 2017 07:35
how do I create a button element?
Claudio Restifo
@Marmiz
Mar 09 2017 07:35
@junipberry
<button></button>
@Nitish001 adding class is always the same in html: class="my-awesome-class"
juni
@junipberry
Mar 09 2017 07:36
lol oh my..