These are chat archives for FreeCodeCamp/Help

12th
Feb 2017
jeremy suarez
@jsuarez93
Feb 12 2017 00:01
how do i get my div to have a silver background?
Garrus Napp
@GarrusNapp
Feb 12 2017 00:02
@jsuarez93 you create a silver-background class and apply it to the div
jeremy suarez
@jsuarez93
Feb 12 2017 00:04
@GarrusNapp where tho? let me uplod my code
screenshot-www.freecodecamp.com-2017-02-11-18-05-53.png
@GarrusNapp its up
Håło
@villy-k
Feb 12 2017 00:06
@GarrusNapp
Garrus Napp
@GarrusNapp
Feb 12 2017 00:06
@jsuarez93 not full, just copy paste here
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:07
can someone please help me with Create a Set of Radio Buttons
Manish Giri
@Manish-Giri
Feb 12 2017 00:07
@lanathehaxoar what's the problem?
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:08
i cant figure out the code for it here ill show you my code
jeremy suarez
@jsuarez93
Feb 12 2017 00:08

@GarrusNapp

<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>

<div>
<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>
</div>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:08
<label><input type="radio" name="indoor-outdoor"</label>
<label><input type="radio" name="outdoor-indoor"</label>
one sec afk
Garrus Napp
@GarrusNapp
Feb 12 2017 00:09
@jsuarez93 ok, looks like you have div where you need it. but it needs silver-background class. also in style tag create a .silver-background {} and give it background-color of silver
Anh Nguyen
@tiremon112
Feb 12 2017 00:12
@lanathehaxoar look like you need text
Manish Giri
@Manish-Giri
Feb 12 2017 00:12
didn't close the input elements too
Anh Nguyen
@tiremon112
Feb 12 2017 00:12
and a > at the end of input tag
jeremy suarez
@jsuarez93
Feb 12 2017 00:13
@GarrusNapp would i start it like <div or <style>
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:14
can you please go back to the challenge Create a Set of Radio Buttons and tell me what i did wrong?
@tiremon112
Anh Nguyen
@tiremon112
Feb 12 2017 00:14
i just told you
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:15
@tiremon112
but can you please show me the code?
Anh Nguyen
@tiremon112
Feb 12 2017 00:15
@Manish-Giri permission grant?
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:16
you dont have to if you dont wanna nut that would be helpful if you did @tiremon112
Anh Nguyen
@tiremon112
Feb 12 2017 00:16
:camel:
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:16
@camperbot
Manish Giri
@Manish-Giri
Feb 12 2017 00:16
lol
@tiremon112 :pray:
Anh Nguyen
@tiremon112
Feb 12 2017 00:16
haha
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:17
@3gimpfingers are u on???!!?!?!?!?!?!?!?!
Håło
@villy-k
Feb 12 2017 00:18
@lanathehaxoar say Indoor after > and the other outdoor after>
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:18
okay @villy-k
3gimpfingers
@3gimpfingers
Feb 12 2017 00:18
@lanathehaxoar I am now.
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:18
oh hi can you help me with the challenge Create a Set of Radio Buttons
Manish Giri
@Manish-Giri
Feb 12 2017 00:19
just close out the input element with >
Håło
@villy-k
Feb 12 2017 00:19
@lanathehaxoar like so <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:19
okay thanks!
@villy-k
thanks @villy-k
CamperBot
@camperbot
Feb 12 2017 00:20
lanathehaxoar sends brownie points to @villy-k :sparkles: :thumbsup: :sparkles:
:cookie: 180 | @villy-k |http://www.freecodecamp.com/villy-k
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:21
@camperbot why are you so weird?
Manish Giri
@Manish-Giri
Feb 12 2017 00:21
uh
he's a bot
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:21
yes i know camperbot is not real
Anh Nguyen
@tiremon112
Feb 12 2017 00:21
American Education is so stupid, take test require money, sent score require money. Dafuq O.O
Manish Giri
@Manish-Giri
Feb 12 2017 00:21
lol
I know
when I was applying
send gre scores
Anh Nguyen
@tiremon112
Feb 12 2017 00:21
so we are basically customers
Manish Giri
@Manish-Giri
Feb 12 2017 00:21
send toefl scores
ugh
Håło
@villy-k
Feb 12 2017 00:22
@lanathehaxoar he's a bot there supposed to be weird like robots missing a human aspect
iRslpy
@iRslpy
Feb 12 2017 00:22
blob
Manish Giri
@Manish-Giri
Feb 12 2017 00:22
@iRslpy add the smaller-image class to the img
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:22
i know :laughing:
afk
UnconqueredMindz
@UnconqueredMindz
Feb 12 2017 00:25
i need help on my tribute page
they cant expect me to memorize all this right?
Anh Nguyen
@tiremon112
Feb 12 2017 00:26
I took the act today and i felt retarded, 75 questions in 45 minutes english 45 questions in 45 minutes, wow, im not a robot
Manish Giri
@Manish-Giri
Feb 12 2017 00:26
Mr. Robot
Håło
@villy-k
Feb 12 2017 00:26
@UnconqueredMindz yes they don't so you have to work your way through check out examples ata
Code pen
UnconqueredMindz
@UnconqueredMindz
Feb 12 2017 00:27
ok where is that?
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:27
im back
UnconqueredMindz
@UnconqueredMindz
Feb 12 2017 00:27
@villy-k
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:27
does anyone need help with any code?
Håło
@villy-k
Feb 12 2017 00:28
@UnconqueredMindz codepen.io then search tribute pages lots of examples for you
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:28
@lanathehaxoar ha im replying to myself hahahahah :laughing:
UnconqueredMindz
@UnconqueredMindz
Feb 12 2017 00:28
ok thankx @villy-k
CamperBot
@camperbot
Feb 12 2017 00:28
unconqueredmindz sends brownie points to @villy-k :sparkles: :thumbsup: :sparkles:
:cookie: 181 | @villy-k |http://www.freecodecamp.com/villy-k
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:29
how do you follow people?
Ryan
@Azbo400
Feb 12 2017 00:29
@lanathehaxoar hover over there image click there username then you can click the follow button on that page
mims97
@mims97
Feb 12 2017 00:30
@lanathehaxoar i do am stuck at adding pictures here's the code i did : < img src="https:/bit.ly/fcc-relaxing-cat.com/bit.ly/fcc-relaxing-cat.jpg"
alt="relaxing cat. ">
Ryan
@Azbo400
Feb 12 2017 00:30
(thats following on github)
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:30
@3gimpfingers are you on?
okay thanks @Azbo400
CamperBot
@camperbot
Feb 12 2017 00:30
lanathehaxoar sends brownie points to @azbo400 :sparkles: :thumbsup: :sparkles:
:cookie: 980 | @azbo400 |http://www.freecodecamp.com/azbo400
Anh Nguyen
@tiremon112
Feb 12 2017 00:31
This president proved me wrong, i thought politics are liar and this bastard did everything like for rel
real
Manish Giri
@Manish-Giri
Feb 12 2017 00:31
lel
Anh Nguyen
@tiremon112
Feb 12 2017 00:31
lol
Ryan
@Azbo400
Feb 12 2017 00:31
@mims97 <img src="putthesourcetheygiveyouhere" alt="relaxing cat. ">
3gimpfingers
@3gimpfingers
Feb 12 2017 00:31
@lanathehaxoar Yes?
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:32
hello fellow eartherainians #bad spelling
Anh Nguyen
@tiremon112
Feb 12 2017 00:32
@Manish-Giri and he goes to court after that, so that is why politics are liar lol
3gimpfingers
@3gimpfingers
Feb 12 2017 00:32
@Azbo400 It looks like all he/she is missing is one /
Håło
@villy-k
Feb 12 2017 00:33
@lanathehaxoar you really like chatting don't you or that's an understatement it's 😍? No offence
Ryan
@Azbo400
Feb 12 2017 00:33
@3gimpfingers yeah
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:33
hello eartheranians i am from planet mars i am a alien and i am here to take over your planet i am a marsaranian
its okay @villy-k im not offended
3gimpfingers
@3gimpfingers
Feb 12 2017 00:34
@lanathehaxoar We're not worried. Elon Musk will invade your planet in a few years. :D
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:34
wow @3gimpfingers just wow
mims97
@mims97
Feb 12 2017 00:34
@Azbo400 well i did put the source but it's still not working
Ryan
@Azbo400
Feb 12 2017 00:35
@mims97 what is your current code?
post it
mims97
@mims97
Feb 12 2017 00:36
@Azbo400 < img src="https:/bit.ly/fcc-relaxing-cat.jpg"
alt="relaxing cat. "> sooo?
3gimpfingers
@3gimpfingers
Feb 12 2017 00:36
Bear with me while I try to figure out this code posting thing.
<p>Just some example code</p>
<h1>Just another line</h1>
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:36
all of you eartheranians are far to complicated i shall go take over all the plutoanians dwarves because i like to take over planets with small people like dwarves on them
3gimpfingers
@3gimpfingers
Feb 12 2017 00:37
AH! Got it!!
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:37
wmahahahahaha (thats my evil laugh or atleast it supposed to be it doesnt sound very evil right now im goona work on it)
Thomas Nguyen
@todadqa
Feb 12 2017 00:37
I was wondering if anyone could help me out with a problem im having. I have a parallax image at the top of my website and the image inside the parallax container is of high resolution however it is zoomed in ALOT so that the picture looks horribly pixelated. I can't resize the image because it takes away from the parallax. Any ideas?
Ryan
@Azbo400
Feb 12 2017 00:37
@mims97 it is <img src="https://fcc-relaxing-cat.jpg" alt="relaxing cat. ">
Chris
@cboe07
Feb 12 2017 00:38
@3gimpfingers howd you post code
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:38
you got what @3gimpfingers
Ryan
@Azbo400
Feb 12 2017 00:38
@cboe07 To format code use bacticks
Ryan
@Azbo400
Feb 12 2017 00:38
click to read what that is
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:39
okay im gonna go do my code now so im leaving the chat by people
by eartheranians wmahahahahaha
Ryan
@Azbo400
Feb 12 2017 00:39
@mims97 wait no thats teh wrong link
@mims97 do the exact same thing but copy and paste the link they give you and put that in the source rather than confused emoji and what not
mims97
@mims97
Feb 12 2017 00:40
@Azbo400 i did what you told me it stikll doesn't work < img src="https://fcc-relaxing-cat.jpg"
alt="relaxing cat. ">
3gimpfingers
@3gimpfingers
Feb 12 2017 00:41
@todadqa I'm not aware of any way to easily enhance an image. If you could vectorize it somehow, that would be loads better.
Chris
@cboe07
Feb 12 2017 00:41

