These are chat archives for FreeCodeCamp/Help

24th
Jan 2017
Nicholas Ny
@heynickny
Jan 24 2017 00:00

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

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

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

Christopher McCormack
@cmccormack
Jan 24 2017 00:00
it's .red-text
Rob Gibb
@RobGibb
Jan 24 2017 00:00
@heynickny .red-text ...notice the -->. before the class name
Christopher McCormack
@cmccormack
Jan 24 2017 00:00
the period prior indicates it's a class
jadew94
@jadew94
Jan 24 2017 00:01
hey everyone, I'm having a little trouble nesting my boostrap buttons within their own div elements. This is what I have:<div class="row">
<div class="col-xs-4" button class="btn btn-block btn-primary">Like</div>
<div class="col-xs-4" button class="btn btn-block btn-info">Info</div>
<div class="col-xs-4" button class="btn btn-block btn-danger">Delete</div>
</div>
but its not working
Christopher McCormack
@cmccormack
Jan 24 2017 00:01
you have class twice @jadew94
Geoff
@greengeoff
Jan 24 2017 00:01
tag {} .class{} #id{}
Nicholas Ny
@heynickny
Jan 24 2017 00:01
-_- im not understanding at all this doesnt really teach you anything
Evan Kalvis
@evan17gr
Jan 24 2017 00:01
Button is an element don't forget
Christopher McCormack
@cmccormack
Jan 24 2017 00:01
oh and you need to separate your buttons from your div
Nicholas Ny
@heynickny
Jan 24 2017 00:01
just trial and error to someone that doesnt know c++ or html
Geoff
@greengeoff
Jan 24 2017 00:02
If you want two classes do this --> class="class1 class2"
Evan Kalvis
@evan17gr
Jan 24 2017 00:02
It's css
jadew94
@jadew94
Jan 24 2017 00:02
OHHHHHHH thank you everyone!
Nicholas Ny
@heynickny
Jan 24 2017 00:03
im just not getting it evan i dont know what it means the first p elemnet should have the class red-text
but it does...
Rob Gibb
@RobGibb
Jan 24 2017 00:03
@heynickny your frustration is understood however html and css are the simplest languages it can't really be compared to c++ a programming language .
Evan Kalvis
@evan17gr
Jan 24 2017 00:04
Well advanced and HTML isn't very easy at all
Nicholas Ny
@heynickny
Jan 24 2017 00:04
i plan on learning c++ after this my grandpa was saying its the best one to learn.
Evan Kalvis
@evan17gr
Jan 24 2017 00:04
Css
It depends tbh
Js is probably better
Nicholas Ny
@heynickny
Jan 24 2017 00:04
im just tryna get through some of these lessons so i can play runescape D:<
T Lewis
@Tydude
Jan 24 2017 00:05
Cannot find issue please help #12791
Evan Kalvis
@evan17gr
Jan 24 2017 00:05
Lol
Nicholas Ny
@heynickny
Jan 24 2017 00:05
i dont get how to make the first p have class red-text when i already put it in there
Christopher McCormack
@cmccormack
Jan 24 2017 00:05
@heynickny you closed off your <p> element before adding the class, try <p class="red-text"> (you don't prefix the class name with a period when using it in the element, just in the css/javascript references to the class
Rob Gibb
@RobGibb
Jan 24 2017 00:06
just in the <style> section
Nicholas Ny
@heynickny
Jan 24 2017 00:07
thaank you christ i got it now thanks rob and evan also lol
chris*
Christopher McCormack
@cmccormack
Jan 24 2017 00:07
np
Evan Kalvis
@evan17gr
Jan 24 2017 00:07
Good job
ouams
@ouams
Jan 24 2017 00:07
Nest your text input element within a form element.
Evan Kalvis
@evan17gr
Jan 24 2017 00:08
What's ur code?
Rob Gibb
@RobGibb
Jan 24 2017 00:08

<p class="red-text"> //in your HTML

.red-text {
} // CSS or <style>

@heynickny ^^
ouams
@ouams
Jan 24 2017 00:08
<form action="/submit-cat-photo"/>
@evan17gr
Nicholas Ny
@heynickny
Jan 24 2017 00:09
thougt i dont punctuate it in <p>
Evan Kalvis
@evan17gr
Jan 24 2017 00:09
Nest
Do u understand what best means?
ouams
@ouams
Jan 24 2017 00:09
no
Evan Kalvis
@evan17gr
Jan 24 2017 00:10
It basically means when u put an element inside another element
For example u might have <a><img></a>
Rob Gibb
@RobGibb
Jan 24 2017 00:11
@heynickny you have to put the class name in "double quotes" in the element tag.
put a period .red-text { in the style tags
}
Evan Kalvis
@evan17gr
Jan 24 2017 00:11
In this case the img element is nested within the a element
ouams
@ouams
Jan 24 2017 00:11
ok yhanks
thanks
Evan Kalvis
@evan17gr
Jan 24 2017 00:11
So try it again
Nicholas Ny
@heynickny
Jan 24 2017 00:13

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

p {
font-size: 16px;
}{font-family: Monospace;}
</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>

trying to change the font halp plz
Evan Kalvis
@evan17gr
Jan 24 2017 00:14
The font of what?
Geoff
@greengeoff
Jan 24 2017 00:14
p {
font-size: 16px;
font-family: Monospace;}
T Lewis
@Tydude
Jan 24 2017 00:14
remove{} after px
Nicholas Ny
@heynickny
Jan 24 2017 00:14
of P
Geoff
@greengeoff
Jan 24 2017 00:15
p { -- styles in here }
Rob Gibb
@RobGibb
Jan 24 2017 00:15
just place the font-family : Monospace; within {}
@heynickny
Evan Kalvis
@evan17gr
Jan 24 2017 00:15
When u use two properties on the same element they separate with a ;
u don't use another set of {}
Kemar Golding
@kemar1997
Jan 24 2017 00:15
can anyone help me make my website mobile responsive with bootstrap?
Evan Kalvis
@evan17gr
Jan 24 2017 00:16
Is it a challenge or a project?
Nicholas Ny
@heynickny
Jan 24 2017 00:16
thank you lol you guys are very helpful
i need to take my time and not rush as much
Rob Gibb
@RobGibb
Jan 24 2017 00:17
no doubt you'll get it.
T Lewis
@Tydude
Jan 24 2017 00:17
@RobGibb can you help with Use an ID Attribute to Style an Element
Rob Gibb
@RobGibb
Jan 24 2017 00:17
yep @Tydude use the #idname
Kemar Golding
@kemar1997
Jan 24 2017 00:17
cant seem to make the images resposive
responsive*
Evan Kalvis
@evan17gr
Jan 24 2017 00:18
It's mobile responsive
Geoff
@greengeoff
Jan 24 2017 00:18
@kemar1997 You need to put everything in a .container (bootstrap class)
T Lewis
@Tydude
Jan 24 2017 00:18
@RobGibb i have and still nothing
Evan Kalvis
@evan17gr
Jan 24 2017 00:18
Oh lol I didn't see the rest of it
Geoff
@greengeoff
Jan 24 2017 00:18
@kemar1997 I also recommend a max-width
Rob Gibb
@RobGibb
Jan 24 2017 00:19

@Tydude
p #idname {

}

c0d0er
@c0d0er
Jan 24 2017 00:19
could anybody help for the following 2 questions?
var arr = [              
    [0,0,0]
];
var x=[...arr, [1,1,1,]]
console.log(x)//[ [ 0, 0, 0 ], [ 1, 1, 1 ] ]
x[0][0]=1;
console.log(x)//[ [ 1, 0, 0 ], [ 1, 1, 1 ] ]
console.log(arr)//[ [ 1, 0, 0 ] ]---> why use spread operator, the arr element is still changed?
var arr = [              
    [0,0,0]
];
var x=arr.concat([[1,1,1]]);
console.log(x)//[ [ 0, 0, 0 ], [ 1, 1, 1 ] ]
x[0][0]=1;
console.log(x)//[ [ 1, 0, 0 ], [ 1, 1, 1 ] ]
console.log(arr)//[ [ 1, 0, 0 ] ]---> why use concat, the arr element is still changed?
Rob Gibb
@RobGibb
Jan 24 2017 00:19
what element are you trying to style @Tydude ?
T Lewis
@Tydude
Jan 24 2017 00:19
p in style
Kemar Golding
@kemar1997
Jan 24 2017 00:19
@greengeoff Thanks I will try that
CamperBot
@camperbot
Jan 24 2017 00:19
kemar1997 sends brownie points to @greengeoff :sparkles: :thumbsup: :sparkles:
:cookie: 362 | @greengeoff |http://www.freecodecamp.com/greengeoff
T Lewis
@Tydude
Jan 24 2017 00:20
Make sure your form element has an id attribute.
Donnabelle M. Bando
@donnabellebando
Jan 24 2017 00:20
Hello World! :)
CamperBot
@camperbot
Jan 24 2017 00:20

welcome to FreeCodeCamp @donnabellebando!

T Lewis
@Tydude
Jan 24 2017 00:20
Give your form element the id of cat-photo-form.
Your form element should have the background-color of green.
Make sure your form element has an id attribute.
Do not give your form any class or style attributes.
Evan Kalvis
@evan17gr
Jan 24 2017 00:20
@kemar1997 u havent added any meta tags
T Lewis
@Tydude
Jan 24 2017 00:21
all in good background is green but wont let be pass
Kemar Golding
@kemar1997
Jan 24 2017 00:21
meta tags?
Evan Kalvis
@evan17gr
Jan 24 2017 00:21
@kemar1997 yes
Rob Gibb
@RobGibb
Jan 24 2017 00:21

@Tydude Eg.
< p id="idname">Paragraph text here</p>

<style>
p #idname {
stuff: black ;
}

</style>

T Lewis
@Tydude
Jan 24 2017 00:21

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

<style>

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

.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>
@RobGibb

Kemar Golding
@kemar1997
Jan 24 2017 00:22
what kind of meta tags @evan17gr
1BCHWTH2
@1BCHWTH2
Jan 24 2017 00:22
https://www.freecodecamp.com/challenges/create-a-form-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%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%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cform%3E%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22action%3D%22%2Fsubmit-cat-photo%22%3E%3C%2Fform%3E%0A%0A%0A%0A%0A%0A%0A%0A
help
Rob Gibb
@RobGibb
Jan 24 2017 00:22

< p id="idname">Paragraph text here</p>

<style>
p #idname {
stuff: black ;
}

@Tydude
T Lewis
@Tydude
Jan 24 2017 00:23
ok ill try :smile:
Rob Gibb
@RobGibb
Jan 24 2017 00:23
i forgot to close styl </style>
Evan Kalvis
@evan17gr
Jan 24 2017 00:23

@kemar1997 ```<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">```

Rob Gibb
@RobGibb
Jan 24 2017 00:23
but you get the point hopefully lol
Kemar Golding
@kemar1997
Jan 24 2017 00:24
@evan17gr They would go in the head tag correct?
Evan Kalvis
@evan17gr
Jan 24 2017 00:25
yes
T Lewis
@Tydude
Jan 24 2017 00:25
i hope lol
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:26
@1BCHWTH2 its your form to have the action nott the input
remove the action and give to the form
Rob Gibb
@RobGibb
Jan 24 2017 00:28

@Tydude in the css/style tags
.classname and #idname
in html tags

<p class="classname"></p>
<p id="idname"></p>

Terri Hall
@selenny
Jan 24 2017 00:28
Hey everybody! I'm working on the Portfolio, and I dont know how to code so that you click and scroll to other sections..Anybody help?
Maxie Cole
@PrincessMaxie
Jan 24 2017 00:29
Hey! Im new to this, actually just made an account today and im having trouble making my h2 element blue . i did <style>h2{color:blue;}</style> and it doesnt seem to be working :worried:
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:29
@selenny are your other sections in something like a div?
Terri Hall
@selenny
Jan 24 2017 00:29
yes, Everything is a <div> so far...
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:29
@PrincessMaxie blue was an example... instructions say red
Evan Kalvis
@evan17gr
Jan 24 2017 00:29
@selenny u need to add the id of the divs that u have to the href of ur a elements in the navbar
Terri Hall
@selenny
Jan 24 2017 00:29
I think we use "#" but something is missing
@evan17gr thank you, can you give me a code example?
CamperBot
@camperbot
Jan 24 2017 00:30
selenny sends brownie points to @evan17gr :sparkles: :thumbsup: :sparkles:
:cookie: 436 | @evan17gr |http://www.freecodecamp.com/evan17gr
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:30
@selenny good so u can give your divs an id then while making ur nav bar u give those buttons links with the address of your div but as dead links.. am sure u wont understand thi
thsi
this
Maxie Cole
@PrincessMaxie
Jan 24 2017 00:31
@Dorcy-ndg3 it was only red using incline style. now im practicing CSS and it asks for blue
Terri Hall
@selenny
Jan 24 2017 00:31
I didnt know I sent you brownie points...lol I'm still pretty new to this and stay stuck with my coding!
Evan Kalvis
@evan17gr
Jan 24 2017 00:31
<li class="pull-right"><a href="#my">Contact Me</a></li>
        <li class="pull-right"><a href="#space2">Portfolio</a></li>
        <li class="pull-right"><a href="#main">About Me</a></li>
        <li class="pull-right"><a href="#home">Home</a></li>