```<style>
h2 {
color: blue;
}
</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>

  h2 {
    color: blue;
  }
</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>
3gimpfingers
@3gimpfingers
Feb 12 2017 00:41
@cboe07 Success! :)
Chris
@cboe07
Feb 12 2017 00:42
having issues getting through this elementary lesson
Ryan
@Azbo400
Feb 12 2017 00:42
@mims97 yes replace that link wit hthe one they give you I put the wrong link, and I dont know what image link they give you
3gimpfingers
@3gimpfingers
Feb 12 2017 00:42
@cboe07 With what specifically?
Chris
@cboe07
Feb 12 2017 00:44
making my h2 element red
<style>
  h2 .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>
3gimpfingers
@3gimpfingers
Feb 12 2017 00:45
@cboe07 Delete h2 from your CSS
Chris
@cboe07
Feb 12 2017 00:45
of course! thanks
tnog111
@tnog111
Feb 12 2017 00:46
im having trouble nesting my text input element within a form element
can anyone help?
mims97
@mims97
Feb 12 2017 00:46
@Azbo400 this is the link they gave me https://bit.ly/fcc-relaxing-cat
tnog111
@tnog111
Feb 12 2017 00:46

<input type="text" placeholder="cat photo URL">

<form action="/submit-cat-photo"> </form>

Thomas Nguyen
@todadqa
Feb 12 2017 00:46
@3gimpfingers that sounds scary !!!
Ryan
@Azbo400
Feb 12 2017 00:47
@mims97 yes, so put that in your src eg.<img src="https://bit.ly/fcc-relaxing-cat" alt="relaxing cat. ">
3gimpfingers
@3gimpfingers
Feb 12 2017 00:48
@todadqa What sounds scary? Forgive me for not getting it. :/
rpech
@rpech
Feb 12 2017 00:48
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"> </form>
Thomas Nguyen
@todadqa
Feb 12 2017 00:48
@3gimpfingers vectorizing the image to allow me to resize it in its parallax thing :(
rpech
@rpech
Feb 12 2017 00:48
between of form
Bond4decimals
@Bond4decimals
Feb 12 2017 00:49
Hello, I'm new here.
Håło
@villy-k
Feb 12 2017 00:50
@LuisBo welcome
tnog111
@tnog111
Feb 12 2017 00:50
thank you!
3gimpfingers
@3gimpfingers
Feb 12 2017 00:51
@todadqa Vectorizing means to turn it into vector art. Vector art is constructed using mathematical figures and you can zoom them without losing quality. Images can be turned into vector, but I'm not sure how.
mims97
@mims97
Feb 12 2017 00:51
@Azbo400 <img src="https: / / bit.ly./fcc-relaxing-cat" alt="relaxing cat. "> is it still wrong?.
3gimpfingers
@3gimpfingers
Feb 12 2017 00:51
You cannot have spaces in your code. @mims97
303fay
@303fay
Feb 12 2017 00:51
can please somebody help me on this! I don't know what to do for the thick green border! here is my code:
iRslpy
@iRslpy
Feb 12 2017 00:52
@Manish-Giri i've only been doing this for a day. im confused about how to 'add the smaller-image class to the img'
Abbu29
@Abbu29
Feb 12 2017 00:52
hey i am having trouble in jscript. they told to add only one class per element. But when i write this
$("#target1").addClass("btn-primary");
showing error
Thomas Nguyen
@todadqa
Feb 12 2017 00:52
@3gimpfingers lol its okay i know what they are just the scary part is doing it and then there's still the daunting task of resizing the image in my css without affecting the parallax effect in jquery that i didn't even write :(
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:52
who is on html and css?
Bond4decimals
@Bond4decimals
Feb 12 2017 00:52
How do i give the P element a font size?
<style>
.red-text {
color: red;
p font-size: 16px;
}
</style>
Marcos PGO
@MPGO
Feb 12 2017 00:52
hi,I am new here too..
Ryan
@Azbo400
Feb 12 2017 00:52
@mims97 okay, why do you have spaces in the https:// ? please there are no spaces if you copy exactly what I said ts right
3gimpfingers
@3gimpfingers
Feb 12 2017 00:52
@todadqa Oh, I guess it's trial and error for you, then. :/
303fay
@303fay
Feb 12 2017 00:52
.smaller-image {
Varinder Mann
@varindermann
Feb 12 2017 00:53
how to nest all html elements in .container-fluid. ??????
Ryan
@Azbo400
Feb 12 2017 00:53
no need to change anything add spaces what not its not https : / /
Håło
@villy-k
Feb 12 2017 00:53
@Bond4decimals get rid of the p there
3gimpfingers
@3gimpfingers
Feb 12 2017 00:53
@Bond4decimals You're missing one {.
Thomas Nguyen
@todadqa
Feb 12 2017 00:53
yh, tempted to give it up and go with standard images on a page because ive been thinking hard and trial and erroring (more erroring) for this whole day now :( @3gimpfingers
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:54
by people im just gonna go do my code and im not gonna be on chat until like 3 hours from now so by
3gimpfingers
@3gimpfingers
Feb 12 2017 00:54
@todadqa That might be a good idea. I don't even know what a parallax is.
lanathehaxoar
@lanathehaxoar
Feb 12 2017 00:54
bye
303fay
@303fay
Feb 12 2017 00: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;
}

.smaller-image {
width: 100px;
}
.thick-green-border{
border-color: green;
border-width: 10px;
border-style: solid;

}
</style>

<h2 class="red-text">CatPhotoApp</h2>
<img class="smaller-image" class="thick-green-border" 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>
can you please let me know what is wrong here that I can't have the thick-green-border?

Bond4decimals
@Bond4decimals
Feb 12 2017 00:54
@3gimpfingers Where is it supposed to be?
iRslpy
@iRslpy
Feb 12 2017 00:55
blob
@3gimpfingers still at it. cant seem to figure out how to add the smaller-image class to the img
Martian
@Martian1431
Feb 12 2017 00:55
Hello guys, I'm having problem with my codepen, it it can't utilize bootstrap. link >>>> http://codepen.io/Martian1431/full/EZdBde/ Can you anyone help me out
Thomas Nguyen
@todadqa
Feb 12 2017 00:55
@3gimpfingers hahaha omd you probably don't understand the pain im enduring currently. If you have the time search up materializecss and look at their parallax section. (they are a css library)
Håło
@villy-k
Feb 12 2017 00:55
@Martian1431 did you quick add bootstrap in settings?
Of css
Thomas Nguyen
@todadqa
Feb 12 2017 00:56
@Martian1431 you have to add bootstrap in settings - css
303fay
@303fay
Feb 12 2017 00:56
somebody please help me!
3gimpfingers
@3gimpfingers
Feb 12 2017 00:56
@iRslpy <img class="smaller-image" src="url" />
Håło
@villy-k
Feb 12 2017 00:56
@Abbu29 post code
3gimpfingers
@3gimpfingers
Feb 12 2017 00:57
@Bond4decimals Actually, it seems you're missing both a { and a }
Martian
@Martian1431
Feb 12 2017 00:57
@todadqa let me check...
Thomas Nguyen
@todadqa
Feb 12 2017 00:57
@303fay you wrote class= twice
3gimpfingers
@3gimpfingers
Feb 12 2017 00:57
@Bond4decimals
<style>
  .red-text {
    color: red; 
}
   p {
font-size: 16px;
  }
</style>
Abbu29
@Abbu29
Feb 12 2017 00:57
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("btn-primary");

});
</script>
Martian
@Martian1431
Feb 12 2017 00:58
@todadqa it worked thanks
CamperBot
@camperbot
Feb 12 2017 00:58
martian1431 sends brownie points to @todadqa :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @todadqa |http://www.freecodecamp.com/todadqa
Bond4decimals
@Bond4decimals
Feb 12 2017 00:58
Thankyou @3gimpfingers
CamperBot
@camperbot
Feb 12 2017 00:58
bond4decimals sends brownie points to @3gimpfingers :sparkles: :thumbsup: :sparkles:
:cookie: 129 | @3gimpfingers |http://www.freecodecamp.com/3gimpfingers
Thomas Nguyen
@todadqa
Feb 12 2017 00:58
@303fay instead it should be ( class="smaller-image thick-green-border
303fay
@303fay
Feb 12 2017 00:59
@todadqa
Ryan
@Azbo400
Feb 12 2017 00:59
@3gimpfingers just saying img is self closing so you dont need the / at the end before the >
3gimpfingers
@3gimpfingers
Feb 12 2017 00:59
@Azbo400 I know. I prefer it though. It's the way to do it according to w3c, I believe.
iRslpy
@iRslpy
Feb 12 2017 00:59
@3gimpfingers thanks
CamperBot
@camperbot
Feb 12 2017 00:59
irslpy sends brownie points to @3gimpfingers :sparkles: :thumbsup: :sparkles:
:cookie: 130 | @3gimpfingers |http://www.freecodecamp.com/3gimpfingers
303fay
@303fay
Feb 12 2017 01:00
thanks a lot! @thomas
Varinder Mann
@varindermann
Feb 12 2017 01:00

how to nest all html elements in .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 class="container-fluid"> </div>

lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:00
can i have quick help on Give a Background Color to a Div Element
all i need is the code
Ryan
@Azbo400
Feb 12 2017 01:00
@3gimpfingers yeah thats your choice. Just pointing it out as an fyi :wink:
3gimpfingers
@3gimpfingers
Feb 12 2017 01:00
@Azbo400 Sorry, I guess w3c doesn't close it either. I guess it just feels wrong to not. :D
Ryan
@Azbo400
Feb 12 2017 01:01
it doesnt really matter, wont throw any errors or anything @3gimpfingers
Abbu29
@Abbu29
Feb 12 2017 01:01

@villy-k <script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("btn-primary");

});
</script>

lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:01
@3gimpfingers can i have help on Give a Background Color to a Div Element
Ryan
@Azbo400
Feb 12 2017 01:01
but just letting you know incase you didnt know before
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:01
please
@3gimpfingers are u there?!?!?!?!?!
Manish Giri
@Manish-Giri
Feb 12 2017 01:02
@Abbu29 $(".btn").addClass("animated shake");
you're adding 2 classes here
Thomas Nguyen
@todadqa
Feb 12 2017 01:02
@varindermann literally just under ur closing tag for the script, add a div like <div class="container-fluid"> and then at the end of all html add a closing div tag </div>
Manish Giri
@Manish-Giri
Feb 12 2017 01:02
should be only one.
3gimpfingers
@3gimpfingers
Feb 12 2017 01:02
@varindermann Just make a div with class container-fluid way at the top of your html, below </script> and close it way at the end of the html.
@lanathehaxoar Yes, post your code.
Jessica
@jdubbz1113
Feb 12 2017 01:03
hello i am having troublw with seeting an id can anyone help me out<form id="cat-photo-app"><form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor">
Abbu29
@Abbu29
Feb 12 2017 01:04
@Manish-Giri what should i do?
Håło
@villy-k
Feb 12 2017 01:04
@Abbu29 wait a bit please
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:04
3GIMPFINGERS PLEASE AWNSER CAN YOU PLEASE HELP ME WITH GIVE A BACKGROUND COLOR TO A DIV ELEMENT
!!!!!!!!!!!!!!!!!!!!!
Manish Giri
@Manish-Giri
Feb 12 2017 01:04
@Abbu29 only have shake class there
3gimpfingers
@3gimpfingers
Feb 12 2017 01:04
@jdubbz1113 Your id is good, it's the second form tag in the same line that throws you off.
Manish Giri
@Manish-Giri
Feb 12 2017 01:04
@jdubbz1113 first up, the id is cat-photo-form, not cat-photo-app
3gimpfingers
@3gimpfingers
Feb 12 2017 01:05
@lanathehaxoar I need to see some code. :)
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:05
okay sorry i didnt see you replyed @3gimpfingers
Ryan
@Azbo400
Feb 12 2017 01:05
@lanathehaxoar you dont need to spam
Thomas Nguyen
@todadqa
Feb 12 2017 01:05
^
303fay
@303fay
Feb 12 2017 01:05
@Thomas thanks alot
CamperBot
@camperbot
Feb 12 2017 01:05
303fay sends brownie points to @thomas :sparkles: :thumbsup: :sparkles:
:cookie: 14 | @thomas |http://www.freecodecamp.com/thomas
Jessica
@jdubbz1113
Feb 12 2017 01:05
@Manish-Giri ahh thankyou
CamperBot
@camperbot
Feb 12 2017 01:05
jdubbz1113 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4154 | @manish-giri |http://www.freecodecamp.com/manish-giri
Thomas Nguyen
@todadqa
Feb 12 2017 01:05
@303fay thats not me hahaha
Manish Giri
@Manish-Giri
Feb 12 2017 01:05
@jdubbz1113 next, instead of making a new <form> element to put the ID in, add it to the existing form tag -
<form id="...." action="/submit-cat-photo">
Thomas Nguyen
@todadqa
Feb 12 2017 01:05
@303fay im todadqa :P
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:06
can i please see your code for it because i deleted all my code :hankey:
@3gimpfingers
3gimpfingers
@3gimpfingers
Feb 12 2017 01:07
@lanathehaxoar Reset the code and post it.
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:07
okay
303fay
@303fay
Feb 12 2017 01:07
@todadqa thanks a lot!
CamperBot
@camperbot
Feb 12 2017 01:07
303fay sends brownie points to @todadqa :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @todadqa |http://www.freecodecamp.com/todadqa
Tiboski
@Tiboski
Feb 12 2017 01:08
Hello guys
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:08
all of it @3gimpfingers ?
Abbu29
@Abbu29
Feb 12 2017 01:08
@Manish-Giri thanks it worked!
CamperBot
@camperbot
Feb 12 2017 01:08
abbu29 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4155 | @manish-giri |http://www.freecodecamp.com/manish-giri
3gimpfingers
@3gimpfingers
Feb 12 2017 01:08
@lanathehaxoar You have to add the silver-background class to your div <div class="silver-background"> then to your CSS. You should have this down by now.
Tiboski
@Tiboski
Feb 12 2017 01:08
anyone knows how many lessons total there are?
303fay
@303fay
Feb 12 2017 01:08
@todadqa I guess somebody else got free cookies! :D
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:08
okay
3gimpfingers
@3gimpfingers
Feb 12 2017 01:08
@lanathehaxoar I can explain.
Håło
@villy-k
Feb 12 2017 01:09
@Abbu29 2brackets))
3gimpfingers
@3gimpfingers
Feb 12 2017 01:09
@lanathehaxoar Your CSS needs to have the class too, then. Classes in CSS start with a .
Håło
@villy-k
Feb 12 2017 01:10
@Abbu29 you require 2 at the end
3gimpfingers
@3gimpfingers
Feb 12 2017 01:10
@Tiboski You can probably count them on the map.
@lanathehaxoar Did you get it?
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:11
thanks @3gimpfingers !
CamperBot
@camperbot
Feb 12 2017 01:11
lanathehaxoar sends brownie points to @3gimpfingers :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @3gimpfingers |http://www.freecodecamp.com/3gimpfingers
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:11
yeah
Tiboski
@Tiboski
Feb 12 2017 01:11
what map?
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:11
thanks @3gimpfingers !
CamperBot
@camperbot
Feb 12 2017 01:11
lanathehaxoar sends brownie points to @3gimpfingers :sparkles: :thumbsup: :sparkles:
:warning: lanathehaxoar already gave 3gimpfingers points
3gimpfingers
@3gimpfingers
Feb 12 2017 01:12
@Tiboski Click the map tap near the top of your fcc page
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:13
at the top of you page there is a button that says map on it click it @Tiboski
3gimpfingers
@3gimpfingers
Feb 12 2017 01:13
@303fay I have yet to find a way to eat them! :D
Tiboski
@Tiboski
Feb 12 2017 01:13
@3gimpfingers great thanks mate
CamperBot
@camperbot
Feb 12 2017 01:13
tiboski sends brownie points to @3gimpfingers :sparkles: :thumbsup: :sparkles:
:cookie: 132 | @3gimpfingers |http://www.freecodecamp.com/3gimpfingers
3gimpfingers
@3gimpfingers
Feb 12 2017 01:13
@Tiboski You probably shouldn't have found it just yet. It could be overwhelming. :D
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:13
@camperbot why you akin so cray cray?
:cookie:
afk
dayanivan681
@dayanivan681
Feb 12 2017 01:16
please help with that one
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
thats my code

<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 scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. </p>

3gimpfingers
@3gimpfingers
Feb 12 2017 01:17
@dayanivan681 Don't worry about the browser thing.
GeoffKaiser
@GeoffKaiser
Feb 12 2017 01:18
<button class="btn btn-block btn-info">Info</button>
<i class="fa fa-thumbs-up"></i>
What is proper way to nest this i class in the button class?
3gimpfingers
@3gimpfingers
Feb 12 2017 01:18

@dayanivan681 This needs to be cleaned up a little:

.red-text {
color: red;
}
p{
font-size:16px;
}

Notice the closing bracket ].

Shaun996
@Shaun996
Feb 12 2017 01:19

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
color:pink;
}

h1{
.pink-text:
color:pink;
}

</style>

<h1>Hello World!<class= "pink-text"></h1>

3gimpfingers
@3gimpfingers
Feb 12 2017 01:20
@biridiegmk Anywhere between the button tags. Preferably not interrupting the Info text, but it would probably pass.
Shaun996
@Shaun996
Feb 12 2017 01:20
anyone know what i did wrong i needed to create a css class called pink text and then give the h1 element the class of pink text
3gimpfingers
@3gimpfingers
Feb 12 2017 01:21
@Shaun996 Almost everything.
nitinol
@nitinol
Feb 12 2017 01:21
im trying to write however: i couldnt get the '"set the value of yourplace holder attributeto cat photo url ' part. pls give me some idea
gn to everyone btw
3gimpfingers
@3gimpfingers
Feb 12 2017 01:22

@Shaun996

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
color:pink;
}

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

<h1 class="pink-text">Hello World!</h1>

Make it look like this.

@Shaun996 You might want to delete the pink text h1 in your css. I think that's wrong too.
@nitinol Your code?
GeoffKaiser
@GeoffKaiser
Feb 12 2017 01:24

@3gimpfingers <button i class="btn btn-block btn-primary fa fa-thumbs-up">Like</button>

this displays the thumbs up next to like button, not passing exercise though

Tiboski
@Tiboski
Feb 12 2017 01:24
@3gimpfingers just started today, no xp.. this stuff is fun! i'm at 104 :) still loads and loads ahead
JustAcceptTheDamnName
@JustAcceptTheDamnName
Feb 12 2017 01:25
how do I resize an image? where am I meant to type it?
3gimpfingers
@3gimpfingers
Feb 12 2017 01:25
@biridiegmk You're missing a > right after the first button tag.
@biridiegmk And you need a < before your first i.
GeoffKaiser
@GeoffKaiser
Feb 12 2017 01:26
@3gimpfingers I understand it needs to be within the button element, does this mean i change the existing btn-block class to an i class and add fa, or create a new i class next to basic class?
@3gimpfingers thanks
CamperBot
@camperbot
Feb 12 2017 01:26
biridiegmk sends brownie points to @3gimpfingers :sparkles: :thumbsup: :sparkles:
:cookie: 133 | @3gimpfingers |http://www.freecodecamp.com/3gimpfingers
3gimpfingers
@3gimpfingers
Feb 12 2017 01:26
@biridiegmk Did you get it?
GeoffKaiser
@GeoffKaiser
Feb 12 2017 01:26
going in now, hope helps
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:26
@camperbot why you akin so cray cray?
3gimpfingers
@3gimpfingers
Feb 12 2017 01:26
@Tiboski It is addicting, but for now it seems I'm stuck in the help room. :D
Shaun996
@Shaun996
Feb 12 2017 01:27

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
color:pink;
}

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

<h1 class= "pink-text">Hello World!</h1>

3gimpfingers
@3gimpfingers
Feb 12 2017 01:27
@JustAcceptTheDamnName Challenge? Code?
Shaun996
@Shaun996
Feb 12 2017 01:27
@3gimpfingers still not working
lanathehaxoar
@lanathehaxoar
Feb 12 2017 01:27
guys why dont we just join chat
Tiboski
@Tiboski
Feb 12 2017 01:27
@3gimpfingers how far are u?
3gimpfingers
@3gimpfingers
Feb 12 2017 01:28
@Tiboski The personal portfolio thing in code pen.
Matthew Long
@MattLong87
Feb 12 2017 01:28
@Shaun996 you need to remove the colon after the .pink-text class selector
3gimpfingers
@3gimpfingers
Feb 12 2017 01:28
@Shaun996 It seems very messy. reset the code and just add the class to the html like you did.
Saboor Malik
@WannaPvp
Feb 12 2017 01:29
Hello! I'm new
luckyunique
@luckyunique
Feb 12 2017 01:29

hi I'm new to this it will be great if someone could help me with this I have to put the image to size 100px <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>

<style>
.smaller-image {
width: 100px;
}
</style>
<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>

3gimpfingers
@3gimpfingers
Feb 12 2017 01:29
@Shaun996 Then type just this between the style tags. .pink-text{ color:pink; }
Saboor Malik
@WannaPvp
Feb 12 2017 01:29
...
JustAcceptTheDamnName
@JustAcceptTheDamnName
Feb 12 2017 01:30
@3gimpfingers <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " >
Alexander Køpke
@alexanderkopke
Feb 12 2017 01:30
@WannaPvp welcome!
JustAcceptTheDamnName
@JustAcceptTheDamnName
Feb 12 2017 01:30
@JustAcceptTheDamnName I have to resize it to 100px
Saboor Malik
@WannaPvp
Feb 12 2017 01:30
Hello... I'm new...
Matthew Long
@MattLong87
Feb 12 2017 01:30
@luckyunique you have defined the smaller-image class, but you need to assign the class to your <img> tab
*tag
Code_Geek_PK
@Priscia
Feb 12 2017 01:30
Hey @WannaPvp welcome
luckyunique
@luckyunique
Feb 12 2017 01:31
@MattLong87 oh I see thank you
CamperBot
@camperbot
Feb 12 2017 01:31
luckyunique sends brownie points to @mattlong87 :sparkles: :thumbsup: :sparkles:
:cookie: 48 | @mattlong87 |http://www.freecodecamp.com/mattlong87
Alexander Køpke
@alexanderkopke
Feb 12 2017 01:31
if you press arrow up you can alter your last post...
Saboor Malik
@WannaPvp
Feb 12 2017 01:31
A joke I have returned
Matthew Long
@MattLong87
Feb 12 2017 01:31
thanks @alexanderkopke
CamperBot
@camperbot
Feb 12 2017 01:31
mattlong87 sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
Alexander Køpke
@alexanderkopke
Feb 12 2017 01:31
Welcome back
CamperBot
@camperbot
Feb 12 2017 01:31
:star2: 1075 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Saboor Malik
@WannaPvp
Feb 12 2017 01:31
eightball yo
CamperBot
@camperbot
Feb 12 2017 01:31
@WannaPvp :8ball: yes :sparkles:
3gimpfingers
@3gimpfingers
Feb 12 2017 01:31
@JustAcceptTheDamnName Oh, use this format <img class="smaller-image" src="url" />
@JustAcceptTheDamnName Then do your css.
GeoffKaiser
@GeoffKaiser
Feb 12 2017 01:32
@3gimpfingers Got it!
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>Like</button>
3gimpfingers
@3gimpfingers
Feb 12 2017 01:32
@biridiegmk Good! Success! :)
GeoffKaiser
@GeoffKaiser
Feb 12 2017 01:32
@WannaPvp how do you take screen shot snippet of code like that
Saboor Malik
@WannaPvp
Feb 12 2017 01:32
add ``` between the code
type ``` then click enter
3gimpfingers
@3gimpfingers
Feb 12 2017 01:33
@biridiegmk I found this to be helpful: https://diomed.github.io/webslides/demos/codeblock.html
dpstrijker
@dpstrijker
Feb 12 2017 01:33
Hi, can some one help me with this:
<h2 {font-family:Lobster;}>CatPhotoApp</h2>
Your h2 element should use the font Lobster.
Saboor Malik
@WannaPvp
Feb 12 2017 01:33
Yea :p
GeoffKaiser
@GeoffKaiser
Feb 12 2017 01:33
@WannaPvp thanks
CamperBot
@camperbot
Feb 12 2017 01:33
biridiegmk sends brownie points to @wannapvp :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for wannapvp
GeoffKaiser
@GeoffKaiser
Feb 12 2017 01:34
@3gimpfingers thanks
Saboor Malik
@WannaPvp
Feb 12 2017 01:34
Cant get the points because this account aren't connected to github
So useless...
Matthew Long
@MattLong87
Feb 12 2017 01:34
@dpstrijker {font-family:Lobster;} is a bit of CSS code - it needs to be in <style> tags at the top of your page
T. Lanette
@TLanetteRose
Feb 12 2017 01:34
@Manish-Giri Hi. Thank you for sharing that suggestion.
CamperBot
@camperbot
Feb 12 2017 01:34
tlanetterose sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4156 | @manish-giri |http://www.freecodecamp.com/manish-giri
Saboor Malik
@WannaPvp
Feb 12 2017 01:35
Manish
dpstrijker
@dpstrijker
Feb 12 2017 01:35
@MattLong87 yes but it says '' Your p element should still use the font Monospace. "'
3gimpfingers
@3gimpfingers
Feb 12 2017 01:35

@dpstrijker This is how to do it inline: `

<h2 style="font-family:Lobster">CatPhotoApp</h2>`
But I think you have to do it with css.

dpstrijker
@dpstrijker
Feb 12 2017 01:35
@MattLong87 and this uses stylesheet monospace
Saboor Malik
@WannaPvp
Feb 12 2017 01:35
Yeah add the monospace inside style tags
<style>
p {font-family monospace};
</style>
Im not sure if its corredct
Matthew Long
@MattLong87
Feb 12 2017 01:37
which challenge are you on, @dpstrijker ?
Saboor Malik
@WannaPvp
Feb 12 2017 01:37
correct*
3gimpfingers
@3gimpfingers
Feb 12 2017 01:37
@WannaPvp Why don't you connect it to github?
Saboor Malik
@WannaPvp
Feb 12 2017 01:37
I dont need the points
What can they do xD
dpstrijker
@dpstrijker
Feb 12 2017 01:37
@MattLong87 I have a stylsheet for monospace. Wich i use for <p> But now they want me to only use font lobster for my h2. So i cant use my current stylesheet yes?
3gimpfingers
@3gimpfingers
Feb 12 2017 01:38
@WannaPvp True. I haven't tasted one. You need a colon between family and monospace, but I think you need lobster too, no?
Saboor Malik
@WannaPvp
Feb 12 2017 01:38
@dpstrijker which font do u want to use?
If you want monospace then unlink the link on top
Alexander Køpke
@alexanderkopke
Feb 12 2017 01:38
What they can do? Oh boy, let me now tell you a tale of what happened to me when I "forgot" to connect to github.. Ready? ok ok I got nothing.. happy?
Saboor Malik
@WannaPvp
Feb 12 2017 01:38
I forgot...
How do you make the link into inactive? like deadlink?'
What was it called..
JustAcceptTheDamnName
@JustAcceptTheDamnName
Feb 12 2017 01:39
@3gimpfingers Thanks dude
CamperBot
@camperbot
Feb 12 2017 01:39
justacceptthedamnname sends brownie points to @3gimpfingers :sparkles: :thumbsup: :sparkles:
:cookie: 134 | @3gimpfingers |http://www.freecodecamp.com/3gimpfingers
Alexander Køpke
@alexanderkopke
Feb 12 2017 01:39
alt
dpstrijker
@dpstrijker
Feb 12 2017 01:40
@MattLong87 @WannaPvp Here is it in full: tast 1 and 3 are done. : Import the Lobster font.
Your h2 element should use the font Lobster.
Your p element should still use the font Monospace
3gimpfingers
@3gimpfingers
Feb 12 2017 01:40
@WannaPvp Idk replace the url with a #
dpstrijker
@dpstrijker
Feb 12 2017 01:40

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

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

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

<h2 {font-family:Lobster;}>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 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>

Matthew Long
@MattLong87
Feb 12 2017 01:40
@dpstrijker you can keep your <p> using monospace, and make another line in your <style> tags for h2{font-family:Lobster;}
Saboor Malik
@WannaPvp
Feb 12 2017 01:40
@3gimpfingers of course
GeoffKaiser
@GeoffKaiser
Feb 12 2017 01:40
About halfway through responsive bootstrap lessons and have to say that this community/product is really amazing
CamperBot
@camperbot
Feb 12 2017 01:40
you need to ask about @someone!
Saboor Malik
@WannaPvp
Feb 12 2017 01:40
Was it called "deadlink?"
3gimpfingers
@3gimpfingers
Feb 12 2017 01:40
@alexanderkopke I rather prefer MM-DD-YYYY :D
dpstrijker
@dpstrijker
Feb 12 2017 01:40
@MattLong87 THis is new to me: make another line in your <style> tags for h2{font-family:Lobster;}
Saboor Malik
@WannaPvp
Feb 12 2017 01:41
Brb
Matthew Long
@MattLong87
Feb 12 2017 01:41
@dpstrijker do you understand what I mean?
dpstrijker
@dpstrijker
Feb 12 2017 01:41
@MattLong87 I guess now I do. let me check
3gimpfingers
@3gimpfingers
Feb 12 2017 01:41
@biridiegmk I'm rather impressed with the platform myself.
GeoffKaiser
@GeoffKaiser
Feb 12 2017 01:42
@3gimpfingers Who created it? GitHub?
3gimpfingers
@3gimpfingers
Feb 12 2017 01:43
I'm guessing the quincy guy started it. I don't know. @biridiegmk
dpstrijker
@dpstrijker
Feb 12 2017 01:43
@MattLong87 worked. now i can send some presents to you right how?
3gimpfingers
@3gimpfingers
Feb 12 2017 01:44
@biridiegmk He's about to do a live interview with the devmastery founder Bill something or other in an hour or so.
@dpstrijker Just mention him and say thank you or any of its variations.
CamperBot
@camperbot
Feb 12 2017 01:45
3gimpfingers sends brownie points to @dpstrijker :sparkles: :thumbsup: :sparkles:
:cookie: 20 | @dpstrijker |http://www.freecodecamp.com/dpstrijker
dpstrijker
@dpstrijker
Feb 12 2017 01:46
@MattLong87 thx
CamperBot
@camperbot
Feb 12 2017 01:46
dpstrijker sends brownie points to @mattlong87 :sparkles: :thumbsup: :sparkles:
:cookie: 49 | @mattlong87 |http://www.freecodecamp.com/mattlong87
Sindre Berge
@trust20
Feb 12 2017 01:47
What am i missing here?
Give the text input in your form the class form-control.
<input class="form-controll"type="text" placeholder="cat photo URL" required>
Manish Giri
@Manish-Giri
Feb 12 2017 01:48
@trust20 control
one l
Sindre Berge
@trust20
Feb 12 2017 01:48
<input class="form-controll"type="text" placeholder="cat photo URL" required>
Ohh thanks
@Manish-Giri thanks 🤙
CamperBot
@camperbot
Feb 12 2017 01:50
trust20 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4157 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 12 2017 01:50
@trust20 welcome
Stany
@stanycclg
Feb 12 2017 01:51
jo
Tiboski
@Tiboski
Feb 12 2017 01:51
@stanycclg yo
anyone?
__mifflin__
@cdrainxv
Feb 12 2017 02:02

@guygnakpa:

Multiple classes are added like this:
class="red-text blue-text green-text"
Notice the space between each class and only one set of quotes and one class attribute.

guygnakpa
@guygnakpa
Feb 12 2017 02:06
okay all class should be under one quote?
classes*
Manish Giri
@Manish-Giri
Feb 12 2017 02:07
@guygnakpa yes
Stephen Harms
@harmsstephen
Feb 12 2017 02:10
<button class="btn btn-block btn-primary"><i class="fa fa-info-circle">Like</i></button>
Chris
@duffman1983
Feb 12 2017 02:10
Hello world. im having trouble trying to figure where do i put my style tag for my image to adjust the width of it
Stephen Harms
@harmsstephen
Feb 12 2017 02:10
Anyone know how to put the i tag inside a button?
Manish Giri
@Manish-Giri
Feb 12 2017 02:11
@harmsstephen put the Like after </i>
guygnakpa
@guygnakpa
Feb 12 2017 02:12
thank you @Manish-Giri
CamperBot
@camperbot
Feb 12 2017 02:12
guygnakpa sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4158 | @manish-giri |http://www.freecodecamp.com/manish-giri
Stephen Harms
@harmsstephen
Feb 12 2017 02:12
@Manish-Giri that still didn't work :/
Manish Giri
@Manish-Giri
Feb 12 2017 02:13
@harmsstephen post your challenge url here, click "run tests" first..
@guygnakpa welcome
Stephen Harms
@harmsstephen
Feb 12 2017 02:15
@Manish-Girihttps://www.freecodecamp.com/challenges/add-font-awesome-icons-to-our-buttons#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-8%22%3E%0A%20%20%20%20%20%20%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22img-responsive%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%3C%2Fa%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cimg%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%20alt%3D%22Three%20kittens%20running%20towards%20the%20camera.%20%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%22%3E%3Ci%20class%3D%22fa%20fa-info-circle%22%3E%3C%2Fi%3ELike%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3EInfo%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3EDelete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20%3Cspan%20class%3D%22text-danger%22%3Elove%3A%3C%2Fspan%3E%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
Oops that doesn't seem right
Manish Giri
@Manish-Giri
Feb 12 2017 02:16
so, guess you didn't read the instructions much
Add an i element with the classes fa and fa-thumbs-up.
Your fa-thumbs-up icon should be located within the Like button.
Stephen Harms
@harmsstephen
Feb 12 2017 02:19
Totally went over my head, thanks @Manish-Giri
CamperBot
@camperbot
Feb 12 2017 02:19
harmsstephen sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4159 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 12 2017 02:19
:+1:
ConnectixX
@ConnectixX
Feb 12 2017 02:20
@ConnectixX
"SIZE YOUR IMAGES" doesnt accept correct input
I have the page set to 100% zoom and it still doesnt accept
anyone have problems with this one?
.smaller-image {
width: 100px;
Milad Rastegarifard
@miladrst48
Feb 12 2017 02:21
Hi @ConnectixX
@ConnectixX how do you include that part of code in your message like that?
Clive
@cllive
Feb 12 2017 02:29
challenge 67 help!! Create a new button element with the text "Like".
Your new button should have the class btn. ??? suggestions?
dpstrijker
@dpstrijker
Feb 12 2017 02:30
Help! Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo
Make sure your form element has a closing tag.
<input type="text" placeholder="cat photo URL">
Clive
@cllive
Feb 12 2017 02:32
@dpstrijker thanks, i will try it.....
CamperBot
@camperbot
Feb 12 2017 02:32
cllive sends brownie points to @dpstrijker :sparkles: :thumbsup: :sparkles:
:cookie: 35 | @dpstrijker |http://www.freecodecamp.com/dpstrijker
Manish Giri
@Manish-Giri
Feb 12 2017 02:32
wow
dpstrijker
@dpstrijker
Feb 12 2017 02:32
@cllive naw i wasnt the solution man. was a question i have myself :S
Manish Giri
@Manish-Giri
Feb 12 2017 02:33
@dpstrijker show your code..
dpstrijker
@dpstrijker
Feb 12 2017 02:33

@Manish-Giri

<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>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<input type="text" placeholder="cat photo URL">

Manish Giri
@Manish-Giri
Feb 12 2017 02:33
@dpstrijker where's the form element?
dpstrijker
@dpstrijker
Feb 12 2017 02:34
@Manish-Giri thought that was placeholder my bad
@Manish-Giri thx
CamperBot
@camperbot
Feb 12 2017 02:34
dpstrijker sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4160 | @manish-giri |http://www.freecodecamp.com/manish-giri
Margaret
@Margaret2
Feb 12 2017 02:35
@Manish-Giri roarthis is streaming on twitch :D
Manish Giri
@Manish-Giri
Feb 12 2017 02:35
lol
@Margaret2 what's he streaming
Margaret
@Margaret2
Feb 12 2017 02:35
he does not look at all like i imagined him :joy:
@Manish-Giri well, he is waiting for something to download and i guess he's going to play final fantasy while he waits
Naomi Taub
@ntaub2010
Feb 12 2017 02:36
how can I add text within an image's border?
Manish Giri
@Manish-Giri
Feb 12 2017 02:36
@Margaret2 link?
Margaret
@Margaret2
Feb 12 2017 02:36
jeremy suarez
@jsuarez93
Feb 12 2017 02:37
how would i give my form element the id of cat-photo-form?
Manish Giri
@Manish-Giri
Feb 12 2017 02:37
lol
dpstrijker
@dpstrijker
Feb 12 2017 02:37
@Manish-Giri how do I nest the text input within the form element? this is the code now

<input type="text" placeholder="cat photo URL">

<form action="/submit-cat-photo"></form>

Manish Giri
@Manish-Giri
Feb 12 2017 02:38
@dpstrijker
<form action="/submit-cat-photo">
//input here
</form>
@Margaret2 i'm trying to run an applet, it isn't working in any of my browsers. Could you give it a try?
dpstrijker
@dpstrijker
Feb 12 2017 02:39
@Manish-Giri thx
CamperBot
@camperbot
Feb 12 2017 02:39
dpstrijker sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: dpstrijker already gave manish-giri points
jeremy suarez
@jsuarez93
Feb 12 2017 02:40
helppp!!!!! how would i give my form element the id of cat-photo-form
Manish Giri
@Manish-Giri
Feb 12 2017 02:40
@jsuarez93 <element id="...">
jeremy suarez
@jsuarez93
Feb 12 2017 02:42
@Manish-Giri it didnt work...where would i place it?
Manish Giri
@Manish-Giri
Feb 12 2017 02:42
give my form element
what does this say?
Stephen
@TeddyHugs
Feb 12 2017 02:43
Show us your coding.
jeremy suarez
@jsuarez93
Feb 12 2017 02:45
screenshot-www.freecodecamp.com-2017-02-11-20-44-23.png
help me with this
Manish Giri
@Manish-Giri
Feb 12 2017 02:45
what element does the instruction say?
it's even highlighted in red
Kyle
@kyle3355
Feb 12 2017 02:45

i need help with this i typed this code in for css to change h2 to blue and it keeps saying that i need to change it to blue but it is already blue any idea or is it a bug? <style> h2 {color: blue;}

<h2>CatPhotoApp</h2>
</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>

Naomi Taub
@ntaub2010
Feb 12 2017 02:45
how can I add text within an image's border?
jeremy suarez
@jsuarez93
Feb 12 2017 02:46
@Manish-Giri it can be hilighted but that doesnt mean im gonna understand
Anh Nguyen
@tiremon112
Feb 12 2017 02:49
bye all, happy coding
JOptionPane.ShowMessageDialog(null, "Kappa")
:wave:
JoneZy
@JoneZyOfficial
Feb 12 2017 02:51
Hey guys I'm confused how to make my cat image smaller please help, been stuck a while haha
Clive
@cllive
Feb 12 2017 02:59
newbie still struggling with challenge 67 "Create a new button element with the text "Like".
Your new button should have the class btn." i have done this " <label><input type=btn></label>
<btn type="like">like</btn>" but have no joy......help! again!!
Manish Giri
@Manish-Giri
Feb 12 2017 02:59
@JoneZyOfficial have you tried some code yet?
Manish Giri
@Manish-Giri
Feb 12 2017 03:04
@cllive a button element is created with the <button> tags
Camille Gainer Jones
@Drummette
Feb 12 2017 03:04
Where does everyone save their challenges or do you just access them from FreeCodeCamp when reviewing
Clive
@cllive
Feb 12 2017 03:06
@Manish-Giri thank you, but how to add the class btn?
CamperBot
@camperbot
Feb 12 2017 03:06
cllive sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4161 | @manish-giri |http://www.freecodecamp.com/manish-giri
Ian F
@ianstigator
Feb 12 2017 03:06
class="btn"
Manish Giri
@Manish-Giri
Feb 12 2017 03:06
@cllive how have you been adding classes to any element so far?
Taz Bowman
@tazbowman
Feb 12 2017 03:08
hey has any one had a problem with the global scope and functions lesson in the java course tonight
Clive
@cllive
Feb 12 2017 03:08
@Manish-Giri lol just like my lecturer in Uni! i'll read my notes, it is Sunday morning in China so looking for coffee and forward movement @ianstigator thank you
CamperBot
@camperbot
Feb 12 2017 03:08
cllive sends brownie points to @manish-giri and @ianstigator :sparkles: :thumbsup: :sparkles:
:cookie: 27 | @ianstigator |http://www.freecodecamp.com/ianstigator
:warning: cllive already gave manish-giri points
Joseph Livengood
@JosephLivengood
Feb 12 2017 03:11
Hello all
Ian F
@ianstigator
Feb 12 2017 03:11
No worries @clive
Taz Bowman
@tazbowman
Feb 12 2017 03:12
in the course it says my myGlobal shoud eual ten and my oopsGlobal should equal five and they both do but my check mark is not coming up for the myGlobal 10 to move on and i have refreshed my browser
Manish Giri
@Manish-Giri
Feb 12 2017 03:12
@tazbowman post your challenge url here, click "run tests" first..
jeremy suarez
@jsuarez93
Feb 12 2017 03:12
im stuck!!! how do i get my form element to have a background color of green?
would i have to place it with the styles section?
Clive
@cllive
Feb 12 2017 03:14
done!!! 68 next!
Manish Giri
@Manish-Giri
Feb 12 2017 03:15

would i have to place it with the styles section?

yes

@jsuarez93
Sindre Berge
@trust20
Feb 12 2017 03:16

im stck... what am i missing?

Nest two div class="col-xs-6" elements within your div class="row" element.

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="col-xs-6">
</div>
</div>
</div>
</div>

Manish Giri
@Manish-Giri
Feb 12 2017 03:17
@trust20 you're nesting the divs
close one, before beginning next
Sindre Berge
@trust20
Feb 12 2017 03:18
oh yes thanks @Manish-Giri
CamperBot
@camperbot
Feb 12 2017 03:18
trust20 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4162 | @manish-giri |http://www.freecodecamp.com/manish-giri
jeremy suarez
@jsuarez93
Feb 12 2017 03:21
@Manish-Giri its not working idk what im doing wrong any idea of how it should start?
Manish Giri
@Manish-Giri
Feb 12 2017 03:21
@jsuarez93 post the challenge url here
click "run tests" first
jeremy suarez
@jsuarez93
Feb 12 2017 03:22
@Manish-Giri ://www.freecodecamp.com/challenges/use-an-id-attribute-to-style-an-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%0A%20%20.silver-background%20%7B%0A%20%20%20%20background-color%3A%20silver%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%20class%3D%22silver-background%22%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%20id%3D%22cat-photo-form%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
Manish Giri
@Manish-Giri
Feb 12 2017 03:23

@jsuarez93 you need to read this

Here's an example of how you can take your element with the id attribute of cat-photo-element and give it the background color of green. In your style element:

#cat-photo-element {
  background-color: green;
}

it also says where to place it

In your style element:

jeremy suarez
@jsuarez93
Feb 12 2017 03:27
@Manish-Giri i did that but its not working.. i put it at the bottom of the style section just above </style>
Manish Giri
@Manish-Giri
Feb 12 2017 03:27
@jsuarez93 did you add the ID to the form?
Emmanuel Simon Magaji
@Saymo
Feb 12 2017 03:28
@penguio https://www.freecodecamp.com/challenges/give-a-background-color-to-a-div-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%20%7D%0A%20%0A%20%20.silver-background%20%7B%0A%20%20%20%20background-color%3A%20silver%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
jeremy suarez
@jsuarez93
Feb 12 2017 03:29
@Manish-Giri what do you mean?
Ebram Halim
@EbramH
Feb 12 2017 03:30
@Manish-Giri hi can u please help me with level 24
Lance
@texas2010
Feb 12 2017 03:30
there have no number of challenge. 24 is your brownie point.
Ebram Halim
@EbramH
Feb 12 2017 03:31
is easy but i don't know why i keep geting it wrong
Lance
@texas2010
Feb 12 2017 03:31
btw tell him what challenge name
Ebram Halim
@EbramH
Feb 12 2017 03:31
-Your img element should have the class smaller-image.
-Your image should be 100 pixels wide. Browser zoom should be at 100%.
Manish Giri
@Manish-Giri
Feb 12 2017 03:31
@EbramH show your code
@texas2010 :wave:
Lance
@texas2010
Feb 12 2017 03:31
@Manish-Giri :wave:
Manish Giri
@Manish-Giri
Feb 12 2017 03:32
@jsuarez93 in the smaller-image challenge, after you created the class in the style tags, did you not add it to the img element in the HTML? using the class keyword?
Ebram Halim
@EbramH
Feb 12 2017 03:32

<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>

penguio
@penguio
Feb 12 2017 03:33
@saymo you know your
Write this in it
<style>
    silver-background:  silver;
</style>
then in your div it should ```<div class="silver-background"></div>
gah i hate this editing thing sigh... it shouldnt have formatted it like that sorry
Manish Giri
@Manish-Giri
Feb 12 2017 03:33
@EbramH why not show the code you wrote for the challenge?
Ebram Halim
@EbramH
Feb 12 2017 03:33
where do i add <style>
.smaller-image {
width: 100px;
}
</style>
maonken
@maonken
Feb 12 2017 03:34
@EbramH I was just about to ask the same question.
penguio
@penguio
Feb 12 2017 03:35
@saymo
<div class="silver-background"></div>
         <style>
               silver-background: silver;
         </style>