<li class="deez hidden-xs hidden-sm">@ Evan Kalvis</li>
Terri Hall
@selenny
Jan 24 2017 00:31
@Dorcy-ndg3 , yes I do understand, just need help to get started! much thanks Evan!!!
CamperBot
@camperbot
Jan 24 2017 00:31
selenny sends brownie points to @dorcy-ndg3 :sparkles: :thumbsup: :sparkles:
:cookie: 489 | @dorcy-ndg3 |http://www.freecodecamp.com/dorcy-ndg3
Terri Hall
@selenny
Jan 24 2017 00:31
Cheeers!
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:31
@PrincessMaxie show all the code then
Terri Hall
@selenny
Jan 24 2017 00:32
I knew that was in the past example, just couldnt remember where
T Lewis
@Tydude
Jan 24 2017 00:32
@RobGibb Rob i nailed it thanks i had to
CamperBot
@camperbot
Jan 24 2017 00:32
tydude sends brownie points to @robgibb :sparkles: :thumbsup: :sparkles:
:cookie: 175 | @robgibb |http://www.freecodecamp.com/robgibb
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:32
u actually gave me points instead of @evan17gr ... thanks
CamperBot
@camperbot
Jan 24 2017 00:32
dorcy-ndg3 sends brownie points to @evan17gr :sparkles: :thumbsup: :sparkles:
Terri Hall
@selenny
Jan 24 2017 00:32
you all rock!
CamperBot
@camperbot
Jan 24 2017 00:32
:cookie: 437 | @evan17gr |http://www.freecodecamp.com/evan17gr
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:32
@selenny :thumbsup:
Terri Hall
@selenny
Jan 24 2017 00:32
I give you all points! Thanks!
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:33
@selenny one for you,, ty
CamperBot
@camperbot
Jan 24 2017 00:33
dorcy-ndg3 sends brownie points to @selenny :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @selenny |http://www.freecodecamp.com/selenny
Terri Hall
@selenny
Jan 24 2017 00:33
alright heading back to codepen....rock on coders!
T Lewis
@Tydude
Jan 24 2017 00:33
i dont know i i sent points ?
saj789
@saj789
Jan 24 2017 00:33
in order to make it a dead link do i just delete the href and put the # or does it need to inside quotes....neither is working for me
T Lewis
@Tydude
Jan 24 2017 00:33
how
Rob Gibb
@RobGibb
Jan 24 2017 00:33
@selenny good for you to check out here https://www.youtube.com/watch?v=7RUyPO6hsnk
Kemar Golding
@kemar1997
Jan 24 2017 00:33
@greengeoff Where would I set the max width?
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:34
@Tydude mention then thank a person... now u get one coz i just thanked you
CamperBot
@camperbot
Jan 24 2017 00:34
dorcy-ndg3 sends brownie points to @tydude :sparkles: :thumbsup: :sparkles:
:cookie: 46 | @tydude |http://www.freecodecamp.com/tydude
Evan Kalvis
@evan17gr
Jan 24 2017 00:34
@saj789 just replace the url
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:35
@saj789 href="#" set # to href
T Lewis
@Tydude
Jan 24 2017 00:35
@Dorcy-ndg3 oh cool thanks
CamperBot
@camperbot
Jan 24 2017 00:35
tydude sends brownie points to @dorcy-ndg3 :sparkles: :thumbsup: :sparkles:
:cookie: 490 | @dorcy-ndg3 |http://www.freecodecamp.com/dorcy-ndg3
Rob Gibb
@RobGibb
Jan 24 2017 00:35
glad you got it @Tydude good work !
saj789
@saj789
Jan 24 2017 00:35
@evan17gr @Dorcy-ndg3 Thanks!
CamperBot
@camperbot
Jan 24 2017 00:35
saj789 sends brownie points to @evan17gr and @dorcy-ndg3 :sparkles: :thumbsup: :sparkles:
:cookie: 491 | @dorcy-ndg3 |http://www.freecodecamp.com/dorcy-ndg3
:cookie: 438 | @evan17gr |http://www.freecodecamp.com/evan17gr
T Lewis
@Tydude
Jan 24 2017 00:35
@RobGibb thanks too
CamperBot
@camperbot
Jan 24 2017 00:35
tydude sends brownie points to @robgibb :sparkles: :thumbsup: :sparkles:
:warning: tydude already gave robgibb points
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:36
@saj789 :thumbsup:
Heading off... see you guys
Rob Gibb
@RobGibb
Jan 24 2017 00:37
Evan Kalvis
@evan17gr
Jan 24 2017 00:37
cya
D O R C ¥
@Dorcy-ndg3
Jan 24 2017 00:38
a huge thank you for the guys i leave helping out . thank you @RobGibb @evan17gr
CamperBot
@camperbot
Jan 24 2017 00:38
dorcy-ndg3 sends brownie points to @robgibb and @evan17gr :sparkles: :thumbsup: :sparkles:
:warning: dorcy-ndg3 already gave evan17gr points
:cookie: 176 | @robgibb |http://www.freecodecamp.com/robgibb
Jake
@waikelejake
Jan 24 2017 00:39
Can someone explain the difference between just putting the font color in versus using a color class? It seems like they do the same thing.
Rob Gibb
@RobGibb
Jan 24 2017 00:39
cheers thank you @Dorcy-ndg3
CamperBot
@camperbot
Jan 24 2017 00:39
robgibb sends brownie points to @dorcy-ndg3 :sparkles: :thumbsup: :sparkles:
:cookie: 492 | @dorcy-ndg3 |http://www.freecodecamp.com/dorcy-ndg3
Christopher McCormack
@cmccormack
Jan 24 2017 00:40
@waikelejake classes are meant to be reused, so you can apply a color class to multiple elements without repeating the code within the class
Vlad
@Variag
Jan 24 2017 00:40
Hey, I think I have a problem passing the task with font size. The wrong part it shows: "Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. ". I checked my zoom in browser, it says 100%
Rob Gibb
@RobGibb
Jan 24 2017 00:40
not understanding the query @waikelejake sorry.
Jake
@waikelejake
Jan 24 2017 00:40
@cmccormack Thanks man!
CamperBot
@camperbot
Jan 24 2017 00:40
waikelejake sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:cookie: 212 | @cmccormack |http://www.freecodecamp.com/cmccormack
Christopher McCormack
@cmccormack
Jan 24 2017 00:41
@waikelejake if you only ever apply one style to an element, sure maybe inline would be easier, but that is almost never the case with larger projects
Margaret
@Margaret2
Jan 24 2017 00:41
@Variag show your code
Vlad
@Variag
Jan 24 2017 00:41

@Margaret2

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

</style>

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

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

Kemar Golding
@kemar1997
Jan 24 2017 00:41
I have added the meta tags but see no difference @evan17gr
Margaret
@Margaret2
Jan 24 2017 00:41
@Variag hmm, that looks right, try refreshing the page
Rob Gibb
@RobGibb
Jan 24 2017 00:42
yeah looks good to me @Variag
Vlad
@Variag
Jan 24 2017 00:42
yeah, I have done HTML before, so I know it should be correct but still, it is not working. I will try to refresh and then start it on another browser
James Nix
@creationofimagination
Jan 24 2017 00:42
I'm having trouble understanding why my code isn't working on the "smaller-image" exercise. My code looks good to me.
Margaret
@Margaret2
Jan 24 2017 00:42
@Variag :+1:
@creationofimagination can you paste your code
James Nix
@creationofimagination
Jan 24 2017 00:44

@Margaret2

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

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

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

<img class="smaller-image" 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>

Margaret
@Margaret2
Jan 24 2017 00:45
@creationofimagination that code looks fine, try refreshing like i said to the other guy :disappointed: :
Rob Gibb
@RobGibb
Jan 24 2017 00:46
lol
was thinking the same ...sometimes it's the smallest things that get us stuck
Vlad
@Variag
Jan 24 2017 00:47
I switched the browser and it helped
Margaret
@Margaret2
Jan 24 2017 00:47
yeah, i'm glad people's code looks good, but i don't know what's going on w/ the website tonight -_-
@Variag :+1:
Vlad
@Variag
Jan 24 2017 00:48
I used Microsoft Edge (which is horrible browser, IMHO), but works perfectly on Firefox
Hope Kremer
@Hkremer2310
Jan 24 2017 00:48

Hello All! I'm stuck on a challenge. Can you please help? Here is my code: <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>
<a href="http://www.freecatphotoapp.com">cat photos</a>

<img class="smaller-image 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 strd 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>

Rob Gibb
@RobGibb
Jan 24 2017 00:48
what browser gave you the problem and witch one helped ?
would be interested to know if you don't mind
@Variag
Hope Kremer
@Hkremer2310
Jan 24 2017 00:49
Oops...I challenge is to add... You need an a element that links to http://freecatphotoapp.com
Rob Gibb
@RobGibb
Jan 24 2017 00:49
nm @Variag thnx lol
CamperBot
@camperbot
Jan 24 2017 00:49
robgibb sends brownie points to @variag :sparkles: :thumbsup: :sparkles:
:cookie: 21 | @variag |http://www.freecodecamp.com/variag
Rob Gibb
@RobGibb
Jan 24 2017 00:49
just saw your above comment
James Nix
@creationofimagination
Jan 24 2017 00:49
@Margaret2 @Variag ok makes since im using edge as well
Christopher McCormack
@cmccormack
Jan 24 2017 00:50
@creationofimagination Were you supposed to put the font in the <head> </head> tag?
Margaret
@Margaret2
Jan 24 2017 00:50
@Hkremer2310 take out the www from the URL
Rob Gibb
@RobGibb
Jan 24 2017 00:50
@Hkremer2310 what element are you trying to add the link to ?
James Nix
@creationofimagination
Jan 24 2017 00:51
@cmccormack i don't think im that far yet
Margaret
@Margaret2
Jan 24 2017 00:51
@cmccormack FCC doesn't use head and body elements
Rob Gibb
@RobGibb
Jan 24 2017 00:51
I can't really remember the excersises too well anymore lol
trying to learn JS
Margaret
@Margaret2
Jan 24 2017 00:51
...yet
i think challenges to teach that are in beta
Christopher McCormack
@cmccormack
Jan 24 2017 00:51
Got it couldn't remember
Hope Kremer
@Hkremer2310
Jan 24 2017 00:51
@Margaret2 thank you. It worked.
CamperBot
@camperbot
Jan 24 2017 00:51
hkremer2310 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1334 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Jan 24 2017 00:51
^.^
Rob Gibb
@RobGibb
Jan 24 2017 00:52
is there a way we can go back to our FCC excersises so I can help more efficiently ?
anyone ?
Margaret
@Margaret2
Jan 24 2017 00:53
Christopher McCormack
@cmccormack
Jan 24 2017 00:54
@RobGibb Click on the number next to your avatar in the upper right, it lets you view your solutions
Jake
@waikelejake
Jan 24 2017 00:54
To change the width of a picture using the smaller-imange class, I am having an issue getting this one.
<style>
.smaller-image {
width: 100px;
}
</style>
thats what needs to go in the code but it doesnt like it
Rob Gibb
@RobGibb
Jan 24 2017 00:55
Awesome thx guys ! @Margaret2 and @cmccormack
CamperBot
@camperbot
Jan 24 2017 00:55
robgibb sends brownie points to @margaret2 and @cmccormack :sparkles: :thumbsup: :sparkles:
:cookie: 214 | @cmccormack |http://www.freecodecamp.com/cmccormack
:star2: 1336 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Jan 24 2017 00:55
@waikelejake .smaller-image selects any element with the class "smaller-image". So do you have an element with the "smaller-image" class?
Jake
@waikelejake
Jan 24 2017 00:56
I guess not. Where would i add that? Would it be in the img src element?
Margaret
@Margaret2
Jan 24 2017 00:57
@waikelejake have to use class="..." to add the class to your <img> element.
"img src" is not a thing, it's just an img element
Jake
@waikelejake
Jan 24 2017 00:57
Alright will try
Christopher McCormack
@cmccormack
Jan 24 2017 00:58
img is the element, while src is an attribute of the element, similar to class, alt, etc.
Jake
@waikelejake
Jan 24 2017 00:58
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> That is what my element looks like now. Where would i add it? @Margaret2
Rob Gibb
@RobGibb
Jan 24 2017 00:58
Alright .. Bring that rain !
Margaret
@Margaret2
Jan 24 2017 00:59
@waikelejake <img class="..." src="..." alt="...">
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 00:59
So I'm on "Target the same element with multiple jQuery Selectors" and I've done everything but this one objective "Only add one class with each of your three selectors." won't work. Please help
Rob Gibb
@RobGibb
Jan 24 2017 00:59
@waikelejake looks like you just need to give it a class
Syed Aman
@SyedAman
Jan 24 2017 00:59
hai :)
Ali Sahmoud
@asahmoud
Jan 24 2017 01:00
help please
CamperBot
@camperbot
Jan 24 2017 01:00
no wiki entry for: please
Ali Sahmoud
@asahmoud
Jan 24 2017 01:00
Hey guys, anyone good with front-end? I am trying to show some text when I hover with the mouse on an image on my website, but I can't get it to work
Christopher McCormack
@cmccormack
Jan 24 2017 01:00
@AlexTheGreat210 can you paste your code?
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 01:00

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

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