Ian F
@ianstigator
Feb 12 2017 03:35
@EbramH same level as the other elements
@saymo that needs to be ".silver-background"
penguio
@penguio
Feb 12 2017 03:35
@saymo gosh dangit lol, write it wrong
Ebram Halim
@EbramH
Feb 12 2017 03:36
i add <style>
.smaller-image {
width: 100px;
}
</style>
to the code and i get it wrong
maonken
@maonken
Feb 12 2017 03:36
I created a style class for smaller-image, and here is what I wrote in my img element:
<img src class="smaller-image""https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
penguio
@penguio
Feb 12 2017 03:36
<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;
  }
  .silver-background {
    background-color: silver;
  }
</style>
that's what it should look like @Saymo
jeremy suarez
@jsuarez93
Feb 12 2017 03:37
@Manish-Giri im so damn confused
Ian F
@ianstigator
Feb 12 2017 03:38
@saymo there's a typo on your img element. The src is not specified
Manish Giri
@Manish-Giri
Feb 12 2017 03:38
@jsuarez93 why
Ebram Halim
@EbramH
Feb 12 2017 03:38
but it's not asking for the color
GeoffKaiser
@GeoffKaiser
Feb 12 2017 03:38
Is it ever the case that your code is incorrect and the platform says it is correct, the mobile app display is off maybe?
Manish Giri
@Manish-Giri
Feb 12 2017 03:38
@maonken
<img src class="smaller-image""https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
the src should be the link
Ebram Halim
@EbramH
Feb 12 2017 03:39
is not asking for the color is asking for the size.
GeoffKaiser
@GeoffKaiser
Feb 12 2017 03:41
On the tail end of the scratch exercise at end of bootstrap section, inside my div row class the buttons inside col-xs divs are scattered everywhere, is this correct?
jeremy suarez
@jsuarez93
Feb 12 2017 03:41
@Manish-Giri this is what i put in the style section #cat-photo-element { background-color: green; }
Ebram Halim
@EbramH
Feb 12 2017 03:41