Ali Sahmoud
@asahmoud
Jan 24 2017 01:01
can someone help me??
Margaret
@Margaret2
Jan 24 2017 01:01
@AlexTheGreat210 should only add one class on each line:
button -> animated
.btn -> shake
#target1 -> btn-primary
Jake
@waikelejake
Jan 24 2017 01:02
@cmccormack @Margaret2 Thanks! you guys are geniuses
CamperBot
@camperbot
Jan 24 2017 01:02
waikelejake sends brownie points to @cmccormack and @margaret2 :sparkles: :thumbsup: :sparkles:
:warning: waikelejake already gave cmccormack points
:star2: 1338 | @margaret2 |http://www.freecodecamp.com/margaret2
AliRanj
@AliRanj
Jan 24 2017 01:02
hi guys
James Nix
@creationofimagination
Jan 24 2017 01:02
@Margaret2 yep you were right my code was correct this whole time. thanks
CamperBot
@camperbot
Jan 24 2017 01:02
creationofimagination sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1339 | @margaret2 |http://www.freecodecamp.com/margaret2
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 01:03
@Margaret2 Thanks! I'll give it a try.
AliRanj
@AliRanj
Jan 24 2017 01:03
what's <form>do>
CamperBot
@camperbot
Jan 24 2017 01:03
alexthegreat210 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1340 | @margaret2 |http://www.freecodecamp.com/margaret2
AliRanj
@AliRanj
Jan 24 2017 01:03
?
Christopher McCormack
@cmccormack
Jan 24 2017 01:04
<form> defines a form that is used to collect user input
AliRanj
@AliRanj
Jan 24 2017 01:04
thank you @cmccormack
CamperBot
@camperbot
Jan 24 2017 01:04
aliranj sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:cookie: 215 | @cmccormack |http://www.freecodecamp.com/cmccormack
Giovanni Rodriguez
@Grodriguez56
Jan 24 2017 01:05
Hey everyone I'm new to this website. As of right now I'm having a bit of trouble completing html elements.
Vizij
@Vizij
Jan 24 2017 01:05
@Grodriguez56 We can help. What lesson are you having trouble with (the title)?
Rob Gibb
@RobGibb
Jan 24 2017 01:05
@Grodriguez56 what's seems to be the trouble exactly ?
Giovanni Rodriguez
@Grodriguez56
Jan 24 2017 01:08
well I'm changing the h1 element to say HelloWorld, but idk if I'm actually putting it in the correct spot.
Rob Gibb
@RobGibb
Jan 24 2017 01:09
<h1>Hello World!</h1> put it in and hit ctrl+enter

@Grodriguez56 ^^
it says ... <h1>Hello!</h1>

change it to ... <h1>Hello World!</h1>

Giovanni Rodriguez
@Grodriguez56
Jan 24 2017 01:12
Got it. Thank you!
Rob Gibb
@RobGibb
Jan 24 2017 01:12
np ! your off to a good start @Grodriguez56
thanx to everyone for not correcting my grammar ( you're) lol
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 01:15
lol
Felipe Guedes
@felipebits
Jan 24 2017 01:20
lol
Giovanni Rodriguez
@Grodriguez56
Jan 24 2017 01:22
Thanks @RobGibb
CamperBot
@camperbot
Jan 24 2017 01:22
grodriguez56 sends brownie points to @robgibb :sparkles: :thumbsup: :sparkles:
:cookie: 177 | @robgibb |http://www.freecodecamp.com/robgibb
Giovanni Rodriguez
@Grodriguez56
Jan 24 2017 01:23
Im kinda stuck on uncomment HTML. Any help is very much appreciated.
Rob Gibb
@RobGibb
Jan 24 2017 01:23
np @Grodriguez56 Cheers !
Rahul Yedida
@yrahul3910
Jan 24 2017 01:24
@Grodriguez56 remove the <!-- and -->
Rob Gibb
@RobGibb
Jan 24 2017 01:24
alexhorenberg
@alexhorenberg
Jan 24 2017 01:25

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

where excactly do i put the color
Rob Gibb
@RobGibb
Jan 24 2017 01:26
@AlexTheGreat210 the color of what ?
alexhorenberg
@alexhorenberg
Jan 24 2017 01:26
.silver-background {background-color: silver;}
i need to give my div element the class silver-background
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 01:27
@RobGibb oops haha I think you got the wrong name. I was like "wait when did I ask about a color"
alexhorenberg
@alexhorenberg
Jan 24 2017 01:27
oh lol
afc9996
@afc9996
Jan 24 2017 01:27
Hey guys just doing the font awesome and its asking me to "You should add a <i class="fa fa-info-circle"></i> within your info button element." And well i thought i did it in this part of the code
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info
<i class="fa fa-circle"></i>
</button>
</div>
But for some reason its not letting me pass?
Lukas
@LK144
Jan 24 2017 01:29
Screen Shot 2017-01-24 at 03.27.56.png
Does anyone know how to position text content to the center? Because when I press navigation link it shows up like this. I want to show it without white space after text. Any ideas?
Krystal
@KLenora16
Jan 24 2017 01:30
Hey guys. I'm working on the sizing image portion. Trying to figure out how to enter the "smaller-image" class. Help please?
Rob Gibb
@RobGibb
Jan 24 2017 01:30
@AlexTheGreat210 u first need to create the class on your div element in your HTML <div class="silver-background">
the up in the style section select the class you just made like this
.silver-background {
background-color: silver;
}
afc9996
@afc9996
Jan 24 2017 01:31
Haha never mind I was just forgetting the info part
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 01:31
Glad to hear you got it!
kochanie92
@kochanie92
Jan 24 2017 01:32
So I am on the "Target HTML Elements with Selectors Using jQuery". I trying to make all the button elements bounce but seem to be doing something wrong. Can someone help?

Here is my code: <script>

<script>
$(document).ready(function() {

$("button").addClass("animated bounce");

});
</script>

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

Rob Gibb
@RobGibb
Jan 24 2017 01:33
@KLenora16 HTML<img class="smaller-image" ......
CSS
.smaller-image {
width:100px;
}
kochanie92
@kochanie92
Jan 24 2017 01:33
Nevermind, as I copied and pasted into the help I realized I had two <script>...sorry.
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 01:34
Good catch! I was wondering why you had 2.
Krystal
@KLenora16
Jan 24 2017 01:34
@RobGibb Thank you. I must be putting it in wrong. I will try this.
CamperBot
@camperbot
Jan 24 2017 01:34
klenora16 sends brownie points to @robgibb :sparkles: :thumbsup: :sparkles:
:cookie: 178 | @robgibb |http://www.freecodecamp.com/robgibb
satsanab
@satsanab
Jan 24 2017 01:34
hello
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 01:35
What's up
Rob Gibb
@RobGibb
Jan 24 2017 01:35
np @KLenora16 you'll get it.
alexhorenberg
@alexhorenberg
Jan 24 2017 01:35
<div>
<div class="silver-background" {background-color:silver;}>
<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>
anyone able to see why the background isnt silver?
Rob Gibb
@RobGibb
Jan 24 2017 01:37
@alexhorenberg First remove {background-color:silver;} from your< div> tag
justflyout
@justflyout
Jan 24 2017 01:37
close div
alexhorenberg
@alexhorenberg
Jan 24 2017 01:38
like this..?
<div>
<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>
idk what you mean sorry
Drew Dickerson
@Drew199601
Jan 24 2017 01:38
I'm stuck on turning a image into a link, can anyone please help me?
Rob Gibb
@RobGibb
Jan 24 2017 01:38
thats right so far
i'll get back to you brb
alexhorenberg
@alexhorenberg
Jan 24 2017 01:39
kk thanks
QQ859218009
@QQ859218009
Jan 24 2017 01:39
占位符,你的p元素必须包含monkey code
Coding Machine
@EphremL
Jan 24 2017 01:39
Hello
alexhorenberg
@alexhorenberg
Jan 24 2017 01:39
hey @EphremL
kochanie92
@kochanie92
Jan 24 2017 01:41
Thanks@AlexTheGreat210..did not realize it until I copied and pasted! Time for some coffee:)
Lukas
@LK144
Jan 24 2017 01:41
Can someone who understands CSS/HTML pretty good PM me? Thanks
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 01:42
@kochanie92 Sounds like a plan!
Rob Gibb
@RobGibb
Jan 24 2017 01:42

@alexhorenberg now you have created the class within the div...next step.
you need to select it using your <style> sheet . (notice below the period . before the "classname"

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

alexhorenberg
@alexhorenberg
Jan 24 2017 01:43
oh aweeeesome thanks so much @RobGibb
CamperBot
@camperbot
Jan 24 2017 01:43
:cookie: 179 | @robgibb |http://www.freecodecamp.com/robgibb
alexhorenberg sends brownie points to @robgibb :sparkles: :thumbsup: :sparkles:
alexhorenberg
@alexhorenberg
Jan 24 2017 01:43
:)
didnt know that excisted but great
Rob Gibb
@RobGibb
Jan 24 2017 01:43
np prob @alexhorenberg glad you found it helpful.
FireKlaws
@Fireklaws1
Jan 24 2017 01:44
<img class="smaller-image" "border-color: green" "border-width: 10px" "border-style: solid" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> what am i doing wrong?
Mac
@itchick85
Jan 24 2017 01:45
size your image I understand what element to user but where is it suppose to be place?

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

FireKlaws
@Fireklaws1
Jan 24 2017 01:48
@itchick85 <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "
Rob Gibb
@RobGibb
Jan 24 2017 01:48
@itchick85 you need to first create a class using the image element Eg. <img class="smaller-image"... then size it above within the <style> tags Eg.
.smaller-image {
width: 100px;
}
alexhorenberg
@alexhorenberg
Jan 24 2017 01:49
<form id="cat-photo-app" 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>
nevermind i think i got it
afc9996
@afc9996
Jan 24 2017 01:52
Nest all of your radio buttons within a <div class="row"> element. Then nest each of them within a <div class="col-xs-6"> element.
How do I do this?
Ive already got my buttons nested in a <div class="row">
so why is it asking me to redo that?
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
thats my code for that part of it, thanks
Margaret
@Margaret2
Jan 24 2017 01:53
@afc9996 you have to do it to the radio buttons: <input type="radio">
Marlise Bester
@Purpletreeso
Jan 24 2017 01:53
Hi could someone please tell me what I am doing wrong = Add images to your website, I have done the src part but not getting the alt part right???????
Margaret
@Margaret2
Jan 24 2017 01:53
@Purpletreeso do you have exactly the alt text they said to have?
the tests are picky
Marlise Bester
@Purpletreeso
Jan 24 2017 01:54
fcc-relaxing-cat
Margaret
@Margaret2
Jan 24 2017 01:54
don't think that was it, i'll check real quick
@Purpletreeso ah, so the alt text actually doesn't matter, but you do need both a src attribute and an alt attribute:
<img src="..." alt="..." >
Rob Gibb
@RobGibb
Jan 24 2017 01:56
@Purpletreeso
<img src="YourImgURL" alt="yourText" >
Marlise Bester
@Purpletreeso
Jan 24 2017 01:57
Thank you got it :-)
baadshepherd
@baadshepherd
Jan 24 2017 01:59
Hi, I just started about 15 minutes ago and have already run into problems with changing the class on one of my headers to red. I've quadruple checked and it should be right, but the text is still black. Anyone have any ideas on what I'm doing wrong, or is this just a glitch?
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 01:59
Can you send your code?
Rob Gibb
@RobGibb
Jan 24 2017 01:59
paste code here ! let's have a look .
afc9996
@afc9996
Jan 24 2017 02:00
@Margaret2 Oh I see, but how do I put the <div class="col-xs-6"> in? because it says my code is wrong even though i close with </div> at the end of each label.
baadshepherd
@baadshepherd
Jan 24 2017 02:00

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

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

That's what I've got.
afc9996
@afc9996
Jan 24 2017 02:00
@Margaret2 Never mind im being an idiot i forgot the '>' Thanks for your help!
CamperBot
@camperbot
Jan 24 2017 02:00
afc9996 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1341 | @margaret2 |http://www.freecodecamp.com/margaret2
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:01
baad, I am suddenly having text-code-coloring issues
as wel
baadshepherd
@baadshepherd
Jan 24 2017 02:02
Thanks Jacob. Glad it isn't just me but sorry for your luck.
Rob Gibb
@RobGibb
Jan 24 2017 02:02
@baadshepherd code looks right to me
baadshepherd
@baadshepherd
Jan 24 2017 02:02
Thanks Rob.
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:02
How strange!
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:02
Jacob let's see your code
Rob Gibb
@RobGibb
Jan 24 2017 02:03
@baadshepherd are you using Edge as a browser ?
Christopher McCormack
@cmccormack
Jan 24 2017 02:03
What challenge are you on?
Rob Gibb
@RobGibb
Jan 24 2017 02:03
try switching to firefox or chrome
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:03
Hold on, I reset my page to see if that helped and need to retype.
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:03
ok
baadshepherd
@baadshepherd
Jan 24 2017 02:04
I'm on my phone, so I guess I need to use my PC.
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:04
lol yeah...
Rob Gibb
@RobGibb
Jan 24 2017 02:05
that could be an issue ..worth a shot @baadshepherd
mk8489
@mk8489
Jan 24 2017 02:05
I need help with this;

Create a class called thick-green-border that puts a 10-pixel-wide green border with a style of solid around an HTML element, and apply that class to your cat photo.

Remember that you can apply multiple classes to an element by separating each class with a space within its class attribute. For example:

<img class="class1 class2">

AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:05
what's your code look like?
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:05

<style>
.red-text {
color: rgb(225, 0, 0);
}
.orchid-text {
color: rgb(218,112,214);
}
.sienna-text {
color: rgb(160,82,45);
}
.blue-text {
color: rgb(0,0,225);
}
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="orchid-text">I am orchid!</h1>

<h1 class="sienna-text">I am sienna!</h1>

<h1 class="blue-text">I am blue!</h1>

Red and blue are failing, but not orchid or sienna!
Rob Gibb
@RobGibb
Jan 24 2017 02:07
what lesson is this ^^ ?
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:08
Sorry, last one in HTML and CSS. Mixing RGB colors
Rob Gibb
@RobGibb
Jan 24 2017 02:09
i'm not finding it for some reason
brb
Christopher McCormack
@cmccormack
Jan 24 2017 02:09
It's Use RGB to Mix Colors
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:09
Use RGB to Mix Colors
Yes, thanks
Bielsa_
@bielsista
Jan 24 2017 02:10
Hello, how do I add text to the side of an embedded picture?
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:10
@jacoblhughes hmm... So orchid and sienna are working?
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:10
Yep! And red and blue are failing.
The colors show up on the "screen", but I am failing the task
Christopher McCormack
@cmccormack
Jan 24 2017 02:11
hmm what browser are you using? Seems many are having color issues currently
Rob Gibb
@RobGibb
Jan 24 2017 02:11