that's the straction -Size your Images
-CSS has a property called width that controls an element's width. Just like with fonts, we'll use px (pixels) to specify the image's width.

-For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use:

<style>
.larger-image {
width: 500px;
}
</style>

Manish Giri
@Manish-Giri
Feb 12 2017 03:41
@jsuarez93 so you literally copy pasted the example on the left?
jeremy suarez
@jsuarez93
Feb 12 2017 03:42
@Manish-Giri i typed it no copy and paste here
Ebram Halim
@EbramH
Feb 12 2017 03:42
that's what i thought but is telling me is wrong
maonken
@maonken
Feb 12 2017 03:42
@Manish-Giri Thanks! I just had the src infront of the smaller-image class. Much appreciated!
CamperBot
@camperbot
Feb 12 2017 03:42
maonken sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4164 | @manish-giri |http://www.freecodecamp.com/manish-giri
Ebram Halim
@EbramH
Feb 12 2017 03:43
@Manish-Giri .Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Manish Giri
@Manish-Giri
Feb 12 2017 03:43

@jsuarez93 what does this say

Try giving your form, which now has the id attribute of cat-photo-form, a green background.

does it say cat-photo-element?
@EbramH show your code..
Ebram Halim
@EbramH
Feb 12 2017 03:44

<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 r

GeoffKaiser
@GeoffKaiser
Feb 12 2017 03:44
cya
Manish Giri
@Manish-Giri
Feb 12 2017 03:45
instead of copying the example used, ask yourself this - the ID in your form is cat-photo-form. The ID you're putting in the style tags is cat-photo-element. Where's the link between the two?
@jsuarez93
Isaac Solis
@izack001
Feb 12 2017 03:46
challenge 29 don't know where I'm missing the closing tab
qenehelo
@qenehelo
Feb 12 2017 03:47
"Helllo World!" My name is Qenehelo, I heard about freecodecamp by surfing the internet. I like learning by doing projects
Isaac Solis
@izack001
Feb 12 2017 03:48

<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 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>

missing the closing tag on a element after nesting with image element can't see to figure it out
jeremy suarez
@jsuarez93
Feb 12 2017 03:50
@Manish-Giri i give up
Isaac Solis
@izack001
Feb 12 2017 03:50
help please
Manish Giri
@Manish-Giri
Feb 12 2017 03:50
@izack001 <a/>
Ian F
@ianstigator
Feb 12 2017 03:50
@izack001 <a/> ???
Manish Giri
@Manish-Giri
Feb 12 2017 03:50
the / comes at the front
@jsuarez93 post what code you have..
Isaac Solis
@izack001
Feb 12 2017 03:51
omg rookie mistake
thanks
thanks fellas
moving on to 30
jeremy suarez
@jsuarez93
Feb 12 2017 03:52

@Manish-Giri <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;
}

.silver-background {
background-color: silver;
}
</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>

<div class="silver-background">
<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>
</div>

<form action="/submit-cat-photo" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

Stephen
@TeddyHugs
Feb 12 2017 03:52
@Manish-Giri If people just read... Right? LOL
Manish Giri
@Manish-Giri
Feb 12 2017 03:53
@TeddyHugs ...
Stephen
@TeddyHugs
Feb 12 2017 03:53
@Manish-Giri You've been here for over 2 hours trying to help him. I don't know why I've counted...
Slitherings
@Slitherings
Feb 12 2017 03:54

// Setup
var a;
var b = 2;

// Only change code below this line
var a = 7;
var b = 7;

Manish Giri
@Manish-Giri
Feb 12 2017 03:54
@TeddyHugs at least someone counted, ty !
CamperBot
@camperbot
Feb 12 2017 03:54
:cookie: 252 | @teddyhugs |http://www.freecodecamp.com/teddyhugs
manish-giri sends brownie points to @teddyhugs :sparkles: :thumbsup: :sparkles:
Slitherings
@Slitherings
Feb 12 2017 03:54
first time using Java
it says a should be equal to b
can someone break this down for me plz
Manish Giri
@Manish-Giri
Feb 12 2017 03:54
@jsuarez93 can you show the code you wrote to style the form element with the ID?
Stephen
@TeddyHugs
Feb 12 2017 03:55
@Manish-Giri No problems. I would have given up at hour number 2 as well lol
@Slitherings What do you think it is? Because they give you the set up. Look at the example and try to follow it that way ^_^
Slitherings
@Slitherings
Feb 12 2017 03:56
@TeddyHugs i found out the answer i was doing a=b; instead of b=a;
Stephen
@TeddyHugs
Feb 12 2017 03:56
@Slitherings that's good :)
In Java. It's always the 2nd variable that's the defining factor from what I remember is what Coy told me lol
Slitherings
@Slitherings
Feb 12 2017 03:58
@TeddyHugs thanks bro for the tip i will write that down in a notepad!
CamperBot
@camperbot
Feb 12 2017 03:58
slitherings sends brownie points to @teddyhugs :sparkles: :thumbsup: :sparkles:
:cookie: 253 | @teddyhugs |http://www.freecodecamp.com/teddyhugs
Stephen
@TeddyHugs
Feb 12 2017 03:58
No problems :) It's kind of like finding a needle in a haystack really
Margaret
@Margaret2
Feb 12 2017 03:58
@Manish-Giri sorry, what did you tag me about
Manish Giri
@Manish-Giri
Feb 12 2017 03:58
:unamused: @Margaret2
Stephen
@TeddyHugs
Feb 12 2017 03:59
@Margaret2 Hey! :D
Margaret
@Margaret2
Feb 12 2017 03:59
@TeddyHugs yo what up
@roarthis didn't remember me :joy:
jeremy suarez
@jsuarez93
Feb 12 2017 03:59
@Manish-Giri ill figure it out..getting hate messages in my inbox
Lance
@texas2010
Feb 12 2017 03:59
@Margaret2 did someone give you a bear for valentine's day?
Stephen
@TeddyHugs
Feb 12 2017 03:59
Nothing much. @Manish-Giri was trying to help the same person for the past 2 hours. :( I feel sorry for him
@jsuarez93 Give me your Code
Margaret
@Margaret2
Feb 12 2017 03:59
@texas2010 uhh... it's not valentine's day yet...
Lance
@texas2010
Feb 12 2017 04:00
@Margaret2 true. haha
Stephen
@TeddyHugs
Feb 12 2017 04:00
lol
Lance
@texas2010
Feb 12 2017 04:01
@Manish-Giri umm where is your friend siri? I didnt see her around on gitter.
Manish Giri
@Manish-Giri
Feb 12 2017 04:01
ahem ahem
Stephen
@TeddyHugs
Feb 12 2017 04:01
RIP! LOL
Lance
@texas2010
Feb 12 2017 04:01
wat?
Stephen
@TeddyHugs
Feb 12 2017 04:01
Isn't Siri the only one and only for you @texas2010 ?
Lance
@texas2010
Feb 12 2017 04:01
i just want to ask a question...
huh?
no
jeremy suarez
@jsuarez93
Feb 12 2017 04:01
@TeddyHugs yeah i cant get my damn form element to have a green background
Margaret
@Margaret2
Feb 12 2017 04:02
ug no matter how many times i dislike this same ad on Youtube, it keeps showing it to me :astonished:
Stephen
@TeddyHugs
Feb 12 2017 04:02
Well Chat Privately to me @jsuarez93 I'm sure I will be able to help you
Lance
@texas2010
Feb 12 2017 04:02
use adblock?
Margaret
@Margaret2
Feb 12 2017 04:02
hmm i probably should
Lance
@texas2010
Feb 12 2017 04:02
yeah. i dont see ads much lol
Margaret
@Margaret2
Feb 12 2017 04:02
but ppl gotta make money somehow, i would feel bad to block their ads @texas2010
Manish Giri
@Manish-Giri
Feb 12 2017 04:02
@texas2010 she doesn't come here much, she's got a job now too, so..
Stephen
@TeddyHugs
Feb 12 2017 04:03
We all have Lives we have to attend to!
Lance
@texas2010
Feb 12 2017 04:03
@Manish-Giri ohh.
Stephen
@TeddyHugs
Feb 12 2017 04:03
It's really funny though
Manish Giri
@Manish-Giri
Feb 12 2017 04:03
i would feel bad to block their ads
Margaret
@Margaret2
Feb 12 2017 04:03
:joy:
Manish Giri
@Manish-Giri
Feb 12 2017 04:03
if someone would feel bad about not listening to me
Lance
@texas2010
Feb 12 2017 04:03
we have a right to block ad.
Stephen
@TeddyHugs
Feb 12 2017 04:03
@Manish-Giri LIES! We know you love blocking adsQ
Lance
@texas2010
Feb 12 2017 04:03
uh oh...
Manish Giri
@Manish-Giri
Feb 12 2017 04:03
that'd be awesome
:unamused:
Stephen
@TeddyHugs
Feb 12 2017 04:03
lol.
Manish Giri
@Manish-Giri
Feb 12 2017 04:03
@TeddyHugs yes, I'm the ad banner :smiling_imp:
Margaret
@Margaret2
Feb 12 2017 04:04
:unamused:
Lance
@texas2010
Feb 12 2017 04:05
btw you could disable adblock in some site.
Margaret
@Margaret2
Feb 12 2017 04:05
true
Lance
@texas2010
Feb 12 2017 04:06
what?! you know? why are you worrying about it? :(
Margaret
@Margaret2
Feb 12 2017 04:06
no, the only thing i know about adblock is that everyone uses it except me...
:P
Manish Giri
@Manish-Giri
Feb 12 2017 04:06
and Ruby
:cat:
Lance
@texas2010
Feb 12 2017 04:07
ohhh
ruby?
Margaret
@Margaret2
Feb 12 2017 04:07
my cat
Lance
@texas2010
Feb 12 2017 04:07
ruby lang right?
oh...
Stephen
@TeddyHugs
Feb 12 2017 04:07
@Margaret2 How many cats do you have? :O
Lance
@texas2010
Feb 12 2017 04:08
she have 10 cats
Margaret
@Margaret2
Feb 12 2017 04:08
@Manish-Giri HAHAHA Google Translate says your name is Uzbek
@TeddyHugs just 1
Manish Giri
@Manish-Giri
Feb 12 2017 04:08
:unamused:
Stephen
@TeddyHugs
Feb 12 2017 04:08
Cool! Is it skinless? :O
Emmanuel Simon Magaji
@Saymo
Feb 12 2017 04:09
@penguio It worked! Thanks, am elated.
CamperBot
@camperbot
Feb 12 2017 04:09
saymo sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @penguio |http://www.freecodecamp.com/penguio
Margaret
@Margaret2
Feb 12 2017 04:09
@TeddyHugs @texas2010 Ruby :cat:
Stephen
@TeddyHugs
Feb 12 2017 04:09
I see that lol
So Cute! :D
Margaret
@Margaret2
Feb 12 2017 04:09
@TeddyHugs no such thing as a skinless cat... might be a hairless one tho...
O.o
Manish Giri
@Manish-Giri
Feb 12 2017 04:10
#cat #kitty #catsofinsta #catsofinstagram #instacats #tabby #striped #graycat #browncat #instakitty #neko #ruby #rubythecat #pet #petstagram #petsofinstagram #catstagram #nekostagram #greeneyes #cateyes #whiskers #catwhiskers #stripes #tigercat #rescuecat #adopted #adoptedcat

too #many #hashtags

Margaret
@Margaret2
Feb 12 2017 04:10
:unamused:
Stephen
@TeddyHugs
Feb 12 2017 04:10
lol. <3
Margaret
@Margaret2
Feb 12 2017 04:10
i want likes ok?
Stephen
@TeddyHugs
Feb 12 2017 04:10
hehe
Margaret
@Margaret2
Feb 12 2017 04:10
i don't post much on insta anymore
texas2010 @texas2010 going to press like button.
Pablo Sarti
@Pablosarti7
Feb 12 2017 04:10
Can someone help me?
Lance
@texas2010
Feb 12 2017 04:10
oh wait. I dont have account at there. :joy:
Margaret2 @Margaret2 going to give brownies to @texas2010
Margaret2 @Margaret2 oh wait.
Lance
@texas2010
Feb 12 2017 04:11
:joy:
Stephen
@TeddyHugs
Feb 12 2017 04:12
@Pablosarti7 What's up?
You should post more cat pictures on insta so we can see your Cat forever! :P
jeremy suarez
@jsuarez93
Feb 12 2017 04:12
@TeddyHugs thanks for the help.
CamperBot
@camperbot
Feb 12 2017 04:12
jsuarez93 sends brownie points to @teddyhugs :sparkles: :thumbsup: :sparkles:
:cookie: 254 | @teddyhugs |http://www.freecodecamp.com/teddyhugs
Stephen
@TeddyHugs
Feb 12 2017 04:12
Oh wait.. Can just Save Image As xD
Margaret
@Margaret2
Feb 12 2017 04:12
@TeddyHugs it's hard to get a picture of her, she won't hold still ever
Stephen
@TeddyHugs
Feb 12 2017 04:12
@jsuarez93 No problems lol
@Margaret2 So that's when you grab her and do it! :P
Margaret
@Margaret2
Feb 12 2017 04:13
haha

Oh wait.. Can just Save Image As xD

u pirating my work!? :joy:

Stephen
@TeddyHugs
Feb 12 2017 04:14
LUL! I wish! I just want that.... Never mind what I was going to say...
:fire:
Pablo Sarti
@Pablosarti7
Feb 12 2017 04:15
I can't figure how to drag some of my <li> to the right of my page <div class="container-fluid">
<ul class="nav nav-pills">
  <div>
   <li class="left">
    <a href="#p1"> Pablo Sarti</a>
  </li>
  </div>

  <li>
    <a href="#p1"> Home</a>
  </li>
  <li>  
    <a href="#p2"> Portfolio</a>
  </li>
  <li>
    <a href="#p3"> Contact</a>
  </li>

</ul>

</div>
Lance
@texas2010
Feb 12 2017 04:15
LOL we could get that picture without click save image as.
Pablo Sarti
@Pablosarti7
Feb 12 2017 04:16
<div class="container-fluid">

<ul class="nav nav-pills">
<div>
<li class="left">
<a href="#p1"> Pablo Sarti</a>
</li>
</div>
  <li>
    <a href="#p1"> Home</a>
  </li>
  <li>  
    <a href="#p2"> Portfolio</a>
  </li>
  <li>
    <a href="#p3"> Contact</a>
  </li>

</ul>

</div>
Lance
@texas2010
Feb 12 2017 04:16
well, they disable button of save image as....
Slitherings
@Slitherings
Feb 12 2017 04:16
what does that <li class="left"> do?
Stephen
@TeddyHugs
Feb 12 2017 04:16
@texas2010 So true! :O
Lance
@texas2010
Feb 12 2017 04:16
ha no matter what. I can get a picture
Slitherings
@Slitherings
Feb 12 2017 04:16
does that move it to the left side of the page because i thought it automatically did that in html
Manish Giri
@Manish-Giri
Feb 12 2017 04:17
@texas2010 what's with user teelek?
spamming everywhere..
Stephen
@TeddyHugs
Feb 12 2017 04:17
what challenge is that @Pablosarti7 /
I wonder if Quincy is sleeping atm... xD
Manish Giri
@Manish-Giri
Feb 12 2017 04:18
lol
Pablo Sarti
@Pablosarti7
Feb 12 2017 04:18
Im building my portfolio
Lance
@texas2010
Feb 12 2017 04:18
@Manish-Giri he keep respond back in comment. he post same message 13 times now!
Stephen
@TeddyHugs
Feb 12 2017 04:18
Ahhh Nice :D
Lance
@texas2010
Feb 12 2017 04:18
well i think more now
Pablo Sarti
@Pablosarti7
Feb 12 2017 04:18
I want some of them to move to the right
Lance
@texas2010
Feb 12 2017 04:18
uh oh...
Stephen
@TeddyHugs
Feb 12 2017 04:19
I would use the HTML for the Left side of it. And the CSS part for the right side of it @Pablosarti7 It's how I did mine
Pablo Sarti
@Pablosarti7
Feb 12 2017 04:20
@Slitherings the class does nothing
Lance
@texas2010
Feb 12 2017 04:20
@Manish-Giri oh boy... it is 18 same message now... i dont know why he keep respond back though his email....
Manish Giri
@Manish-Giri
Feb 12 2017 04:20
lol
Lance
@texas2010
Feb 12 2017 04:20
anyway it is a flag of spamming.
Manish Giri
@Manish-Giri
Feb 12 2017 04:20
can you block him?
Margaret
@Margaret2
Feb 12 2017 04:20
Stephen
@TeddyHugs
Feb 12 2017 04:21
@Margaret2 OH SWEET! New Edition?
Lance
@texas2010
Feb 12 2017 04:21
@Manish-Giri I already inform him about unsubscribe
I cant block him. only owner can block him in github repo. remember?
that is what github feature is...
Margaret
@Margaret2
Feb 12 2017 04:21
no, that's from back in june @TeddyHugs
Stephen
@TeddyHugs
Feb 12 2017 04:22
Oh... :(
I want the new edition :(
Margaret
@Margaret2
Feb 12 2017 04:22

How do you like THIS right-click?

:joy:

Lance
@texas2010
Feb 12 2017 04:22
LOLOL thank you so much! @Margaret2
CamperBot
@camperbot
Feb 12 2017 04:22
texas2010 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1610 | @margaret2 |http://www.freecodecamp.com/margaret2
Lance
@texas2010
Feb 12 2017 04:22
yepp coder can steal picture LOLOLOL
Stephen
@TeddyHugs
Feb 12 2017 04:23
@Pablosarti7 Having the av-pil means the words will always end up left. Unless you pull them right with this <li class="pull-right">
Margaret
@Margaret2
Feb 12 2017 04:23
@texas2010 :D :D :D
Stephen
@TeddyHugs
Feb 12 2017 04:23
LOL
Lance
@texas2010
Feb 12 2017 04:24
@Manish-Giri that is why I report it to him. so he could block that guy.
Stephen
@TeddyHugs
Feb 12 2017 04:24
Who we talking about?
Lance
@texas2010
Feb 12 2017 04:24
?
Stephen
@TeddyHugs
Feb 12 2017 04:25
Blocking who Lance?
Lance
@texas2010
Feb 12 2017 04:25
dont worry about that lol.
he asked me about that guy.
Stephen
@TeddyHugs
Feb 12 2017 04:25
O....K... Then xD
Manish Giri
@Manish-Giri
Feb 12 2017 04:26
@texas2010 ah okay, I haven't been in admin room recently..
Lance
@texas2010
Feb 12 2017 04:26
ohhh
Manish Giri
@Manish-Giri
Feb 12 2017 04:26
@TeddyHugs it's this guy - https://github.com/teeleek
he's been spamming recently
A LOT
Lance
@texas2010
Feb 12 2017 04:26
18 times
that is too much...
Chaunce02
@Chaunce02
Feb 12 2017 04:27
im stuck
need help
Stephen
@TeddyHugs
Feb 12 2017 04:27
Yeah... I see that. In the Admin room too.
John S
@Tamatoa12
Feb 12 2017 04:27
hi there everyone, im stuck where the challenge says that my img element should have the class smaller-image. can anyone help me with that please?
Stephen
@TeddyHugs
Feb 12 2017 04:27
@Chaunce02 Challenge name and post the code
Lance
@texas2010
Feb 12 2017 04:27
so it is his fault to spam. then get block.
Chaunce02
@Chaunce02
Feb 12 2017 04:27
<button type="submit"><form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL"></form>
</button>
i need to add submit button
dont know what im doing wrong
Margaret
@Margaret2
Feb 12 2017 04:28
@Chaunce02 the button should be inside the form, right now you have the form inside the button
aj-willi
@aj-willi
Feb 12 2017 04:28
@Tamatoa12 <img class="
vipgb
@vipgb
Feb 12 2017 04:28
blob
为什么这样还不对
Chaunce02
@Chaunce02
Feb 12 2017 04:29
so button should be inside from and closed before i close form
Margaret
@Margaret2
Feb 12 2017 04:29
@vipgb blue, 不bule
Chaunce02
@Chaunce02
Feb 12 2017 04:29
@Margaret2
Manish Giri
@Manish-Giri
Feb 12 2017 04:29
:shipit:
Margaret
@Margaret2
Feb 12 2017 04:30
@Manish-Giri ....?
Manish Giri
@Manish-Giri
Feb 12 2017 04:30
is that hangman?
Margaret
@Margaret2
Feb 12 2017 04:30
@Manish-Giri i am learning chinese
Manish Giri
@Manish-Giri
Feb 12 2017 04:30
o.O
vipgb
@vipgb
Feb 12 2017 04:30
blob
能帮忙看看出什么错了吗
aj-willi
@aj-willi
Feb 12 2017 04:31
color:blue
Stephen
@TeddyHugs
Feb 12 2017 04:31
@Margaret2 Is my hero. I'm half Chinese.
Margaret
@Margaret2
Feb 12 2017 04:31
@vipgb color: blue;
Stephen
@TeddyHugs
Feb 12 2017 04:31
I'm also in the Chinese Channels xD
Margaret
@Margaret2
Feb 12 2017 04:31
@TeddyHugs what, you speak Chinese?
Stephen
@TeddyHugs
Feb 12 2017 04:32
Yeah. You didn't know @Margaret2
Can't type it on my keyboard though
dahls1
@dahls1
Feb 12 2017 04:32
Totally stuck with the "Give a Background Color to Div Element". Did anyone attempt to create a class within a Div element. Kind of remember it but totally drawn a blank. Any suggestions would be helpful THX.
Margaret
@Margaret2
Feb 12 2017 04:32
no, i mean, i remember from your photo you look Asian @TeddyHugs I am just learning tho, only know like 150 words
vipgb
@vipgb
Feb 12 2017 04:32
ok thanks
Stephen
@TeddyHugs
Feb 12 2017 04:33
@Margaret2 Nice :) We should totally speak it some time :D I'll give you lessons xD
Kira
@nxdl
Feb 12 2017 04:33
lol
Manish Giri
@Manish-Giri
Feb 12 2017 04:33
I am just learning tho, only know like 150 words
only
penguio
@penguio
Feb 12 2017 04:33
pull-right pull-left @Pablosarti7
Margaret
@Margaret2
Feb 12 2017 04:33
@TeddyHugs haha thx - also to type chinese chars i use this Chrome extension
CamperBot
@camperbot
Feb 12 2017 04:33
margaret2 sends brownie points to @teddyhugs :sparkles: :thumbsup: :sparkles:
:cookie: 255 | @teddyhugs |http://www.freecodecamp.com/teddyhugs
Stephen
@TeddyHugs
Feb 12 2017 04:34
hehe Nice ^_^ @Margaret2
Margaret
@Margaret2
Feb 12 2017 04:34
@Manish-Giri that's super basic, think if you knew only 150 of the most used English words, you couldn't say much
Manish Giri
@Manish-Giri
Feb 12 2017 04:34
@Margaret2 I know < 150 in English
Margaret
@Margaret2
Feb 12 2017 04:35
...... :unamused:
Stephen
@TeddyHugs
Feb 12 2017 04:35
I can't even string a sentence in English! :O
Kira
@nxdl
Feb 12 2017 04:35
@Manish-Giri hahaah (i just love reading chat sometimes)
Manish Giri
@Manish-Giri
Feb 12 2017 04:35
@nxdl :satisfied:
Stephen
@TeddyHugs
Feb 12 2017 04:35
@nxdl We make it fun :joy:
Margaret
@Margaret2
Feb 12 2017 04:35
well, if you define "speak a language" as carrying on a nice average conversation, i can't really speak English :(
Manish Giri
@Manish-Giri
Feb 12 2017 04:35
that's why you should be in Help Room
not in Help JS
Kira
@nxdl
Feb 12 2017 04:36
@TeddyHugs It is fun. Thank you for entertainment, it's a perfect distraction
CamperBot
@camperbot
Feb 12 2017 04:36
nxdl sends brownie points to @teddyhugs :sparkles: :thumbsup: :sparkles:
:cookie: 256 | @teddyhugs |http://www.freecodecamp.com/teddyhugs
Stephen
@TeddyHugs
Feb 12 2017 04:37
Help JS is too serious... I already know JS and yet I don't go in there unless I really need advice on some things... Like Personal stuff like where to get my hair done or my nails...
Never mind... I'm not like that
Manish Giri
@Manish-Giri
Feb 12 2017 04:37
lol
Margaret
@Margaret2
Feb 12 2017 04:37
:nail_care:
don't do my nails lol
Sindre Berge
@trust20
Feb 12 2017 04:37
how do i make sure a script is valid?
Kira
@nxdl
Feb 12 2017 04:37
$('#hair").remove() Here, done
Stephen
@TeddyHugs
Feb 12 2017 04:38
@Margaret2 Will you get the shotgun out? :O
Manish Giri
@Manish-Giri
Feb 12 2017 04:38
I was once told off in Help JS
Margaret
@Margaret2
Feb 12 2017 04:38
@nxdl O.o if only
Manish Giri
@Manish-Giri
Feb 12 2017 04:38
for posting a puppy pic
Margaret
@Margaret2
Feb 12 2017 04:38
srsly?
Manish Giri
@Manish-Giri
Feb 12 2017 04:38
yep
Margaret
@Margaret2
Feb 12 2017 04:38
@trust20 what code do you have
Manish Giri
@Manish-Giri
Feb 12 2017 04:38
and you'd know who it was
Margaret
@Margaret2
Feb 12 2017 04:38
revizzy?
Sindre Berge
@trust20
Feb 12 2017 04:38
@Margaret2 <script $(document).ready(function() { });>
</script>
Stephen
@TeddyHugs
Feb 12 2017 04:38
I'm told off in Help JS daily because I posted Donald Trump meme's in there. And half the room just went off LMFAO!!!
Margaret
@Margaret2
Feb 12 2017 04:38
@trust20 this $(document).ready(function() { }); should be between the script tags
Manish Giri
@Manish-Giri
Feb 12 2017 04:39
and I posted 3 more pics in response
penguio
@penguio
Feb 12 2017 04:39
@trust20 $document.ready shouldnt be in the script tag
Margaret
@Margaret2
Feb 12 2017 04:39
@TeddyHugs omg how disruptive i can't believe you XD
Manish Giri
@Manish-Giri
Feb 12 2017 04:39
like I give a f*k about what he says
Sindre Berge
@trust20
Feb 12 2017 04:39

<script $(document).ready(function() { });></script>

like this

Margaret
@Margaret2
Feb 12 2017 04:39
@Manish-Giri next time post a pic of a hamburger
Stephen
@TeddyHugs
Feb 12 2017 04:39
After I posted it. I was just sitting in the background watch chat go off about the Election at the time lmfao...
Margaret
@Margaret2
Feb 12 2017 04:39
@trust20 no, read what i just said
ohh man... @TeddyHugs
Manish Giri
@Manish-Giri
Feb 12 2017 04:40
:hamburger:
Margaret
@Margaret2
Feb 12 2017 04:40
with beautiful greasy fries
Manish Giri
@Manish-Giri
Feb 12 2017 04:40
:fries:
Margaret
@Margaret2
Feb 12 2017 04:40
perf
Stephen
@TeddyHugs
Feb 12 2017 04:40
hey. I was trying to get help at the time... Like I said... For personal reasons :cry: xD
Sindre Berge
@trust20
Feb 12 2017 04:42
@Margaret2 thanks :) took me some time but i got it :)
CamperBot
@camperbot
Feb 12 2017 04:42
trust20 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1611 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Feb 12 2017 04:42
@trust20 haha, great :D
jeevanach
@jeevanach
Feb 12 2017 04:42
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.
<input class="form-control" type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary"> <i class="fa fa-paper-plane"></i> Submit </button>
Stephen
@TeddyHugs
Feb 12 2017 04:43
If you need me to deal with frustrated people. Just tag me in chat guys ^_^
jeevanach
@jeevanach
Feb 12 2017 04:43
help plz
Margaret
@Margaret2
Feb 12 2017 04:43
@TeddyHugs :+1: :smile:
Manish Giri
@Manish-Giri
Feb 12 2017 04:43
:+1:
Margaret
@Margaret2
Feb 12 2017 04:44
ok, i'm pretty tired, good night @Manish-Giri :wave:
Manish Giri
@Manish-Giri
Feb 12 2017 04:44
on that note
I have to leave, practice linked lists
@Margaret2 gnyt :wave:
Ammad Khokar
@Ammadk24
Feb 12 2017 04:45
@Manish-Giri @Manish-Giri Night guise
Margaret
@Margaret2
Feb 12 2017 04:45
@Ammadk24 ty
CamperBot
@camperbot
Feb 12 2017 04:45
margaret2 sends brownie points to @ammadk24 :sparkles: :thumbsup: :sparkles:
:cookie: 306 | @ammadk24 |http://www.freecodecamp.com/ammadk24
Manish Giri
@Manish-Giri
Feb 12 2017 04:45
@Ammadk24 :wave:
__mifflin__
@cdrainxv
Feb 12 2017 04:51

@Manish-Giri @Manish-Giri Night guise

I wish I had a night disguise as well.

Ammad Khokar
@Ammadk24
Feb 12 2017 04:52
@cdrainxv haha
cdrainxv @cdrainxv : I moonlight as a moonshine maker.
cubbeye88
@cubbeye88
Feb 12 2017 05:00
hey all, i'm at javascript and i can't get this increment going.
Jonathan
@Jonathanadrian
Feb 12 2017 05:00
how do you make a dead link?
cubbeye88
@cubbeye88
Feb 12 2017 05:01
i'm returning 88 but it's telling me i haven't changed my Var = myVar. but I put in myVar = ++myVar.
Ammad Khokar
@Ammadk24
Feb 12 2017 05:02
@cubbeye88 myVar++ is equivalent to myVar = myVar + 1
Stephen
@TeddyHugs
Feb 12 2017 05:02
@Jonathanadrian You use the # for a dead link.
cubbeye88
@cubbeye88
Feb 12 2017 05:03
right, but it's telling me to use the ++ operator
Ammad Khokar
@Ammadk24
Feb 12 2017 05:03
@cubbeye88 right, you do not use it in combination with an equal sign or any value after. Is it telling you to increment by 1?
cubbeye88
@cubbeye88
Feb 12 2017 05:03
ohhhhhhhhhhhhhhh
@Ammadk24 got it buddy. hahah i was way overthinking it. i just spent all day doing html/css and I feel like javascript is so much simpler to read and type.
Ammad Khokar
@Ammadk24
Feb 12 2017 05:05
@cubbeye88 Glad to hear it =) They are two different styles =) I prefer to read html =p
Stephen
@TeddyHugs
Feb 12 2017 05:05
read html, write css, and understand Java. That's what I do xD
badalsaibo
@heyDante
Feb 12 2017 05:06
Script
cubbeye88
@cubbeye88
Feb 12 2017 05:06
@TeddyHugs gotta keep that in mind!
Angela
@angelanichole
Feb 12 2017 05:13