<style>
.red-text {
color: rgb(255,0,0);
}
.orchid-text {
color: rgb(218,112,214);
}
.sienna-text {
color: rgb(160,82,45);
}
.blue-text {
color: rgb(0,0,255);
}
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="orchid-text">I am orchid!</h1>

<h1 class="sienna-text">I am sienna!</h1>

<h1 class="blue-text">I am blue!</h1>

Mac
@itchick85
Jan 24 2017 02:11

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

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


h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;
}

</style>

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

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

<img class="smaller-image" >

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

Jacob Hughes
@jacoblhughes
Jan 24 2017 02:12
Chrome
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:12
Yeah that's the problem (I think) , you put 225 instead of 255. Try 255
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:12
Hooollllyyyy
James Cannon
@averagecoderguy
Jan 24 2017 02:12

help trying to get this right it says i need to add one class with each of my three selectors, well i thought I had it right but it also says my target elements should have the classes animated,shake, and btn-primary. Is that supposed to all go in the target1 element? Here's my code

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

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

CamperBot
@camperbot
Jan 24 2017 02:12
no wiki entry for: trying to get this right it says i need to add one class with each of my three selectors well i thought i had it right but it also says my target elements should have the classes animatedshake and btn-primary is that supposed to all go in the target1 element heres my code script documentreadyfunction buttonaddclassanimated shake btnaddclassanimated fadeout target1addclassbtn-primary animated shake script-- only change code above this line --div classcontainer-fluid h3 classtext-primary text-centerjquery playgroundh3 div classrow div classcol-xs-6 h4left-wellh4 div classwell idleft-well button classbtn btn-default target idtarget1target1button button classbtn btn-default target idtarget2target2button button classbtn btn-default target idtarget3target3button div div div classcol-xs-6 h4right-wellh4 div classwell idright-well button classbtn btn-default target idtarget4target4button button classbtn btn-default target idtarget5target5button button classbtn btn-default target idtarget6target6button div div divdiv
alexhorenberg
@alexhorenberg
Jan 24 2017 02:12

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

</style>

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

Rob Gibb
@RobGibb
Jan 24 2017 02:12
@itchick85 is the lobster font not showing up ?
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:12
Wow, thank goodness other people check my work
Christopher McCormack
@cmccormack
Jan 24 2017 02:13
That'll do it :)
alexhorenberg
@alexhorenberg
Jan 24 2017 02:13
Your h1 element should have the class pink-text.
Your <style> should have a pink-text CSS class with its color set to pink.
Your h1 element should be pink.
what would i write within the style element
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:13
lol
LightningKeeper
@LightningKeeper
Jan 24 2017 02:13
How do i go to JavaScript?
I*
Anthony Gray
@Anthony5467
Jan 24 2017 02:13

<style>
.red-text {
color: red;
}
h2 {font-family: <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">}
p {
font-size: 16px;
font-family: Monospace;
}
</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 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>

AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:13
Like skip everything and just got to JS?
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:14
thanks @RobGibb
Anthony Gray
@Anthony5467
Jan 24 2017 02:14
can anyone tell why the h2 element wont follow the font link
CamperBot
@camperbot
Jan 24 2017 02:14
jacoblhughes sends brownie points to @robgibb :sparkles: :thumbsup: :sparkles:
:cookie: 180 | @robgibb |http://www.freecodecamp.com/robgibb
LightningKeeper
@LightningKeeper
Jan 24 2017 02:14
Yea, is that possible?
Jacob Hughes
@jacoblhughes
Jan 24 2017 02:14
thanks @AlexTheGreat210
CamperBot
@camperbot
Jan 24 2017 02:14
:cookie: 118 | @alexthegreat210 |http://www.freecodecamp.com/alexthegreat210
jacoblhughes sends brownie points to @alexthegreat210 :sparkles: :thumbsup: :sparkles:
James Cannon
@averagecoderguy
Jan 24 2017 02:14

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

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

What am I missing?
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:14
sure just go-to map and scroll down to JS and click the first one @LightningKeeper
Mac
@itchick85
Jan 24 2017 02:14
@RobGibb I have all that Im passed that Im stuck on the size your image part
LightningKeeper
@LightningKeeper
Jan 24 2017 02:14
Thanks. :)
James Cannon
@averagecoderguy
Jan 24 2017 02:15
I don't want the answer just help on fixing my #target1 element
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:15
No problem at all @LightningKeeper and @jacoblhughes
Vizij
@Vizij
Jan 24 2017 02:15
@Anthony5467 That's incorrect because you're combining the link with the CSS properties. What you need there is font-family: Lobster;, at the very least. The linked address there is a totally separate element that should be above the <style>
David Espinoza
@DavidEspinoza
Jan 24 2017 02:16
in "Target the same element with multiple jQuery Selectors" what does "Only add one class with each of your three selectors" mean? I got $("#target1").addClass("animated shake btn-primary");
afc9996
@afc9996
Jan 24 2017 02:16
Wow, I keep getting stuck on every single challenge :'(. Its asking me to give the submit button in my form the class btn btn-primary, is this not correct? Code: <button type="submit"><div class="btn btn-primary">Submit</div></button>
Rob Gibb
@RobGibb
Jan 24 2017 02:16

@Anthony5467 your link need to go in the head of the html document wich is outside the <style> tag
Eg.

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

<style>

Aaron bruno
@Bruno1173
Jan 24 2017 02:16
how to set div element class silver-backround

<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-backround {
backround-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 backround">
<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>

Vizij
@Vizij
Jan 24 2017 02:17
@afc9996 Nope, the classes should be on the <button>, you need to remove that div inside it.
James Cannon
@averagecoderguy
Jan 24 2017 02:17
nevermind i got it
Christopher McCormack
@cmccormack
Jan 24 2017 02:17
@Bruno1173 You forgot the hyphen <div class="silver backround">
Vizij
@Vizij
Jan 24 2017 02:18
@Bruno1173 Also, silver-background, it's typoed at several places
AlexTheGreat210
@AlexTheGreat210
Jan 24 2017 02:18
Alright well I'm off! Have a good one and good luck. Code on!
alexhorenberg
@alexhorenberg
Jan 24 2017 02:18

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

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

afc9996
@afc9996
Jan 24 2017 02:18
@Vizij so something like this? "<div class="btn btn-primary">
<button type="submit">Submit</button>
</div>"
alexhorenberg
@alexhorenberg
Jan 24 2017 02:18
why isnt my text pink
Anthony Gray
@Anthony5467
Jan 24 2017 02:18
@Vizij @RobGibb thanks for the help. got it now. would have taken me forever otherwise
CamperBot
@camperbot
Jan 24 2017 02:18
anthony5467 sends brownie points to @vizij and @robgibb :sparkles: :thumbsup: :sparkles:
:cookie: 181 | @robgibb |http://www.freecodecamp.com/robgibb
:cookie: 329 | @vizij |http://www.freecodecamp.com/vizij
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:18

Hey all, I need some help. I am trying to:
Now you know three ways of targeting elements: by type: $("button"), by class: $(".btn"), and by id $("#target1").

Although it is possible to add multiple classes in a single .addClass() call, let's add them to the same element in three separate ways.

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

Add the animated class to all elements with type button.

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

Add the btn-primary class to the button with id #target1.

Rob Gibb
@RobGibb
Jan 24 2017 02:19
@Bruno1173 u spelled silver-background(silver background) two different ways
always double check your syntax first
Christopher McCormack
@cmccormack
Jan 24 2017 02:19
@alexhorenberg You didn't close your body tag correctly
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:19

here is my code

<script>
$(document).ready(function() {
$("target1").addclass("animated shake btn-primary");
</script>

alexhorenberg
@alexhorenberg
Jan 24 2017 02:20
@cmccormack how should it look lol
Christopher McCormack
@cmccormack
Jan 24 2017 02:20
@alexhorenberg should be a } not a ]
Vizij
@Vizij
Jan 24 2017 02:20
@afc9996 Nope. You don't need the div at all. Put the class= right onto the <button> itself
alexhorenberg
@alexhorenberg
Jan 24 2017 02:20
oooomg lol thanks didnt notice
@cmccormack thanks a lot
CamperBot
@camperbot
Jan 24 2017 02:20
alexhorenberg sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:cookie: 223 | @cmccormack |http://www.freecodecamp.com/cmccormack
__mifflin__
@cdrainxv
Jan 24 2017 02:21
@Codemonkey2017:
  • addClass
  • Only one class per selector—> You currently have 3 classes here:
    $("target1").addclass("animated shake btn-primary");
  • #target1
SkyNet Studio
@karlosalvarado
Jan 24 2017 02:21
do you see any error on this code:
<img src="https://s3.amazonaws.com/freecodecamp/relaxing-cat.jpg" alt="relaxing cat">
afc9996
@afc9996
Jan 24 2017 02:21
@Vizij Oh i see thanks alot man!
CamperBot
@camperbot
Jan 24 2017 02:21
afc9996 sends brownie points to @vizij :sparkles: :thumbsup: :sparkles:
:cookie: 330 | @vizij |http://www.freecodecamp.com/vizij
Christopher McCormack
@cmccormack
Jan 24 2017 02:22
@Codemonkey2017 element = $("div"), class= $(".red-text"), id=$("#text-header") these are some examples of how to target the same object in different ways
Aaron bruno
@Bruno1173
Jan 24 2017 02:22
Thanks for the help!!
Jake
@waikelejake
Jan 24 2017 02:24
Do you guys see anything wrong with this line? <form id="cat-photo-form"> The goal is Give your form element the id of cat-photo-form
Christopher McCormack
@cmccormack
Jan 24 2017 02:24
not with what you pasted, the id looks good
Rob Gibb
@RobGibb
Jan 24 2017 02:25
that is correct so far , what is in your <style> tags ?
Jake
@waikelejake
Jan 24 2017 02:25
<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>
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:26

Like this?

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

Jake
@waikelejake
Jan 24 2017 02:26
but whats in the style element shouldnt matter here
Christopher McCormack
@cmccormack
Jan 24 2017 02:26
I think target1 is an id, correct? It should start with a # if so

target1

oops
/#target1
Rob Gibb
@RobGibb
Jan 24 2017 02:27
@waikelejake what is the issue your having ? what is the name of lesson ?
Christopher McCormack
@cmccormack
Jan 24 2017 02:27
Also it should be addClass, not addclass
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:27
Sorry i meant like this
$("button").addclass("animated");
$(".btn").addclass("shake");
$("#target1").addclass(btn-primary);
Rob Gibb
@RobGibb
Jan 24 2017 02:27
your right the style element tells me nothing here lol
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:27
but when i run test its not doing anything
Jake
@waikelejake
Jan 24 2017 02:27
Set the ID of an Element
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:27
not even giving me the red x
Christopher McCormack
@cmccormack
Jan 24 2017 02:28
@Codemonkey2017 judging from your script above, you aren't closing your $(document).ready correctly
Jake
@waikelejake
Jan 24 2017 02:28
You guys are talking to a n00b lol
Christopher McCormack
@cmccormack
Jan 24 2017 02:28
should be a }); at the end, above your </script>
remember to always pair up your brackets
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:29
still doing nothing
Christopher McCormack
@cmccormack
Jan 24 2017 02:29
paste that section now
Rob Gibb
@RobGibb
Jan 24 2017 02:30

@waikelejake try this ..it's right on my end .

<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 id="cat-photo-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>

Christopher McCormack
@cmccormack
Jan 24 2017 02:30
also btn-primary should be in quotes in your #target1 selector
Lima Neto
@limaneto
Jan 24 2017 02:30
hi people
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:30
i fixed that but its still not running the test
Skullvapor
@Skullvapor
Jan 24 2017 02:31
where do we add the thumbs button on the excersise that asks you to add the thumbs up button? They say next to the like button but do they want a new button?
Christopher McCormack
@cmccormack
Jan 24 2017 02:31
@Skullvapor it should be on the button itself
iirc
Jake
@waikelejake
Jan 24 2017 02:32
@RobGibb Thanks! It worked! and your form id was the same as mine
CamperBot
@camperbot
Jan 24 2017 02:32
waikelejake sends brownie points to @robgibb :sparkles: :thumbsup: :sparkles:
:cookie: 182 | @robgibb |http://www.freecodecamp.com/robgibb
Christopher McCormack
@cmccormack
Jan 24 2017 02:32
@Codemonkey2017 Can you paste your code? Maybe use the formatting markdown to make it easier to read
yagosansz
@yagosansz
Jan 24 2017 02:32
hi guys
Rob Gibb
@RobGibb
Jan 24 2017 02:32
lol Nice!
yagosansz
@yagosansz
Jan 24 2017 02:32
could anyone tell me what wrong with this:

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

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

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