Hello, I need some help.. I am trying to figure out what I am doing wrong for: Your img element should have the class smaller-image. Here is what I have:<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 class="smaller-image""https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

Zach Faust
@ThinkOrFaust
Feb 12 2017 05:15
your class should be seperate from your src, know what i mean? @angelanichole
Manish Giri
@Manish-Giri
Feb 12 2017 05:15
@angelanichole the src still needs to be the link
penguio
@penguio
Feb 12 2017 05:17
@angelanichole <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Angela
@angelanichole
Feb 12 2017 05:18
Thank you so much!
Stephen
@TeddyHugs
Feb 12 2017 05:20
@penguio Don't give out the answer.
Rin C
@risana2014
Feb 12 2017 05:20
i m in the use a CSS class to style an element, there is 1 task i could not completed. "Your stylesheet should declare a red-text class and have its color set to red."
Stephen
@TeddyHugs
Feb 12 2017 05:21
@risana2014 post the code and what tick are you missing?
Matthew Pickering
@Injabie
Feb 12 2017 05:22
Currently trying to assign a class to a div tag. If someone could quickly skim this that would be great thanks!
jeremy suarez
@jsuarez93
Feb 12 2017 05:22
@TeddyHugs hey how would i make my style have pink text css class? trying to run two colors at once
Matthew Pickering
@Injabie
Feb 12 2017 05:22

<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;
}

.silver-background {
background-color: sliver;
}

</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>

<div class="silver-background">
<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>
</div>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

Rin C
@risana2014
Feb 12 2017 05:22
here is my code. i have change the text into red-text, but dont know what else i have missed

<style>
h2 {
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>

penguio
@penguio
Feb 12 2017 05:22
@TeddyHugs I'm helping, just like people do on stackoverflow when you're stuck on a piece of code and can't exactly find the error. sometimes you miss the little things, and she was close
Ken Haduch
@khaduch
Feb 12 2017 05:23
@Injabie - you misspelled the word "silver" in your CSS class definition.
Matthew Pickering
@Injabie
Feb 12 2017 05:23
aaahahahahha
thank you
Stephen
@TeddyHugs
Feb 12 2017 05:23
@penguio doesn't matter. Don't post the answer in chat. It's so people can learn and understand it.
Rin C
@risana2014
Feb 12 2017 05:23

@TeddyHugs @risana2014
here is my code. i have change the text into red-text, but dont know what else i have missed

<style>
h2 {
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>

penguio
@penguio
Feb 12 2017 05:23
@TeddyHugs you cant dictate what im going to post.... People sometimes need a little helping hand.
Ken Haduch
@khaduch
Feb 12 2017 05:24
@risana2014 - you are using a class "red-text", but you do not have such a class defined in your <style> section
@risana2014 - which lesson is this?
GeoffKaiser
@GeoffKaiser
Feb 12 2017 05:25
Inside your script element, add this code: $(document).ready(function() { to your script. Then close it on the following line (still inside your script element) with: }); What should this look like?? this is first jquery exercise and have no intro on how to input scripts to html
Stephen
@TeddyHugs
Feb 12 2017 05:25
@penguio Yeah. I can't dictate what you're going to post. However. I think people would agree with me that people have to understand and learn from their own mistakes. Quincy would also agree with me you should not post the answer in the chat.
Steven
@Ironwrangler
Feb 12 2017 05:25
Has anyone had the problem of having 4 pages in the personal portfolio and the fourth page background pic looks smaller the the rest and wont go completely across the page
Stephen
@TeddyHugs
Feb 12 2017 05:26
@Ironwrangler Really depends on where you got it from :)
Steven
@Ironwrangler
Feb 12 2017 05:26
o.k. thanks @TeddyHugs
CamperBot
@camperbot
Feb 12 2017 05:26
ironwrangler sends brownie points to @teddyhugs :sparkles: :thumbsup: :sparkles:
:cookie: 257 | @teddyhugs |http://www.freecodecamp.com/teddyhugs
Steven
@Ironwrangler
Feb 12 2017 05:26
i'll try another site.
Rin C
@risana2014
Feb 12 2017 05:27
@khaduch the lesson is " Use a CSS Class to Style an Element", which is an entry level
Stephen
@TeddyHugs
Feb 12 2017 05:27
@Ironwrangler Also you should post your pen :D It would be great to see it
penguio
@penguio
Feb 12 2017 05:28
@TeddyHugs that's hear say... You can't speak for someone that isnt present. She was almost there and i get what you were saying. I wouldnt have gave her the answer, if she totally missed the map.
Stephen
@TeddyHugs
Feb 12 2017 05:28
@risana2014 So what you did wrong is you have to define the element class which is red text
Ken Haduch
@khaduch
Feb 12 2017 05:29
@risana2014 - it says in the instructions "change the h2 selector to .red-text and update the color's value from blue to red" - so you should have a class defined in your <style> area with the selector .red-text
Stephen
@TeddyHugs
Feb 12 2017 05:29
@penguio Don't worry. I'm sure Quincy will love you spilling out the answers for people. Besides I already sent him the chat log. He may not be present here. But people do contact him while he's off. And he does check.
Rin C
@risana2014
Feb 12 2017 05:30
@TeddyHugs so, i need to put a <style type="text/css"> ? is this correct?
Ken Haduch
@khaduch
Feb 12 2017 05:31
@risana2014 - no, you do not need that. You have to add that class between the <style> and </style> tags. They show an "Example CSS class declaration" for .blue-text - you need to do that for .red-text...
Stephen
@TeddyHugs
Feb 12 2017 05:31
@risana2014 That's not best practice for it. It's more take a look at the example carefully and ask yourself what is different from the example to my coding
penguio
@penguio
Feb 12 2017 05:32
@TeddyHugs you're totally a charmer. Probably someone who just likes to cause trouble for absolutely nothing. Adults don't tattle on other adults, over small petty things like that. if you expect to get far in life and you're that petty highly doubtful you're going to go anywhere. I was just trying to help, and you acted like it's the end of the world.
GeoffKaiser
@GeoffKaiser
Feb 12 2017 05:32
<script $(document).ready(function() {});></script>
What is incorrect there??
penguio
@penguio
Feb 12 2017 05:32
@GeoffKaiser you $(document).ready function shouldnt be in between the script tags
like that
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:33
@GeoffKaiser <script>
$(document).ready(function() {});
Stephen
@TeddyHugs
Feb 12 2017 05:33
@penguio lmfao. Sure. I'm sure everybody would agree with me not to give answers out. Whatever. If people don't want to learn and understand it. They can just come to you for the answers.
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:34
what do i do i do here
Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.
jeremy suarez
@jsuarez93
Feb 12 2017 05:34
@TeddyHugs hey i could use some help
Eckzo
@Eckzo
Feb 12 2017 05:34
@angelanichole .red-text {
color: red;
}
Stephen
@TeddyHugs
Feb 12 2017 05:34
What's up @js?
@jsuarez93
Steven
@Ironwrangler
Feb 12 2017 05:34
@TeddyHugs i posted it .i dont know why the page 4 pic is acting this way i had changed the pic and still dong it.
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:34
$("well").addClass("animated shake"); is this correct ?
Zach Faust
@ThinkOrFaust
Feb 12 2017 05:34
@TeddyHugs I agree. This is for help. Giving the answers out will not let anyone remember and learn on their own.
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:35
@AshwathShivaz
what do i do i do here
Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.
GeoffKaiser
@GeoffKaiser
Feb 12 2017 05:35
@AshwathShivaz thanks
CamperBot
@camperbot
Feb 12 2017 05:35
geoffkaiser sends brownie points to @ashwathshivaz :sparkles: :thumbsup: :sparkles:
:cookie: 102 | @ashwathshivaz |http://www.freecodecamp.com/ashwathshivaz
GeoffKaiser
@GeoffKaiser
Feb 12 2017 05:35
@penguio thanks
CamperBot
@camperbot
Feb 12 2017 05:35
geoffkaiser sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @penguio |http://www.freecodecamp.com/penguio
Manish Giri
@Manish-Giri
Feb 12 2017 05:35

@penguio

if you expect to get far in life and you're that petty highly doubtful you're going to go anywhere

no need to make things personal
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:35
what do i do i do here
Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well
Stephen
@TeddyHugs
Feb 12 2017 05:36
@Ironwrangler You have to specify the settings for it. Check HTML coding as well. :)
@Manish-Giri Hey Thoguht you were going to bed
Zach Faust
@ThinkOrFaust
Feb 12 2017 05:36
@AshwathShivaz try starting with the example it gave you and go from there. if you still need help we are here :smile:
Manish Giri
@Manish-Giri
Feb 12 2017 05:36
@TeddyHugs that was just @Margaret2
penguio
@penguio
Feb 12 2017 05:36
@AshwathShivaz you forgot to select the class , it's the exact same as you do in css . with the period
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:36
@ThinkOrFaust $("well").addClass("animated shake");
Stephen
@TeddyHugs
Feb 12 2017 05:37
@Manish-Giri Ahhh okay. xD
Manish Giri
@Manish-Giri
Feb 12 2017 05:37
I went to practice some stuff
:smile:
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:37
is that correct
Stephen
@TeddyHugs
Feb 12 2017 05:37
@Manish-Giri pen thinks it's okay to give answers out in chat lmfao...
jeremy suarez
@jsuarez93
Feb 12 2017 05:37
@TeddyHugs it says my style should have a pink-text CSS class with its color set to pink would i have to make a class or put it in the style section?
Manish Giri
@Manish-Giri
Feb 12 2017 05:37
@TeddyHugs yeah I was just reading that
Stephen
@TeddyHugs
Feb 12 2017 05:38
@jsuarez93 challenge name?
penguio
@penguio
Feb 12 2017 05:38
This chat amazes me how childish people can be and not let things go... I stopped giving away answers corrected myself and you guys are still on a high horse suprising
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:38
@penguio i did not understand
did you mean i shoud use .well ?
jeremy suarez
@jsuarez93
Feb 12 2017 05:38
@TeddyHugs prioritize one style over another
penguio
@penguio
Feb 12 2017 05:39
Some people need to grow up... I corrected what i did wrong it wasn't my pure intention
@AshwathShivaz yeah with the period
Manish Giri
@Manish-Giri
Feb 12 2017 05:39
imho, you need to grow up
Zach Faust
@ThinkOrFaust
Feb 12 2017 05:39
@AshwathShivaz very close, dont forget to add the "." before well!
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:39
@penguio thank you
CamperBot
@camperbot
Feb 12 2017 05:39
ashwathshivaz sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @penguio |http://www.freecodecamp.com/penguio
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:39
@ThinkOrFaust thank you
Zach Faust
@ThinkOrFaust
Feb 12 2017 05:39
ahh, beat me to it lol
Ashwath Sivaswamy
@AshwathShivaz
Feb 12 2017 05:39
@ThinkOrFaust thank you
CamperBot
@camperbot
Feb 12 2017 05:39
ashwathshivaz sends brownie points to @thinkorfaust :sparkles: :thumbsup: :sparkles:
:cookie: 135 | @thinkorfaust |http://www.freecodecamp.com/thinkorfaust
Manish Giri
@Manish-Giri
Feb 12 2017 05:40
I was just pointing out that it's not good to make things personal
over such trivial matters
SaimonTheGreat
@SaimonTheGreat
Feb 12 2017 05:41
im stuck
penguio
@penguio
Feb 12 2017 05:41
@Manish-Giri grown up's know how to move on... it wasnt even a trivial manner, i corrected my ways. my issue was how he made something so petty a bigger issue then what it was. It's no different the school books with the answers in the back, but i corrected my ways. To carry on shows immaturity and proves that some people need to grow up
Stephen
@TeddyHugs
Feb 12 2017 05:42
He's just lonely @Manish-Giri Needs the attention. >^^_< xD
Manish Giri
@Manish-Giri
Feb 12 2017 05:42
.....
^.^
penguio
@penguio
Feb 12 2017 05:43
@TeddyHugs lol lonely get over yourself. Critique me on my mistakes , snitch on me then try to provoke reactions out of people. Amazing elementary attitude grow up
Momozor
@momozor
Feb 12 2017 05:44
troll
CamperBot
@camperbot
Feb 12 2017 05:44
:trollface: troll problems? notify admins here
penguio
@penguio
Feb 12 2017 05:44
Your hands aren't that clean especially when being a tattle tale
Chenxing Zhang
@ChenxingZhang
Feb 12 2017 05:44
Guys lets code.
Zach Faust
@ThinkOrFaust
Feb 12 2017 05:44
Or we can all just drop the situation and forget about it :smile:
Stephen
@TeddyHugs
Feb 12 2017 05:44
LOL. Nice Personal attacks @penguio Where you learn all these insults? Please more :)
Manish Giri
@Manish-Giri
Feb 12 2017 05:45
@penguio I asked you not to get personal..
penguio
@penguio
Feb 12 2017 05:45
@TeddyHugs not really person, stating facts.
Stephen
@TeddyHugs
Feb 12 2017 05:46
I wasn't even being personal lmfao. Sorry to say. But you must be really desperate for attention.
h1tag
@h1tag
Feb 12 2017 05:46
Guys you can argue in private
Manish Giri
@Manish-Giri
Feb 12 2017 05:46
lol
where's the fun in that
xD
Chenxing Zhang
@ChenxingZhang
Feb 12 2017 05:47
Lets code.
Lets go leetcode if we are all bored.
Stephen
@TeddyHugs
Feb 12 2017 05:48
I'm still coding while this is going on.
I'm finding it so funny :joy:
Steven
@Ironwrangler
Feb 12 2017 05:54
LOL @Manish-Giri
i just cant get this damed page 4 to co-op
Manish Giri
@Manish-Giri
Feb 12 2017 05:55
um
?
Stephen
@TeddyHugs
Feb 12 2017 05:56
You check your HTML and CSS?
@Ironwrangler
Steven
@Ironwrangler
Feb 12 2017 05:57
yah it seems right but i guess im just tired .it's pissing me
Manish Giri
@Manish-Giri
Feb 12 2017 05:57
Couldn't resist
Aditya-Ace
@Aditya-Ace
Feb 12 2017 05:57
hello everyone... good morning from India
Stephen
@TeddyHugs
Feb 12 2017 05:58
Morning @Aditya-Ace and LOL @Manish-Giri
Is that you @Manish-Giri ? xD
Steven
@Ironwrangler
Feb 12 2017 05:58
i love it >>>nerd humor hahahahahaha
Aditya-Ace
@Aditya-Ace
Feb 12 2017 05:58
@Manish-Giri ha ha ....
Steven
@Ironwrangler
Feb 12 2017 05:59
Hello @Aditya-Ace
Aditya-Ace
@Aditya-Ace
Feb 12 2017 05:59
Hello @Ironwrangler