Celeste
@tenceleste
Jan 24 2017 02:32
hey guys! could someone help me with radio buttons?
Chandler Schewe
@aether23
Jan 24 2017 02:33
im on "One h4 element should have the text #left-well. " and i put"<h4 text="#left-well"></h4>" what did i do wrong?
Margaret
@Margaret2
Jan 24 2017 02:33
@yagosansz have to use class= in html
Christopher McCormack
@cmccormack
Jan 24 2017 02:33
@yagosansz should be class="
afc9996
@afc9996
Jan 24 2017 02:33
Ahah you know the worst thing about this is that I have to spell everything the american way when im from the UK, so I have to spell 'Colour' 'Color' and keep looking for the mistake when i cant find it until i realise that :/
Margaret
@Margaret2
Jan 24 2017 02:33
lol
yagosansz
@yagosansz
Jan 24 2017 02:33
oh jesus
:'(
afc9996
@afc9996
Jan 24 2017 02:34
so peak lmao
yagosansz
@yagosansz
Jan 24 2017 02:34
thank you @Margaret2 and @cmccormack
CamperBot
@camperbot
Jan 24 2017 02:34
yagosansz sends brownie points to @margaret2 and @cmccormack :sparkles: :thumbsup: :sparkles:
:cookie: 224 | @cmccormack |http://www.freecodecamp.com/cmccormack
:star2: 1342 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Jan 24 2017 02:34
:us: :us: :us:
afc9996
@afc9996
Jan 24 2017 02:35
cough cough well see how those flags look now that Sir Trump is in charge :P
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:35
<script>
$(document).ready(function() {
$("button").addclass("animated");
$(".btn").addclass("shake");
$("#target1").addclass("btn-primary");
});
</script>
Anh Nguyen
@tiremon112
Jan 24 2017 02:35
Make america great again :+1:
👨
Margaret
@Margaret2
Jan 24 2017 02:35
lol
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:36
thoughts?
Margaret
@Margaret2
Jan 24 2017 02:36
there's a reason we call our presidents "Mr." not "Sir" :yum:
Anh Nguyen
@tiremon112
Jan 24 2017 02:36
I am waiting for trump do something
👀
Margaret
@Margaret2
Jan 24 2017 02:36
lets hope we wait a looong time :trollface:
Christopher McCormack
@cmccormack
Jan 24 2017 02:36
ah @Codemonkey2017 you still didn't fix the function name, should be addClass
multi-word functions are almost always camelCase
afc9996
@afc9996
Jan 24 2017 02:37
Doesnt matter if his name is Mr, Sir, or my ass :P hes still your president and lets see what he does by "Making America great again"
Chandler Schewe
@aether23
Jan 24 2017 02:38
nevermind I got it
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:38
<script>
$(document).ready(function(".addclass") {
$("button").addclass("animated");
$(".btn").addclass("shake");
$("#target1").addclass("btn-primary");
});
</script>
Christopher McCormack
@cmccormack
Jan 24 2017 02:38
This really isn't the place for politics
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:38
?
Noah
@Craass
Jan 24 2017 02:38
how do I have my h2 element have the class red-text
Christopher McCormack
@cmccormack
Jan 24 2017 02:38
@Codemonkey2017 addClass, not addclass, check the c in the middle
don't add it where it says function
afc9996
@afc9996
Jan 24 2017 02:39
@cmccormack Ahah soz :D
Christopher McCormack
@cmccormack
Jan 24 2017 02:39
sorry if I was confusing - $(...).addClass - addClass is a function in this case as well
Anh Nguyen
@tiremon112
Jan 24 2017 02:39
Is there something like function Main() in jscript?
The main function use to call
Noah
@Craass
Jan 24 2017 02:40
can anyone help me with my html code?
Christopher McCormack
@cmccormack
Jan 24 2017 02:40
you can make it if you want, but it's not object oriented so you don't need one
Noah
@Craass
Jan 24 2017 02:40
I'm trying to make my h2 element have the class red-text
Vizij
@Vizij
Jan 24 2017 02:40
@Craass Shoot. (actually, copy paste, don't shoot)
Anh Nguyen
@tiremon112
Jan 24 2017 02:40
Cool
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:40
<script>
$(document).ready(function(".addClass") {
$("button").addclass("animated");
$(".btn").addclass("shake");
$("#target1").addclass("btn-primary");
});
</script>
Christopher McCormack
@cmccormack
Jan 24 2017 02:41
@Codemonkey2017 remove addClass from the function(".addClass", and replace the addclass after your selectors with addClass
joshkosh6996
@joshkosh6996
Jan 24 2017 02:41
<form action="/submit-cat-photo">
<button type="Submit">this button submits the form</button>
<input type="text" placeholder="cat photo URL">
</form>
Christopher McCormack
@cmccormack
Jan 24 2017 02:42
<script>
  $(document).ready(function() {
    $("button").addClass("animated");
    $(".btn").addClass("shake");
    $("#target1").addClass("btn-primary");
  });
</script>
Vizij
@Vizij
Jan 24 2017 02:42
@Codemonkey2017 That first ".addClass" is actually getting passed in as an argument to your document ready function (as a string), and yeah, you don't need that
Christopher McCormack
@cmccormack
Jan 24 2017 02:42
that's your code, just modified so sorry if there are other errors I missed :)
Ramesh Natesan
@rameshnatesan
Jan 24 2017 02:42
how does arguments behave in a nested function call?
I mean in embeded calls
Codemonkey2017
@Codemonkey2017
Jan 24 2017 02:43
thank you
Ramesh Natesan
@rameshnatesan
Jan 24 2017 02:43
arguments[0] and arguments[1]
joshkosh6996
@joshkosh6996
Jan 24 2017 02:43
<form action="/submit-cat-photo">
<button type="Submit">this button submits the form</button>
<input type="text" placeholder="cat photo URL">
</form>
janeth
@jmds90
Jan 24 2017 02:44
im stuck adding the id to the cat-photo-app can anyone help me
Ramesh Natesan
@rameshnatesan
Jan 24 2017 02:44
I am trying to solve the Seek and Destroy problem
Christopher McCormack
@cmccormack
Jan 24 2017 02:45
@rameshnatesan what do you mean exactly? Are you asking about their scope?
Rob Gibb
@RobGibb
Jan 24 2017 02:45
post your code here @jmds90
janeth
@jmds90
Jan 24 2017 02:45
im adding it to the <form but idk what im doing wrong i keep resting it and starting over
joshkosh6996
@joshkosh6996
Jan 24 2017 02:46
paste your code @jmds90
janeth
@jmds90
Jan 24 2017 02:46
<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>
<h2 id="cat-photo-app"></h2></form>
Hasan
@hvsh
Jan 24 2017 02:46
@jmds90 <form action="/submit-cat-photo" id="your-id">
janeth
@jmds90
Jan 24 2017 02:46
this is the last thing i tried
afc9996
@afc9996
Jan 24 2017 02:47
Hey, can anyone tell me what giving an id actually does, does it basically just name the thing?
Ramesh Natesan
@rameshnatesan
Jan 24 2017 02:47

function destroyer(arr) {
var args1 = Array.prototype.slice.call(arguments[0],0);
var args2 = Array.prototype.slice.call(arguments[0], 1);

for (i = 0; i < args2.length; i++) {
for(j=0; j<args1.length; j++){
if (args1[j]== args2[i]) {
args1.slice(j, 1);
}
}

}
return args1 ;

}
destroyer([1,2,3,1,5,3], 6, 3,222);

Jake
@waikelejake
Jan 24 2017 02:47
if i put #cat-photo-element {
background-color: green;
} inside my style element, dont I have to go down and put something in the form element? I just dont know what?
janeth
@jmds90
Jan 24 2017 02:47
so just add it to the of my action?
Hasan
@hvsh
Jan 24 2017 02:47
@jmds90 <form action="/submit-cat-photo" id="your-id"> exactly how i say
@jmds90 replace the youd-id with the id they give u
your-id
janeth
@jmds90
Jan 24 2017 02:48
oh ok thank you!
:)
Hasan
@hvsh
Jan 24 2017 02:49
:+1:
Christopher McCormack
@cmccormack
Jan 24 2017 02:49
@rameshnatesan Where are you getting arguments[0] from?
Ramesh Natesan
@rameshnatesan
Jan 24 2017 02:49
Array.prototype.slice.call(arguments[0],0);
var args2 = Array.prototype.slice.call(arguments[0], 1);
only that way I was able to get the 1st argument which is an arrray
Aaron
@apalm1341
Jan 24 2017 02:50
hey all
anyone good with java and eclipse here?
rakstah
@rakstah
Jan 24 2017 02:50
.
Ramesh Natesan
@rameshnatesan
Jan 24 2017 02:51
@apalm1341 whats your issue?
paiztee
@paiztee
Jan 24 2017 02:51
wtf-howyoudoingtoday.png why would there be the ["How", "are", "you", "doing", "today?"] logged in the console like that?
Rob Gibb
@RobGibb
Jan 24 2017 02:51
@waikelejake No not exactly..
Aaron
@apalm1341
Jan 24 2017 02:52
I am trying to run some games I got from some online tutorials
not working tho
blob
Christopher McCormack
@cmccormack
Jan 24 2017 02:53
@paiztee Split should return an array I believe, which is what you see when you log arred to the console
Aaron
@apalm1341
Jan 24 2017 02:53
oh
odd
now game runs
after clicking green play button
hm
maybe cause I have to have window.java selected ?
and no other file selected?
Jake
@waikelejake
Jan 24 2017 02:53
@RobGibb I have #cat-photo-element {
background-color: green;
} under my style element. Do you know what else I am missing. I still says your form element should have the background-color of green
paiztee
@paiztee
Jan 24 2017 02:54
@cmccormack "How", "are", "you", "doing", "today?" is never provided though.
afc9996
@afc9996
Jan 24 2017 02:54
ahah lads how do i give an element "text" again thanks :D
Coding Machine
@EphremL
Jan 24 2017 02:54
Hello, I am recruiting people to work a project with the skills of HTML and CSS also Javascript. If you think your the right canidate, join : https://gitter.im/Project-Awesome-1/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link
paiztee
@paiztee
Jan 24 2017 02:54
its nowhere in the code i can see.
Christopher McCormack
@cmccormack
Jan 24 2017 02:55
@paiztee not sure which editor you are using but could that be an old output?
paiztee
@paiztee
Jan 24 2017 02:56
atom. i thought so mayb as well but i did clear it.
afc9996
@afc9996
Jan 24 2017 02:56

Just like we labeled our wells, we want to label our buttons.

Give each of your button elements text that corresponds to its id's selector.

hw
Christopher McCormack
@cmccormack
Jan 24 2017 02:56
@paiztee it looks like there is a line break just above that array so you may have split windows, I"m not sure
paiztee
@paiztee
Jan 24 2017 02:56
maybe ill save my work and restart the editor cause weird
afc9996
@afc9996
Jan 24 2017 02:56
how do i do this again thanks
__mifflin__
@cdrainxv
Jan 24 2017 02:56

@afc9996:
Text goes between the opening and closing tags of an element.
<p> ——> opening tag
</p> ——> closing tag

<p>text</p>

afc9996
@afc9996
Jan 24 2017 02:56
oh yeah
Rob Gibb
@RobGibb
Jan 24 2017 02:56
@waikelejake does your form element have <form id="cat-photo-element"> ?
afc9996
@afc9996
Jan 24 2017 02:56
thanks
mhirt34
@mhirt34
Jan 24 2017 02:56
Hey everyone, I'm wondering if someone could help me with the "Return Largest Numers in Arrays" Java script challenge. I seem to stuck and either my final output isn't returning. Or my for loops are a bit messed up.
paiztee
@paiztee
Jan 24 2017 02:57
thanks @cmccormack ill save everything and load fresh and see whats what.
CamperBot
@camperbot
Jan 24 2017 02:57
paiztee sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:cookie: 226 | @cmccormack |http://www.freecodecamp.com/cmccormack
Christopher McCormack
@cmccormack
Jan 24 2017 02:57
np sorry I couldn't help more
Jake
@waikelejake
Jan 24 2017 02:58
@RobGibb yes it does
__mifflin__
@cdrainxv
Jan 24 2017 02:58

@waikelejake: The correct id as per the instructions is

cat-photo-form

not cat-photo-element as you have here: #cat-photo-element {

Rob Gibb
@RobGibb
Jan 24 2017 02:58
aaah!
there it is folks lol
Jake
@waikelejake
Jan 24 2017 02:58
Sorry i changed it. Its actually #cat-photo-form
but either dont work. let me look over it one more time
Rob Gibb
@RobGibb
Jan 24 2017 02:59
make sure its exactly the same for sure...if not working paste your code
Christopher McCormack
@cmccormack
Jan 24 2017 03:00
@waikelejake did you add id=cat-photo-form inside your form element?
if you can paste that part it would help
paiztee
@paiztee
Jan 24 2017 03:00
@cmccormack yea after restarting the editor i get a straight forward error! lol
Christopher McCormack
@cmccormack
Jan 24 2017 03:00
@paiztee yay!?
Jake
@waikelejake
Jan 24 2017 03:01
found it. i put form before the #cat-photo-element {
background-color: green;
}
paiztee
@paiztee
Jan 24 2017 03:01
exactly.
Stephen Walsh
@stepheno8
Jan 24 2017 03:01
Hey gu<button type="submit"></button>ys, little help please. Challenge says my submit button should only have the text "submit", this is what is have so far
Whats wrong?
Mohamed
@mhagiyusuf
Jan 24 2017 03:02

Why is my h2 element not blue? <style>

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

Rob Gibb
@RobGibb
Jan 24 2017 03:02
Awesome ! @waikelejake
__mifflin__
@cdrainxv
Jan 24 2017 03:02
@stepheno8: You are missing the text Submit. Refer to this: :point_up: January 23, 2017 7:56 PM
Christopher McCormack
@cmccormack
Jan 24 2017 03:02
@paiztee you didn't add a parameter for your str to your splitTitle function, is that the issue?
Rob Gibb
@RobGibb
Jan 24 2017 03:03
@mhagiyusuf your <h2> tags belong outside the <style> tags
__mifflin__
@cdrainxv
Jan 24 2017 03:04

@mhagiyusuf: Compare the example shown:

<style>
  h2 {color: red;}
</style>

to your own code:

<style>
<h2{color:blue;}>CatPhotoApp</h2>
</style>
Stephen Walsh
@stepheno8
Jan 24 2017 03:04
Got it @cdrainxv
thank you.
Mohamed
@mhagiyusuf
Jan 24 2017 03:04
Thanks @RobGibb & @cdrainxv
CamperBot
@camperbot
Jan 24 2017 03:04
mhagiyusuf sends brownie points to @robgibb and @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 183 | @robgibb |http://www.freecodecamp.com/robgibb
:star2: 2173 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
D.REED
@darnellreed
Jan 24 2017 03:05

hello i stuck on a challenge, I'm trying to change my font size to 16px?????

<style>
.red-text {
color: red;
}
</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>

Rob Gibb
@RobGibb
Jan 24 2017 03:06
@darnellreed this looks correct.
Christopher McCormack
@cmccormack
Jan 24 2017 03:06
@darnellreed Did you look at the examples to see how to add font size to an element?
Vizij
@Vizij
Jan 24 2017 03:06
@darnellreed That's asking you to target the paragraph elements, the <p> elements, right? In that case, you'd have to write a CSS selector for those inside the <style>. It's just like that .red-text (class) selector, but you're targeting p elements.
Rob Gibb
@RobGibb
Jan 24 2017 03:06
maybe i'm blind , anyone else ?
oh lol
paiztee
@paiztee
Jan 24 2017 03:07
@cmccormack yea that was is it . cheers!
Shane
@ShanePlus
Jan 24 2017 03:07
So my "Hello World!" needs to be blue, while declaring both classes in my h1 element.

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color: pink;
}
.blue-test {
color: blue;
}
</style>

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

D.REED
@darnellreed
Jan 24 2017 03:07
thanks guys works great
__mifflin__
@cdrainxv
Jan 24 2017 03:08
@ShanePlus :
.blue-test {?
Vizij
@Vizij
Jan 24 2017 03:08
@ShanePlus .blue-test
__mifflin__
@cdrainxv
Jan 24 2017 03:08

.blue-text

Gary
@CodePadawan85
Jan 24 2017 03:08
Hey all, i'm getting a error and just cant figure out whats missing.

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

p{font-size: 16px;}

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

<p2> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. </p2>

Christopher McCormack
@cmccormack
Jan 24 2017 03:08
@CodePadawan85 there aren't any p2 elements, you just use <p></p> again
Gary
@CodePadawan85
Jan 24 2017 03:09
oh
Vizij
@Vizij
Jan 24 2017 03:09
@CodePadawan85 The p2. Yeah, the whole <h1> <h2> only applies to headings, there are six sizes
Christopher McCormack
@cmccormack
Jan 24 2017 03:09
<p> represents a paragraph and automatically adds some margin around text within the <p> </p> tags
__mifflin__
@cdrainxv
Jan 24 2017 03:09
@CodePadawan85: Remove this: p2{font-size: 16px;}
No such element as p2.
This:
<p2> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. </p2>
should also just be <p>and </p>.
Shane
@ShanePlus
Jan 24 2017 03:09
Ahaha! Thank you @cdrainxv @Vizij
CamperBot
@camperbot
Jan 24 2017 03:09
shaneplus sends brownie points to @cdrainxv and @vizij :sparkles: :thumbsup: :sparkles:
:cookie: 331 | @vizij |http://www.freecodecamp.com/vizij
:star2: 2174 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Gary
@CodePadawan85
Jan 24 2017 03:09
i truly am a Padawan
thank you
Christopher McCormack
@cmccormack
Jan 24 2017 03:10
keep at it!
Rob Gibb
@RobGibb
Jan 24 2017 03:11
weird ..I remember making that same p2 mistake..lol
Laura
@lkfalck
Jan 24 2017 03:12
Having trouble with my form element <form action="/submit-cat-photo"></form>
Gary
@CodePadawan85
Jan 24 2017 03:12
@cmccormack will do sir
getrich20
@getrich20
Jan 24 2017 03:13
Can I get some help with jQuery. What does it mean when it says <Only add one class with each of your three selectors> on the <Only add one class with each of your three selectors map exercise>?
Margaret
@Margaret2
Jan 24 2017 03:14
@getrich20 each addClass line should only be adding 1 class
should only have a single class name in parentheses
Christopher McCormack
@cmccormack
Jan 24 2017 03:14
@getrich20 it means in your $(...) you're going to use three different ways of targeting an element, whether by the element tag itself or an attribute of that element.
getrich20
@getrich20
Jan 24 2017 03:14
like so
$(document).ready(function() {
$("button").addClass("animated shake");
$(".btn").addClass("animated shake");
$("#target1").addClass("animated shake");
Margaret
@Margaret2
Jan 24 2017 03:15
@getrich20 these are the only classes you have to add for each line
button -> animated
.btn -> shake
#target1 -> btn-primary
Rob Gibb
@RobGibb
Jan 24 2017 03:15
@lkfalck if your still having trouble, paste your full code for examination .
Wagonburner89
@Wagonburner89
Jan 24 2017 03:16
what does it mean to "comment out" h1 element?
Laura
@lkfalck
Jan 24 2017 03:16

@RobGibb

<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 type="text" placeholder="cat photo URL" action="/submit-cat-photo"></form>

Wagonburner89
@Wagonburner89
Jan 24 2017 03:16
so that it is not visible on your page.
Margaret
@Margaret2
Jan 24 2017 03:17
@Wagonburner89 to make a comment, put <!-- and --> before and after what you want to comment
Rob Gibb
@RobGibb
Jan 24 2017 03:18
@lkfalck what error are you getting ? from what i see your code doesn't look incorrect. also
Margaret
@Margaret2
Jan 24 2017 03:18
@lkfalck are you supposed to have anything inside your form?
Rob Gibb
@RobGibb
Jan 24 2017 03:18
what is the name of the lesson so I can examine further ?
Margaret
@Margaret2
Jan 24 2017 03:18
ah yes, you are, the type="text" is wrong
Laura
@lkfalck
Jan 24 2017 03:19
@RobGibb this is the "Create a Form Element" lesson on CatPhotoApp
Rob Gibb
@RobGibb
Jan 24 2017 03:19
@lkfalck like a submit button ?
Margaret
@Margaret2
Jan 24 2017 03:19
@lkfalck your text input element is this: <input type="text">.
It needs to go between your form tags: <form> INPUT ELEMENT </form>
you should probably reset and redo
Enrique Machado
@juniorkino7
Jan 24 2017 03:19
I have a problem with sizing the image of the cat
):
Laura
@lkfalck
Jan 24 2017 03:19
@Margaret2 my form element needs to say "/submit-cat-photo"
Enrique Machado
@juniorkino7
Jan 24 2017 03:19
do I need to open another <style>
or in the same <style> I put the info
Margaret
@Margaret2
Jan 24 2017 03:20
@lkfalck yeah, but type="text" and placeholder="cat photo URL" should not be inside your form tag, you need to reset the code
the action="" part is fine
@juniorkino7 just use the same one
Enrique Machado
@juniorkino7
Jan 24 2017 03:21
ty
Laura
@lkfalck
Jan 24 2017 03:22
@Margaret2 heres the origianl way I had it

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

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

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

Margaret
@Margaret2
Jan 24 2017 03:23
@lkfalck ok, so the <input> element needs to go between the form tags <form> <input> </form>
Laura
@lkfalck
Jan 24 2017 03:23
@Margaret2 but its not letting me go to next step
Margaret
@Margaret2
Jan 24 2017 03:23
@lkfalck do what i just said?
i realize sometimes gitter lags lol
Christopher McCormack
@cmccormack
Jan 24 2017 03:24
@lkfalck inputs are nested within the form - here is an example:
<form>
  First name:<br>
  <input type="text" name="firstname"><br>
  Last name:<br>
  <input type="text" name="lastname">
</form>
Margaret
@Margaret2
Jan 24 2017 03:24
nice form @cmccormack :D
Christopher McCormack
@cmccormack
Jan 24 2017 03:24
Margaret
@Margaret2
Jan 24 2017 03:25
ahh
Zachary Orona-Calvert
@TheTRUEHoohah
Jan 24 2017 03:26
guys how do i do a page jump with html
Rob Gibb
@RobGibb
Jan 24 2017 03:26
@lkfalck <form action="...."> <input type="text" placeholder=".... URL"></form>
Christopher McCormack
@cmccormack
Jan 24 2017 03:27
@TheTRUEHoohah what do you mean by page jump?
Ethan Siqueiros
@EthanSiqueiros
Jan 24 2017 03:27
hey what does it mean by your p element should contain the first few words of the provided additional text
Margaret
@Margaret2
Jan 24 2017 03:27
@TheTRUEHoohah you mean link to a specific section?
Christopher McCormack
@cmccormack
Jan 24 2017 03:27
@cmccormack if you mean to link to another page, you use the <a> tag
Margaret
@Margaret2
Jan 24 2017 03:27
@EthanSiqueiros they gave you a paragraph to copy in the instructions
highlighted in red
Zachary Orona-Calvert
@TheTRUEHoohah
Jan 24 2017 03:28
okay. but how do i tie it to a button
Christopher McCormack
@cmccormack
Jan 24 2017 03:28
@TheTRUEHoohah you need to tie it to a form action
Rob Gibb
@RobGibb
Jan 24 2017 03:28
@TheTRUEHoohah watch this (recommended by Rob Gib) ..
Zachary Orona-Calvert
@TheTRUEHoohah
Jan 24 2017 03:29
okay cool
getrich20
@getrich20
Jan 24 2017 03:29
@cmccormack @Margaret2 TY!!
CamperBot
@camperbot
Jan 24 2017 03:29
getrich20 sends brownie points to @cmccormack and @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1343 | @margaret2 |http://www.freecodecamp.com/margaret2
:cookie: 231 | @cmccormack |http://www.freecodecamp.com/cmccormack
Margaret
@Margaret2
Jan 24 2017 03:29
why would you tie a normal link to a form action lol @cmccormack
Christopher McCormack
@cmccormack
Jan 24 2017 03:29
@TheTRUEHoohah
<form action="https://freecodecamp.com">
    <input type="submit" value="Go to FCC" />
</form>
Enrique Machado
@juniorkino7
Jan 24 2017 03:29
@Margaret2 I cant do it, I put it like this img{
img{width:100px;}
Margaret
@Margaret2
Jan 24 2017 03:30
@TheTRUEHoohah <button> <a></a> </button>
Laura
@lkfalck
Jan 24 2017 03:30
@RobGibb @Margaret2 @cmccormack it worked! thank you :) I wasnt getting the "nesting" part
CamperBot
@camperbot
Jan 24 2017 03:30
lkfalck sends brownie points to @robgibb and @margaret2 and @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1344 | @margaret2 |http://www.freecodecamp.com/margaret2
:cookie: 232 | @cmccormack |http://www.freecodecamp.com/cmccormack
:cookie: 184 | @robgibb |http://www.freecodecamp.com/robgibb
Enrique Machado
@juniorkino7
Jan 24 2017 03:30
but it need a smaller-image class
Zachary Orona-Calvert
@TheTRUEHoohah
Jan 24 2017 03:30
got it guys. used another fourm @Margaret2 thanks anyways
CamperBot
@camperbot
Jan 24 2017 03:30
thetruehoohah sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1345 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Jan 24 2017 03:30
@juniorkino7 in CSS you select classes with a ., so you should have .smaller-image { ... }
Enrique Machado
@juniorkino7
Jan 24 2017 03:30
okok
Christopher McCormack
@cmccormack
Jan 24 2017 03:30
@TheTRUEHoohah you can also use <button type="submit"> instead of the input type
Rob Gibb
@RobGibb
Jan 24 2017 03:31
Glad you got it ! @lkfalck You Rock !
Margaret
@Margaret2
Jan 24 2017 03:31
@juniorkino7 you also need to make sure you have added the class to your img with class=""
Enrique Machado
@juniorkino7
Jan 24 2017 03:32
omg its to har
har
d
Margaret
@Margaret2
Jan 24 2017 03:33
@cmccormack why are you telling him to do inputs and type="submit"?
@juniorkino7 what does your code look like now
Enrique Machado
@juniorkino7
Jan 24 2017 03:33
I don't even know what to do (:
Ethan Siqueiros
@EthanSiqueiros
Jan 24 2017 03:33
hey what does this mean kinda confused [Your p element should contain the first few words of the provided additional kitty ipsum text.]
Christopher McCormack
@cmccormack
Jan 24 2017 03:34
@Margaret2 he wanted a button that could link somewhere
Margaret
@Margaret2
Jan 24 2017 03:34
@juniorkino7 gotta do two things:
  • make CSS brackets for your class: .smaller-image { ... }
  • use class="..." to add class name to <img>
@cmccormack you don't do that with input or a submit button
@cmccormack you do that with a normal link (<a>) inside a button
submit is for submitting data to your back end, not navigating around the web
Enrique Machado
@juniorkino7
Jan 24 2017 03:36
@Margaret2 img {
.smaller-image
width: 100px;
class="smaller-image"
}
it look like this
Christopher McCormack
@cmccormack
Jan 24 2017 03:36
@Margaret2 just gave him a quick and easy way to do it, there are better ways using css but I'll leave it to him to search out more if interested
Margaret
@Margaret2
Jan 24 2017 03:36
@juniorkino7 ok first problem, class="smaller-image" is HTML, it should be in your <img> element, not in your <style> element
Enrique Machado
@juniorkino7
Jan 24 2017 03:37
ohhhh ok
ty
Margaret
@Margaret2
Jan 24 2017 03:37
@juniorkino7 also, you should not have img { , you should have .smaller-image {
Enrique Machado
@juniorkino7
Jan 24 2017 03:38
I get it now , ty (:
Margaret
@Margaret2
Jan 24 2017 03:38
great :D
Ethan Siqueiros
@EthanSiqueiros
Jan 24 2017 03:40
hey question hat does this mean
Your p element should contain the first few words of the provided additional kitty ipsum text.
Margaret
@Margaret2
Jan 24 2017 03:41
@EthanSiqueiros you should have made a new <p> element, and it should contain the text that starts with "Purr jump ... " etc.
BeatsBoyPC
@BeatsBoyPC
Jan 24 2017 03:43
What does it mean when it says "Make your h1 element visible on your page by uncommenting it." ?
Rob Gibb
@RobGibb
Jan 24 2017 03:45

@BeatsBoyPC

<h1> Visible Element</h1>
<!-- <h1> Invisible Element </h1> -->

__mifflin__
@cdrainxv
Jan 24 2017 03:45
@BeatsBoyPC: It means to remove the comment tags.
BeatsBoyPC
@BeatsBoyPC
Jan 24 2017 03:46
Thanks :smile:
Rob Gibb
@RobGibb
Jan 24 2017 03:47
np
Ethan Siqueiros
@EthanSiqueiros
Jan 24 2017 03:47
@Margaret2 i did that but it keeps on telling me that i need to contain first few words of the kitty impusm text
Margaret
@Margaret2
Jan 24 2017 03:47
@EthanSiqueiros show what you tried pls
Rob Gibb
@RobGibb
Jan 24 2017 03:47
@EthanSiqueiros Just copy and paste the exact text
Enrique Machado
@juniorkino7
Jan 24 2017 03:47
@Margaret2 ok I didi it, but it dosent change look my code .smaller-image{
width: 100px;
} and the class code is <img class="smaller-image">
Margaret
@Margaret2
Jan 24 2017 03:48
@juniorkino7 make sure you put the class="smaller-image" on your existing img ( the one with the src and the alt)
Ethan Siqueiros
@EthanSiqueiros
Jan 24 2017 03:48

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

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

<p class="red-text">kitty impsum </p>
<p> purr jump</p>

Margaret
@Margaret2
Jan 24 2017 03:48
@EthanSiqueiros you have to copy and paste the exact text, like @RobGibb said, and by first it means i think at least first 3 words
Enrique Machado
@juniorkino7
Jan 24 2017 03:49
omg you are a genius
Margaret
@Margaret2
Jan 24 2017 03:49
have just helped many people with this exact challenge lol :sweat_smile:
Ethan Siqueiros
@EthanSiqueiros
Jan 24 2017 03:50
@Margaret2 thanks it worked
CamperBot
@camperbot
Jan 24 2017 03:50
ethansiqueiros sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1347 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Jan 24 2017 03:51
@cdrainxv did you know you've been spelling "hats" wrong your entire life? :D
__mifflin__
@cdrainxv
Jan 24 2017 03:51
@Margaret2: Hmmm… indulge me please?
Margaret
@Margaret2
Jan 24 2017 03:52
it's supposed to be HATS ....... because it's all caps :trollface: :joy:
Christopher McCormack
@cmccormack
Jan 24 2017 03:52
:clap:
Rob Gibb
@RobGibb
Jan 24 2017 03:52
like DOOM lol
Hasan
@hvsh
Jan 24 2017 03:53
lol
__mifflin__
@cdrainxv
Jan 24 2017 03:53
@Margaret2: Ummm… still failing to grasp …
Margaret
@Margaret2
Jan 24 2017 03:53
@cdrainxv haha, you will get it by airmail tomorrow i guess
Christopher McCormack
@cmccormack
Jan 24 2017 03:54
Went over his cap?
Margaret
@Margaret2
Jan 24 2017 03:54
:joy: :joy:
__mifflin__
@cdrainxv
Jan 24 2017 03:54
What's happening tomorrow?
Margaret
@Margaret2
Jan 24 2017 03:55
is something happening tomorrow? O.o
__mifflin__
@cdrainxv
Jan 24 2017 03:56

Oh…

it's supposed to be HATS ....... because it's all caps :trollface: :joy:

shakes head

Margaret
@Margaret2
Jan 24 2017 03:56
@hvsh how is your little :monkey: ^_^
Hasan
@hvsh
Jan 24 2017 03:58
haha hes good thanks for asking, how is ruby?
@Margaret2
Margaret
@Margaret2
Jan 24 2017 03:58
she's good too, laying around enjoying the sun today :D
cdrainxv

@cdrainxv : When I finally understand:
hmm

And my excuse:
brain

Hasan
@hvsh
Jan 24 2017 03:59
lol when are they not laying around
Margaret
@Margaret2
Jan 24 2017 03:59
lol true
Hasan
@hvsh
Jan 24 2017 03:59
my 4 are always laying around, the only time they move is for food
Margaret
@Margaret2
Jan 24 2017 03:59
ruby will actually sit up to watch the birds outside, she is obsessed with them :joy:
@cdrainxv lol nice :joy:
jo
@buster68
Jan 24 2017 04:00
Hi from London, total novice, stuck on Lobster font, any advice?
Hasan
@hvsh
Jan 24 2017 04:00
thats what our cats do too, we actually put food out in the garden so they can do their bird watching
Margaret
@Margaret2
Jan 24 2017 04:00
:D
Hasan
@hvsh
Jan 24 2017 04:00
food out for the birds i mean*
Margaret
@Margaret2
Jan 24 2017 04:00
@buster68 what have you tried
Blake
@BadSenju
Jan 24 2017 04:01
hey guys i have question im on "targeting the same element with multiple jquery selectors"
jo
@buster68
Jan 24 2017 04:01
Going to google, who don't recognise the text I copied from the site
__mifflin__
@cdrainxv
Jan 24 2017 04:01
@Margaret2: I actually thought I had to reevaluate my entire life and rescind my spelling champion title from grade 2. :relieved:
Blake
@BadSenju
Jan 24 2017 04:01
im pretty i have it right lol
Hasan
@hvsh
Jan 24 2017 04:02

what does this mean?

Going to google, who don't recognise the text I copied from the site

Margaret
@Margaret2
Jan 24 2017 04:02
@buster68 no, i mean what code did you try :D
Hasan
@hvsh
Jan 24 2017 04:03
@BadSenju code
Margaret
@Margaret2
Jan 24 2017 04:03
the quickest way to help is for you to paste your code, and we can just point out where it needs to be fixed @buster68
jo
@buster68
Jan 24 2017 04:03
I didn't as it said, copy text and paste into the top of your code, which I did
then {font-family: Lobster;}
in h2
Margaret
@Margaret2
Jan 24 2017 04:04
@buster68 {font-family: Lobster;} is CSS, it should be in your <style> element, not your <h2> element
jo
@buster68
Jan 24 2017 04:04
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
Margaret
@Margaret2
Jan 24 2017 04:05
@buster68 and you need to have an h2 in front of the brackets to select h2 elements: h2 { ... }
jo
@buster68
Jan 24 2017 04:05
AAAh!
I will try that, second day, thank you
Margaret
@Margaret2
Jan 24 2017 04:06
@hvsh we should be happy, someone actually tried read and search before ask :unamused:
mhelahi1
@mhelahi1
Jan 24 2017 04:06
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
anything wrong?
Margaret
@Margaret2
Jan 24 2017 04:06
@mhelahi1 looks pretty good to me. try refreshing the page
Jake
@waikelejake
Jan 24 2017 04:07
Can someone help me with the Bootstrap Fluid Containers. I am just not understanding it.
jo
@buster68
Jan 24 2017 04:07
Yeah I've got the H2 in front of thing down. I'm off, this shit is addictive, thanks
mhelahi1
@mhelahi1
Jan 24 2017 04:07
Yup, worked, Thank you!
Rebekah
@Rebekahhhh
Jan 24 2017 04:07
hello guys,can u help me?
Hasan
@hvsh
Jan 24 2017 04:07
@Margaret2 haha thats true
Rebekah
@Rebekahhhh
Jan 24 2017 04:08

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

<form action="/submit-cat-photo" input type="text" placeholder="cat photo URL" >
</form>

Hasan
@hvsh
Jan 24 2017 04:08
@waikelejake
<div class="container-fluid">
all the html goes here
</div>
Rebekah
@Rebekahhhh
Jan 24 2017 04:09
it dosn't work,but i don't know why
Hasan
@hvsh
Jan 24 2017 04:09
form and input are separate elements
stevenAfarmer
@stevenAfarmer
Jan 24 2017 04:09
how do you add a font family?
Christopher McCormack
@cmccormack
Jan 24 2017 04:10
<form>
  First name:<br>
  <input type="text" name="firstname"><br>
  Last name:<br>
  <input type="text" name="lastname">
</form>
xzombiezjesusx
@xzombiezjesusx
Jan 24 2017 04:10
I need help sizing my image.
Hasan
@hvsh
Jan 24 2017 04:11
@cmccormack wrap the text in label, so when you click or tap on it the input is selected automatically and you wont need br
stevenAfarmer
@stevenAfarmer
Jan 24 2017 04:11
nvmnd, I got it
Christopher McCormack
@cmccormack
Jan 24 2017 04:11
I'm not asking for help, just showing the syntax for a form :)
__mifflin__
@cdrainxv
Jan 24 2017 04:11
@Rebekahhhh:
  • Missing > for this: <form action="/submit-cat-photo"
  • Missing < for this: input type="text" placeholder="cat photo URL" >
Hasan
@hvsh
Jan 24 2017 04:11
oh lol sorry got u
Christopher McCormack
@cmccormack
Jan 24 2017 04:11
thanks though @hvsh
CamperBot
@camperbot
Jan 24 2017 04:11
cmccormack sends brownie points to @hvsh :sparkles: :thumbsup: :sparkles:
:cookie: 283 | @hvsh |http://www.freecodecamp.com/hvsh
Hasan
@hvsh
Jan 24 2017 04:12
@cmccormack no problem dude
Blake
@BadSenju
Jan 24 2017 04:12
'<script> $(documemt).ready(function() { $("button").addclass("animation"); $(".btn").addclass("shake") ; $("#target1").addclass("btn.primary"); }); </script>'
__mifflin__
@cdrainxv
Jan 24 2017 04:13
@BadSenju:

addClass

Luis
@luisd1
Jan 24 2017 04:13

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

anyone know why I can't get the thick green border to work?
__mifflin__
@cdrainxv
Jan 24 2017 04:14
@BadSenju: Also

btn-primary

animated

Blake
@BadSenju
Jan 24 2017 04:14
@cdrainxv
no period?
__mifflin__
@cdrainxv
Jan 24 2017 04:14
No...
it's a -
Christopher McCormack
@cmccormack
Jan 24 2017 04:15
@luisd1 for multiple classes, put them both in the same class=" " attribute with a space between
Some Random Guy
@SomeRandomGuy0
Jan 24 2017 04:16
I am a noob to this website. It's seem great so far! Can't wait :smile:
Luis
@luisd1
Jan 24 2017 04:16
@cmccormack thank you!! it worked :D
CamperBot
@camperbot
Jan 24 2017 04:16
luisd1 sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:cookie: 239 | @cmccormack |http://www.freecodecamp.com/cmccormack
Christopher McCormack
@cmccormack
Jan 24 2017 04:17
np
Zachary Orona-Calvert
@TheTRUEHoohah
Jan 24 2017 04:18

// Setup
var a;
var b = 2;

// Only change code below this line

var b = 7;
var

Do not change code above the line
a should have a value of 7
b should have a value of 7
a should be assigned to b with =
whats wrong
Christopher McCormack
@cmccormack
Jan 24 2017 04:20
@TheTRUEHoohah >a should be assigned to b with =
Take a look at the example and read carefully, it basically provides the answer
jo
@buster68
Jan 24 2017 04:21
Whoever helped me, thanks again. I had everything in the wrong place. the penny dropped when I pasted{ font-family : Lobster;} into google
James Cannon
@averagecoderguy
Jan 24 2017 04:22

Help.

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

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

CamperBot
@camperbot
Jan 24 2017 04:22
no wiki entry for: script documentreadyfunction target1csscolor red target4htmlemjquery playgroundem script-- only change code above this line --div classcontainer-fluid h3 classtext-primary text-centerjquery playgroundh3 div classrow div classcol-xs-6 h4left-wellh4 div classwell idleft-well button classbtn btn-default target idtarget1target1button button classbtn btn-default target idtarget2target2button button classbtn btn-default target idtarget3target3button div div div classcol-xs-6 h4right-wellh4 div classwell idright-well button classbtn btn-default target idtarget4target4button button classbtn btn-default target idtarget5target5button button classbtn btn-default target idtarget6target6button div div divdiv
Christopher McCormack
@cmccormack
Jan 24 2017 04:23
@averagecoderguy what issue are you having? What is the problem you are trying to solve?
James Cannon
@averagecoderguy
Jan 24 2017 04:23
help. <script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>jQuery Playground</em>");
});
</script>
CamperBot
@camperbot
Jan 24 2017 04:23
no wiki entry for: script documentreadyfunction target1csscolor red target4htmlemjquery playgroundem script
James Cannon
@averagecoderguy
Jan 24 2017 04:24
im trying to figure out why it is saying my text has been changed
It also says emphasize the text in my target4 button i did that as well.
055IRI5
@055IRI5
Jan 24 2017 04:25
how do i add an "i" element within my like button
Christopher McCormack
@cmccormack
Jan 24 2017 04:25
@055IRI5 <i class="fa fa-blah"></i>
@055IRI5 put the proper code between the button tags I believe
Kan
@tallkangsta
Jan 24 2017 04:26
Hey guys I'm stumped on the exercise Create a class called silver-background with the background-color of silver. Assign this class to your div element.
Christopher McCormack
@cmccormack
Jan 24 2017 04:26
@averagecoderguy What is the exercise name?
@tallkangsta what do you have so far?
Hasan
@hvsh
Jan 24 2017 04:27
@tallkangsta post your code
Kan
@tallkangsta
Jan 24 2017 04:27

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

Christopher McCormack
@cmccormack
Jan 24 2017 04:27
forgot your closing tag on .silver-background
sorry, opening tag
Kan
@tallkangsta
Jan 24 2017 04:28
didnt mean to paste the whole thing lol
055IRI5
@055IRI5
Jan 24 2017 04:28
what have i done wrong : <i class="fa fa-thumbs-up"><button class="btn btn-block btn-primary">Like</button></i>
James Cannon
@averagecoderguy
Jan 24 2017 04:28
nvm smh i feel stupid...yet again.
Christopher McCormack
@cmccormack
Jan 24 2017 04:29
wrap the i element in the button, not the other way around @055IRI5
Kan
@tallkangsta
Jan 24 2017 04:29
@cmccormack when I add an opening tag it highlights the .silver-background
055IRI5
@055IRI5
Jan 24 2017 04:30
how @cmccormack
Christopher McCormack
@cmccormack
Jan 24 2017 04:30
@tallkangsta to add a class to an element, add the attribute class="..." to the element. for your div, you would add the class using <div class="classname"></div> in your case, classname would be silver-background
@055IRI5 just cut and past the i elements around the Like text
Blake
@BadSenju
Jan 24 2017 04:31
@cdrainxv this is the code i have put in so far
'''<script>
$(document).ready(function() {
$("button").addclass(animated");
$(".btn").addclass(shake");
$("#target1").addclass("btn-primary");
});
</script>'''
CamperBot
@camperbot
Jan 24 2017 04:31
:bulb: to format code use backticks! ``` more info
Christopher McCormack
@cmccormack
Jan 24 2017 04:31
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up">Like</i></button>
__mifflin__
@cdrainxv
Jan 24 2017 04:31

@BadSenju:

addClass

capital C

055IRI5
@055IRI5
Jan 24 2017 04:32
thank you @cmccormack
CamperBot
@camperbot
Jan 24 2017 04:32
055iri5 sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:cookie: 240 | @cmccormack |http://www.freecodecamp.com/cmccormack
Christopher McCormack
@cmccormack
Jan 24 2017 04:32
@tallkangsta not sure what you mean when you say it highlights. Does it give an error?
__mifflin__
@cdrainxv
Jan 24 2017 04:32
You also need qoutes around the classes:
"animated" and "shake"
@BadSenju
criss ace
@crissace
Jan 24 2017 04:33
am stuck at <h1>HelloWorld</h1> anyone halp,
Rob Gibb
@RobGibb
Jan 24 2017 04:34
@criss how ?
055IRI5
@055IRI5
Jan 24 2017 04:34
can someone show me how radio buttons look like
Kan
@tallkangsta
Jan 24 2017 04:35
@cmccormack it gives it a pinkish red highlight
criss ace
@crissace
Jan 24 2017 04:35
at Run the tests
@RobGibb ?
Rob Gibb
@RobGibb
Jan 24 2017 04:35
what is the error say ? @crissace
Blake
@BadSenju
Jan 24 2017 04:35
i actually do have them quoted both sides but it still wont let me move @cdrainxv
criss ace
@crissace
Jan 24 2017 04:36
Your h1 element should have the text "Hello World".
__mifflin__
@cdrainxv
Jan 24 2017 04:36
@BadSenju: It wasn't in the code you posted above. Show your revised code.
Rob Gibb
@RobGibb
Jan 24 2017 04:36
can yu copy and paste your code ?@crissace
Christopher McCormack
@cmccormack
Jan 24 2017 04:36
@tallkangsta it should look like the following in your style tag:
  .silver-background {
    background-color: silver;
  }
Nataly Carbonell
@ncarbon
Jan 24 2017 04:37
there's a really annoying bug in the javascript tutorials
It won't let me type anything
Rob Gibb
@RobGibb
Jan 24 2017 04:37
i hear ya @ncarbon
055IRI5
@055IRI5
Jan 24 2017 04:37
thanks again @cmccormack
CamperBot
@camperbot
Jan 24 2017 04:37
055iri5 sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:warning: 055iri5 already gave cmccormack points
Christopher McCormack
@cmccormack
Jan 24 2017 04:38
np
Kan
@tallkangsta
Jan 24 2017 04:38
@cmccormack My Man!!! Thank you for the help!
CamperBot
@camperbot
Jan 24 2017 04:38
:cookie: 242 | @cmccormack |http://www.freecodecamp.com/cmccormack
tallkangsta sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
Christopher McCormack
@cmccormack
Jan 24 2017 04:38
@tallkangsta np!
Rob Gibb
@RobGibb
Jan 24 2017 04:38
@ncarbon try switching your browser to firefox
__mifflin__
@cdrainxv
Jan 24 2017 04:38
@BadSenju: If you think your code is correct have you tried refreshing the page?
Nataly Carbonell
@ncarbon
Jan 24 2017 04:39
Ok, I'll try that. :)
Some Random Guy
@SomeRandomGuy0
Jan 24 2017 04:39
Hello I am new here and I need help. The freeCodeCamp tutorial are asking me to give the <p> elements font-size of 16px inside the <style> tags. I did "p { font-size = 16px}" but it keeps saying that I got it wong
Rob Gibb
@RobGibb
Jan 24 2017 04:40
@SomeRandomGuy0
p {
font-size: 16px;
}
criss ace
@crissace
Jan 24 2017 04:40
thx rob for your time i figured it out i just forget to put space
Rob Gibb
@RobGibb
Jan 24 2017 04:40
ok cool @crissace glad you got it.
criss ace
@crissace
Jan 24 2017 04:41
@RobGibb ur a big help thx
CamperBot
@camperbot
Jan 24 2017 04:41
crissace sends brownie points to @robgibb :sparkles: :thumbsup: :sparkles:
:cookie: 185 | @robgibb |http://www.freecodecamp.com/robgibb
Rob Gibb
@RobGibb
Jan 24 2017 04:41
@SomeRandomGuy0 notice the colon: and the semi-colon ;
np @criss
Coy Sanders
@coymeetsworld
Jan 24 2017 04:42
chrome should work fine for tutorials
Some Random Guy
@SomeRandomGuy0
Jan 24 2017 04:42
@RobGibb Wow. I did not notice that. Thanks for the help! I feel so stupid to be honest.
CamperBot
@camperbot
Jan 24 2017 04:42
somerandomguy0 sends brownie points to @robgibb :sparkles: :thumbsup: :sparkles:
:cookie: 186 | @robgibb |http://www.freecodecamp.com/robgibb
Rob Gibb
@RobGibb
Jan 24 2017 04:43
It happens dude ..Glad you got ! np
@SomeRandomGuy0
Faique Moqeet
@fikers
Jan 24 2017 04:47
I'm having a hard time with something that I think should be really simple: I have a form on my HTML page that has a submit button. Once the user submits some text on the form, I want to use that text as input and change some text on the HTML page.
How do I capture the results of a form and use it in my JavaScript?
Blake
@BadSenju
Jan 24 2017 04:47
$(document).ready(function() {
$("button").addclass("animation");
$(".btn").addclass("shake");
$("#target1").addclass("btn-primary");
});
</script>
@cdrainxv
__mifflin__
@cdrainxv
Jan 24 2017 04:48
@BadSenju: I've already told you this:

addClass

capital C
And it's:

animated

not animation
Coy Sanders
@coymeetsworld
Jan 24 2017 04:49
@fikers if you're just making local changes to the page I wouldn't use the submit button
Make a normal button instead
Blake
@BadSenju
Jan 24 2017 04:50
@cdrainxv ooooh lol my bad i didnt know it had to be Capitalized lol thanks bro
CamperBot
@camperbot
Jan 24 2017 04:50
badsenju sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2175 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Faique Moqeet
@fikers
Jan 24 2017 04:50
@coymeetsworld interesting! how come?
Christopher McCormack
@cmccormack
Jan 24 2017 04:50
@fikers it's difficult because javascript isn't really meant to read the form submit information. javascript is client side and post requests go to servers
Faique Moqeet
@fikers
Jan 24 2017 04:51
okay let me play around with a button instead
Christopher McCormack
@cmccormack
Jan 24 2017 04:51
@coymeetsworld PHP is often used to handle that information on the server
Coy Sanders
@coymeetsworld
Jan 24 2017 04:51
javascript can read submit buttons and use forms @cmccormack
and it can submit data to servers
Christopher McCormack
@cmccormack
Jan 24 2017 04:52
that only works if the submit button takes them to the page they are already on without refreshing, I would assume
Coy Sanders
@coymeetsworld
Jan 24 2017 04:52
nope
the problem is submit thinks you're leaving the page by default so it'll refresh, and will also expect to send data to somewhere else for processing
none of this is necessary for changing content on a page directly if you know what the content already is on the client side
DekuWUX
@DekuWUX
Jan 24 2017 04:53
Can someone help me figure this out?
Coy Sanders
@coymeetsworld
Jan 24 2017 04:53
forms aren't necessary either
DekuWUX
@DekuWUX
Jan 24 2017 04:53
your a element should have the anchor text of "cat photos"

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

<img class="smaller-image 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>

<p> cat <a href="http://freecatphotoapp.com"> </a> photos</p>

Coy Sanders
@coymeetsworld
Jan 24 2017 04:54
@DekuWUX anchor text is the text between the anchor tags. You currently have no text between them
you have both cat and photos outside
Jan
@demonztarz
Jan 24 2017 04:59
Hi! Need help as I forgot how to assign a class to a text in this case a div
Coy Sanders
@coymeetsworld
Jan 24 2017 05:00
same way you assign a class on any other html element @demonztarz, with the class attribute, just like you've done with h2/p/img tags
Jan
@demonztarz
Jan 24 2017 05:00
nvm solved it
yeah I forgot how to
but solved it myself
Coy Sanders
@coymeetsworld
Jan 24 2017 05:00
nice
Jan
@demonztarz
Jan 24 2017 05:00
:D
Chris
@aznthnder
Jan 24 2017 05:01
Hi, I'm working through the first bootstrap challenge and I'm stuck. I don't know how to next all of the HTML in a div element with the class container-fluid...
Coy Sanders
@coymeetsworld
Jan 24 2017 05:02
@aznthnder nesting content means putting between the start and end tag of something. So a <div> needs to be the first HTML element you have, and </div> should be at the end
exclude the link and style tags, those should be outside the div just FYI
Chris
@aznthnder
Jan 24 2017 05:03
thanks but what about the class container-fluid?
Coy Sanders
@coymeetsworld
Jan 24 2017 05:04
just assigning a class to an element, nothing new there
you use the class attribute in the opening div tag and assign it to container-fluid
Rob Gibb
@RobGibb
Jan 24 2017 05:04
@aznthnder you have to create the class
Coy Sanders
@coymeetsworld
Jan 24 2017 05:05
@RobGibb no he doesn't, its bootstrap
cjljohnson
@cjljohnson
Jan 24 2017 05:06
Is there a way to format my HTML so i can put newlines in the html without causing a space between elements?
Coy Sanders
@coymeetsworld
Jan 24 2017 05:07
you can use CSS to do that @cjljohnson, you would style both elements and modify margin and/or padding to get the effect most likely
Rob Gibb
@RobGibb
Jan 24 2017 05:07
isn' he trying to nest the HTML tags within the <div class="container-fluid"> ?
Coy Sanders
@coymeetsworld
Jan 24 2017 05:08
yep
cjljohnson
@cjljohnson
Jan 24 2017 05:08
It's not margin, it's putting white space between the buttons
Rob Gibb
@RobGibb
Jan 24 2017 05:08
i see what your saying..they've already created the class he just needs to apply it to the element
Coy Sanders
@coymeetsworld
Jan 24 2017 05:09
@cjljohnson then its padding
No, it's white space because i have a new line between the buttons in the html
Coy Sanders
@coymeetsworld
Jan 24 2017 05:10
don't add new br tags, they're deprecated
Why not use a table?
Christopher McCormack
@cmccormack
Jan 24 2017 05:10
@cjljohnson There is no such thing as whitespace, only padding and margin
cjljohnson
@cjljohnson
Jan 24 2017 05:10
Padding and margin are 0
it's white space caused by the new line between the buttons
Christopher McCormack
@cmccormack
Jan 24 2017 05:11
you can use negative margins as well
cjljohnson
@cjljohnson
Jan 24 2017 05:11
if i remove the newlines the whitespace disappears
Christopher McCormack
@cmccormack
Jan 24 2017 05:11
it's used often to close seams
Luis
@luisd1
Jan 24 2017 05:12
<input <form action="/submit-cat-photo"></form> <type="text" placeholder="cat photo URL"> Help plz. how do I nest my text input element within a form element??
Coy Sanders
@coymeetsworld
Jan 24 2017 05:12
Honestly would use a table @cjljohnson
see no whitespace now but the html is formatted like ass
Christopher McCormack
@cmccormack
Jan 24 2017 05:12
you can use margin-right: -2px; to clear it up
cjljohnson
@cjljohnson
Jan 24 2017 05:12
yeah i will i was just wondering if there is a way to format my html without affecting the actual content
Christopher McCormack
@cmccormack
Jan 24 2017 05:12
but that was just from a test
Coy Sanders
@coymeetsworld
Jan 24 2017 05:13
@cjljohnson not sure where the spacing is coming from but another thing too is also you don't have to use buttons either
you can just use a div nested in each cell and specify onclick handlers for them
cjljohnson
@cjljohnson
Jan 24 2017 05:14
yeah i know i'm just using buttons while i handle the logic
Coy Sanders
@coymeetsworld
Jan 24 2017 05:14
ok
ibarbo
@ibarbo
Jan 24 2017 05:16
How change p elemnts font-size?
Christopher McCormack
@cmccormack
Jan 24 2017 05:22
@ibarbo the example on the problem shows how to do it with an h1 element, do something similar in your code but using a p element instead
Rob Gibb
@RobGibb
Jan 24 2017 05:22
@ibarbo in your <style> section
Eg.
p {
font-size: 16px;
}
matt
@mytic3
Jan 24 2017 05:32