These are chat archives for FreeCodeCamp/Help

18th
Jan 2017
Alexey Ishchenko
@Japolk
Jan 18 2017 00:00
@HunterA09 it looks fine, what test does not pass?
HunterA09
@HunterA09
Jan 18 2017 00:00
@Japolk Step 3 The Nest your H2 element within a div with the class col-xs-8
Manish Giri
@Manish-Giri
Jan 18 2017 00:00
here's the problem - <div class="col-xs-8>">
@HunterA09
HunterA09
@HunterA09
Jan 18 2017 00:01
@Manish-Giri Yep that was it
@Manish-Giri @Japolk That was it! thanks for y'all's help!
CamperBot
@camperbot
Jan 18 2017 00:01
huntera09 sends brownie points to @manish-giri and @japolk :sparkles: :thumbsup: :sparkles:
:cookie: 244 | @japolk |http://www.freecodecamp.com/japolk
:star2: 3845 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jan 18 2017 00:01
:+1:
Wes
@ivegotlegson
Jan 18 2017 00:01
@Manish-Giri thank you!
CamperBot
@camperbot
Jan 18 2017 00:01
:warning: ivegotlegson already gave manish-giri points
ivegotlegson sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Manish Giri
@Manish-Giri
Jan 18 2017 00:01
@ivegotlegson welcome
HunterA09
@HunterA09
Jan 18 2017 00:02
Have a good evening everyone
It says my text must be encoded?
Anh Nguyen
@tiremon112
Jan 18 2017 00:07
no space
@jfrancis2 NO SpACe
jfrancis2
@jfrancis2
Jan 18 2017 00:08
oh ok, that works. Thanks @tiremon112
CamperBot
@camperbot
Jan 18 2017 00:08
jfrancis2 sends brownie points to @tiremon112 :sparkles: :thumbsup: :sparkles:
:cookie: 279 | @tiremon112 |http://www.freecodecamp.com/tiremon112
Anh Nguyen
@tiremon112
Jan 18 2017 00:08
:+1:
shayd0x
@shayd0x
Jan 18 2017 00:11
I'm having a similar problem as above for Responsively Style Radio Buttons. I need to nest all the buttons under one div and class row and nest all the buttons in it's own div with col-xs-6
Alexey Ishchenko
@Japolk
Jan 18 2017 00:12
@shayd0x may you show the code with the problem?
mbs_sbm
@mbs-sbm
Jan 18 2017 00:12
Same boat as shayd0x
<div class="row">
<div class=col-xs-6>
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"> </i> Like</button>
</div>
<div class=col-xs-6>
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class=col-xs-6>
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
Anh Nguyen
@tiremon112
Jan 18 2017 00:13
@shayd0x
<div class =" "> // for row 
<div class ="col-size-* ">
<button>    </button>
</div>
<div class ="col-size-* ">
<button>    </button>
</div>
<div class ="col-size-* ">
<button>    </button>
</div>
</div>
shayd0x
@shayd0x
Jan 18 2017 00:13
@Japolk
mbs_sbm
@mbs-sbm
Jan 18 2017 00:13
it says i need to nest all radio buttons inside one div w/ class=row and every button nested in its own dic with class col-xs-6
Anh Nguyen
@tiremon112
Jan 18 2017 00:14
ignore the third if there only 2 radio button
:+1:
shayd0x
@shayd0x
Jan 18 2017 00:14
How do you send the code as a picture? Won't let me use snippit
Anh Nguyen
@tiremon112
Jan 18 2017 00:14
:point_up: the answer is something like above
last row = how type beautiful code
shayd0x
@shayd0x
Jan 18 2017 00:16
I think I may have just been looking at everything too long today, Nothing seems to make sense anymore XD I haven't used Gitter before either. @Japolk
mbs_sbm
@mbs-sbm
Jan 18 2017 00:17
@tiremon112 , that's basically what i have but it still won't run?
Anh Nguyen
@tiremon112
Jan 18 2017 00:17
@mbs-sbm copy paste your code here
maybe small mistake somewhere
Alexey Ishchenko
@Japolk
Jan 18 2017 00:18
@mbs-sbm if you send link on your solution it will be easier :)
mbs_sbm
@mbs-sbm
Jan 18 2017 00:18
<div class="row">
<div class=col-xs-6>
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"> </i> Like</button>
</div>
<div class=col-xs-6>
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class=col-xs-6>
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
Anh Nguyen
@tiremon112
Jan 18 2017 00:18
it said radio
those ain't radio
Alexey Ishchenko
@Japolk
Jan 18 2017 00:18
@shayd0x i have not used before too, today i've learnt how to paste baeutiful code :D
Anh Nguyen
@tiremon112
Jan 18 2017 00:18
those are not radio @mbs-sbm
also maximum is 12 not 18
@mbs-sbm the radio i think it is in label element
mbs_sbm
@mbs-sbm
Jan 18 2017 00:19
@tiremon112 ..... argghh! sorry about that . Let me double check. Working the ol' 9-5 then jumping to this ain't easy.
jfrancis2
@jfrancis2
Jan 18 2017 00:20
Try working the 8-7 and doing it, plus a degree :/
shayd0x
@shayd0x
Jan 18 2017 00:21

@mbs-sbm x.x This is what I have below, what am I missing

<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>

@mbs-sbm wait... you don't need " " for col-xs-*?
Alexey Ishchenko
@Japolk
Jan 18 2017 00:22
@shayd0x are you sure you need col-xs-6 not col-xs-4?
shayd0x
@shayd0x
Jan 18 2017 00:23
@Japolk It says they each need to be col-xs-6
jfrancis2
@jfrancis2
Jan 18 2017 00:23
They need to add up to 12
shayd0x
@shayd0x
Jan 18 2017 00:23
1) Nest all of your radio buttons inside one div with the class row.
2)Nest each of your radio buttons inside its own div with the class col-xs-6.
3)Make sure each of your div elements has a closing tag.
Alexey Ishchenko
@Japolk
Jan 18 2017 00:23
@shayd0x ok what test does not pass?
shayd0x
@shayd0x
Jan 18 2017 00:24
@Japolk Test 1 and 2
jfrancis2
@jfrancis2
Jan 18 2017 00:24

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

Oh actually, you may need to do something different here based on the tests
I think it'd work if you removed one of the buttons entirely. Do you need 3 buttons?
Alexey Ishchenko
@Japolk
Jan 18 2017 00:25
@shayd0x i think you could miss some closing tag, send link to your solution pls
mbs_sbm
@mbs-sbm
Jan 18 2017 00:26
and i'm and idiot my bad folks ... here is the correct splice of code i was supposed to be tinkering with....
shayd0x
@shayd0x
Jan 18 2017 00:26
@Japolk How do I do that?
mbs_sbm
@mbs-sbm
Jan 18 2017 00:26
<div class="row">
<div class="col-xs-6"><label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6"><label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
TY all
Worked
Liam Dewey
@Mistdew
Jan 18 2017 00:26
Have a question, trying to replace the value of my a element's href attribute with a # symbol, however when i do this it doesn't work? any idea of what I may be missing?
Alexey Ishchenko
@Japolk
Jan 18 2017 00:26
@shayd0x just copy link in your browser
@Japolk in task tab
kez
@keztheminer
Jan 18 2017 00:27
href="#"
jfrancis2
@jfrancis2
Jan 18 2017 00:28
@Mistdew when you do href="#" it makes it a link to nothing
mbs_sbm
@mbs-sbm
Jan 18 2017 00:28
@shayd0x .... we were on the wrong area of the code.
shayd0x
@shayd0x
Jan 18 2017 00:28
@Japolk https://www.freecodecamp.com/challenges/responsively-style-radio-buttons#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22img-responsive%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%3C%2Fa%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cimg%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%20alt%3D%22Three%20kittens%20running%20towards%20the%20camera.%20%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%22%3E%3Ci%20class%3D%22fa%20fa-thumbs-up%22%3E%3C%2Fi%3E%20Like%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%20%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3E%3Ci%20class%3D%22fa%20fa-info-circle%22%3E%3C%2Fi%3E%20Info%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3E%3Ci%20class%3D%22fa%20fa-trash%22%3E%3C%2Fi%3E%20Delete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20%3Cspan%20class%3D%22text-danger%22%3Elove%3A%3C%2Fspan%3E%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
Liam Dewey
@Mistdew
Jan 18 2017 00:28
I've done exactly that and it still won't let me proceed
mbs_sbm
@mbs-sbm
Jan 18 2017 00:29
scroll down to the bottom of your code. its the indoor/outdoor radio buttons we area supposed to be messing with. Not the like, info and delete buttons
Anh Nguyen
@tiremon112
Jan 18 2017 00:29
@Mistdew hit reset and redo it
mbs_sbm
@mbs-sbm
Jan 18 2017 00:29
The former are radios and the later are not
latter
Anh Nguyen
@tiremon112
Jan 18 2017 00:29
you might accident delete something from the code
clairewagz
@clairewagz
Jan 18 2017 00:29
Hi-- I'm trying to clone something and append it to the left from the right on jQuery, my code looks like this " $("#target5").clone().appendTo("left-well");" and its not going forward any help would be great!
Manish Giri
@Manish-Giri
Jan 18 2017 00:29
@clairewagz appendTo("left-well")
Anh Nguyen
@tiremon112
Jan 18 2017 00:29
what is this " " at the end
Manish Giri
@Manish-Giri
Jan 18 2017 00:30
left-well is an ID
needs the #
clairewagz
@clairewagz
Jan 18 2017 00:30
ahhh thank you!
Anh Nguyen
@tiremon112
Jan 18 2017 00:30
;"
@Manish-Giri how many hour are you working a day
O.O
Manish Giri
@Manish-Giri
Jan 18 2017 00:30
lool
clairewagz
@clairewagz
Jan 18 2017 00:30
@Manish-Giri off i go :) you guys rock thank you
CamperBot
@camperbot
Jan 18 2017 00:30
clairewagz sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3846 | @manish-giri |http://www.freecodecamp.com/manish-giri
Anh Nguyen
@tiremon112
Jan 18 2017 00:31
:+1:
shayd0x
@shayd0x
Jan 18 2017 00:31
@Japolk do I need to add <form> before the div?
Anh Nguyen
@tiremon112
Jan 18 2017 00:31
exactly lool
Liam Dewey
@Mistdew
Jan 18 2017 00:31
<p>Click here for <a href="#">cat photos</a></p> exactly how I have it...
jfrancis2
@jfrancis2
Jan 18 2017 00:31
@Mistdew What does it say is wrong?
Alexey Ishchenko
@Japolk
Jan 18 2017 00:32
@shayd0x you look the wrong way
Beanie_Baby
@shyamyn
Jan 18 2017 00:32
Hello i am new
Liam Dewey
@Mistdew
Jan 18 2017 00:32
@jfrancis2 Your a element should be a dead link with a href attribute set to "#".
Alexey Ishchenko
@Japolk
Jan 18 2017 00:32
@Japolk you need nest radio buttons, not buttons under the photo
Anh Nguyen
@tiremon112
Jan 18 2017 00:32
@shyamyn hi
Hello World
CamperBot
@camperbot
Jan 18 2017 00:32

welcome to FreeCodeCamp @tiremon112!

jfrancis2
@jfrancis2
Jan 18 2017 00:32
@Mistdew Can you paste the URL from the page? It should show your code in full when we click it here.
shayd0x
@shayd0x
Jan 18 2017 00:32
@Japolk omg -.-
Alexey Ishchenko
@Japolk
Jan 18 2017 00:33
@shayd0x you need to change this part
<form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
leruzal
@leruzal
Jan 18 2017 00:33
guys any one can help in java script word blanks challenge
Liam Dewey
@Mistdew
Jan 18 2017 00:33
@jfrancis2 https://www.freecodecamp.com/challenges/make-dead-links-using-the-hash-symbol#?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%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
shayd0x
@shayd0x
Jan 18 2017 00:33
@Japolk I will try again thank you, my brain is shot.
CamperBot
@camperbot
Jan 18 2017 00:33
shayd0x sends brownie points to @japolk :sparkles: :thumbsup: :sparkles:
:cookie: 245 | @japolk |http://www.freecodecamp.com/japolk
leruzal
@leruzal
Jan 18 2017 00:33
guys any one can help in java script word blanks challenge
Alexey Ishchenko
@Japolk
Jan 18 2017 00:34
@shayd0x it happens :D
leruzal
@leruzal
Jan 18 2017 00:34
@Japolk
can u help
Liam Dewey
@Mistdew
Jan 18 2017 00:34
@jfrancis2 It's not showing what I've typed on the link...
jfrancis2
@jfrancis2
Jan 18 2017 00:34
@Mistdew I'm seeing <a href="http://www.freecatphotoapp.com">cat photos</a> so it must not be pushing your changes. Try resetting it..
Alexey Ishchenko
@Japolk
Jan 18 2017 00:34
@leruzal i'm not sure i've reached this challenge
@leruzal show me
Liam Dewey
@Mistdew
Jan 18 2017 00:34
@jfrancis2 Gonna refresh, one sec
jfrancis2
@jfrancis2
Jan 18 2017 00:34
@leruzal Is that the one where you need to build a sentence?
thats it guys
jfrancis2
@jfrancis2
Jan 18 2017 00:35
@leruzal What's the problem
Liam Dewey
@Mistdew
Jan 18 2017 00:35
@jfrancis2 Yup. All it needed was a refresh xD of course. Thank you very much!
CamperBot
@camperbot
Jan 18 2017 00:35
mistdew sends brownie points to @jfrancis2 :sparkles: :thumbsup: :sparkles:
:cookie: 175 | @jfrancis2 |http://www.freecodecamp.com/jfrancis2
jfrancis2
@jfrancis2
Jan 18 2017 00:35
np :)
Alexey Ishchenko
@Japolk
Jan 18 2017 00:36
@leruzal and what is the problem?
leruzal
@leruzal
Jan 18 2017 00:36
i didnt get it
jfrancis2
@jfrancis2
Jan 18 2017 00:36
You just need to create a string using the arguments in the function
Alexey Ishchenko
@Japolk
Jan 18 2017 00:37
I didn't get it at first too, you may read wikipedia article
jfrancis2
@jfrancis2
Jan 18 2017 00:37
But, you need your own words as well
Alexey Ishchenko
@Japolk
Jan 18 2017 00:37
@leruzal you need make sentence
jfrancis2
@jfrancis2
Jan 18 2017 00:37
You can just do var whatever = argumentOne + " my text " + argumentTwo + " my text " etc
Alexey Ishchenko
@Japolk
Jan 18 2017 00:37
@Japolk with 4 empty seats, where you must put 4 incoming words
leruzal
@leruzal
Jan 18 2017 00:38
ok i typed the strings but it comes with no spaces
Alexey Ishchenko
@Japolk
Jan 18 2017 00:39
@leruzal i took sentence from wikipedia "_! he said __ as he jumped into his convertible
_ and drove off with his __ wife."
leruzal
@leruzal
Jan 18 2017 00:39
N @jfrancis2 it want me to use the strings not just qoute it out
jfrancis2
@jfrancis2
Jan 18 2017 00:39
@leruzal It can be done the way I said, i literally did it 5mins ago. You could create string variables too if you wanted to
Alexey Ishchenko
@Japolk
Jan 18 2017 00:39
@leruzal not necessary you can do it in 1 string
Ive tried to name the class smaller-image several places to no avail
jfrancis2
@jfrancis2
Jan 18 2017 00:41
@ivegotlegson You need to use class="smaller-image" on your image
and also create the smaller-image class betwene your style tags
The example on the left is very similar, adjust as necessary
shayd0x
@shayd0x
Jan 18 2017 00:43
@jfrancis2 all good that I applies the code to the right area XD
I meant that for @Japolk sorry @jfrancis2 =]
jfrancis2
@jfrancis2
Jan 18 2017 00:43
:)
Wes
@ivegotlegson
Jan 18 2017 00:46

@jfrancis2 thank you. i'm kinda confused. it worked. but why does the img style go away and get replaced with .smaller-image {
width: 100px;
}

when I go to the next challenge

CamperBot
@camperbot
Jan 18 2017 00:46
ivegotlegson sends brownie points to @jfrancis2 :sparkles: :thumbsup: :sparkles:
:cookie: 182 | @jfrancis2 |http://www.freecodecamp.com/jfrancis2
Alexey Ishchenko
@Japolk
Jan 18 2017 00:46
@shayd0x :smile:
jfrancis2
@jfrancis2
Jan 18 2017 00:47
@ivegotlegson I think the next challenge has the correct code from the last one
Wes
@ivegotlegson
Jan 18 2017 00:48
@jfrancis2 ok, I think I understand now. so your style is referenced by the class?
jfrancis2
@jfrancis2
Jan 18 2017 00:50
@ivegotlegson Yep. So if you make a style like: .huge-image { width: 1000px; } and use <img class="huge-image"... it will take the width value from the style (called a css class)
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 00:51
pls can someone help with the border around element class
leruzal
@leruzal
Jan 18 2017 00:51
function wordBlanks(myNoun, myAdjective, myVerb, myAdverb,maNoun,maAdjective,maVerb,maAdverb) {
  var result = "__ "+ myNoun + " __"+ myAdjective + " ___ "+myVerb+" ___" +myAdverb+"__ "+ maNoun + " __"+ maAdjective + " ___ "+maVerb+" ___" +maAdverb;
  // Your code below this line


  // Your code above this line
  return result;
}

// Change the words here to test your function
wordBlanks("dog", "big", "ran", "quickly","cat","little","hit","slowly");
Margaret
@Margaret2
Jan 18 2017 00:51
@chiedoziemc show your code
leruzal
@leruzal
Jan 18 2017 00:51
that what i used @jfrancis2
Margaret
@Margaret2
Jan 18 2017 00:52
@leruzal you should only have the variables with "my", like myNoun, you shouldn't have variables such as maNoun
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 00:52
i did .thick-green-border{border-width:10px border-style:solid; border-color:green;}
Margaret
@Margaret2
Jan 18 2017 00:52
@chiedoziemc missing a ; after 10px
jfrancis2
@jfrancis2
Jan 18 2017 00:52
@leruzal I used words to build a sentence but maybe I was meant to put blanks instead. The variables you've used that start ma aren't necessary though
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 00:53
i did that
Margaret
@Margaret2
Jan 18 2017 00:53
@chiedoziemc also, did you put the class name inside your image element's class attribute
leruzal
@leruzal
Jan 18 2017 00:53
i add some elements @Margaret2
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 00:53

.thick-green-border{

border-width:10px;
border-style:solid;
border-color:green;

}

<img class="thick-green-border">
then did
leruzal
@leruzal
Jan 18 2017 00:53
how ever before i added them it still not working
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 00:53
still giving me errors
Margaret
@Margaret2
Jan 18 2017 00:54
@chiedoziemc that doesn't look like the right image, you were supposed to add the border class to your existing image
not make a new one
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 00:54
ohk
how do i do that
Alexey Ishchenko
@Japolk
Jan 18 2017 00:54
@leruzal you need add spaces before and after each your , like " _ "
Margaret
@Margaret2
Jan 18 2017 00:54
put the class name inside the class attribute: class="smaller-image ..."
That was my solution. It makes no sense but it passed the test
Wes
@ivegotlegson
Jan 18 2017 00:56
@jfrancis2 YESSSS! it worked on the next challenge. I'm starting to understand, not just guess till I get it right.
leruzal
@leruzal
Jan 18 2017 00:56
ok thnx guys
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 00:56
any help pls
Margaret
@Margaret2
Jan 18 2017 00:56
@chiedoziemc show what you tried
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 00:57

.thick-green-border{

border-width:10px;
border-style:solid;
border-color:green;

}

jfrancis2
@jfrancis2
Jan 18 2017 00:57
@ivegotlegson It's great when it starts to make sense! I'd recommend playing around with some CSS in a new codepen just to see what happens when you change stuff. Best way to learn.
Margaret
@Margaret2
Jan 18 2017 00:57
@chiedoziemc .thick-green-border is a selector, it selects any element that has the class "thick-green-border". So you need to add the class to your <img> element
Wes
@ivegotlegson
Jan 18 2017 00:57
@jfrancis2 thank you! will do.
CamperBot
@camperbot
Jan 18 2017 00:57
ivegotlegson sends brownie points to @jfrancis2 :sparkles: :thumbsup: :sparkles:
:warning: ivegotlegson already gave jfrancis2 points
Trung Minh Nguyen
@trungthegood
Jan 18 2017 00:58
its asking me to nest two div class="col-xs-6" elements with your div class="row" element
dose this look right?
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 00:58

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;
}

.thick-green-border{

border-width:10px;
border-style:solid;
border-color:green;

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

<img class="thick-green-border">

Trung Minh Nguyen
@trungthegood
Jan 18 2017 00:58
<div class="row">
<div class="col-xs-6">
<div class="col-xs-6">


</div>
</div>
</div>
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 00:58
this is the full code
Margaret
@Margaret2
Jan 18 2017 00:59

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

put the thick-green-border where the ...... are @chiedoziemc

Alexey Ishchenko
@Japolk
Jan 18 2017 00:59
@chiedoziemc what test does not pass?
Margaret
@Margaret2
Jan 18 2017 00:59
@Japolk he needs to add the thick-green-border class to his <img> element
Alexey Ishchenko
@Japolk
Jan 18 2017 01:00
@trungthegood close first col-xs-6 div before open the second
Margaret
@Margaret2
Jan 18 2017 01:00
@trungthegood right now you have one col-xs-6 div inside another, you need to close the first col-xs-6 div before you start the next one
blakemx642
@blakemx642
Jan 18 2017 01:03
bklasdfkdkfaksdfsd fkjkdfhshdfk;las;dfkl asdf d;lkfjklsadfndfbdflsakdfj oa { da pfjsaldkfj p[["lk ddsaldfn as
i have no idea what the fuck just happened my bad
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 01:04
@alexey the Add Borders Around your Elements test
finding it difficult
Margaret
@Margaret2
Jan 18 2017 01:04
@chiedoziemc did you try to do what i said?
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 01:05
yes i did
still dint work
Margaret
@Margaret2
Jan 18 2017 01:05
show how you did it
__mifflin__
@cdrainxv
Jan 18 2017 01:05
Multiple classes are added like this:
class="red-text blue-text green-text"
Notice the space between each class and only one set of quotes
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 01:06

@Margaret2 .thick-green-border{

border-width:10px;
border-style:solid;
border-color:green;

}
</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. " class="thick-green-border">

thats it
hamsterfriend
@hamsterfriend
Jan 18 2017 01:06
ANyone fot any tips im not sure how to: Make sure you have nested all HTML elements in .container-fluid.
Reid
@rgoodm11
Jan 18 2017 01:06
<a> <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> </a> - how do I make the a element a deadlink with a href attribute set to #?
Margaret
@Margaret2
Jan 18 2017 01:06

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

put thick-green-border where the ...... are @chiedoziemc

@chiedoziemc should not make another class= attribute, thick-green-border goes inside the same quotes as the first class
Alexey Ishchenko
@Japolk
Jan 18 2017 01:08

@chiedoziemc you write class="" two times

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

Reid
@rgoodm11
Jan 18 2017 01:08
I anchored it but i dont know how to do the second part
ShadowV23
@ShadowV23
Jan 18 2017 01:08
where do i put the class form-control in the text input for my form?
Dustin R.
@dr2017
Jan 18 2017 01:08
Hello, I am new here.
Margaret
@Margaret2
Jan 18 2017 01:08
@rgoodm11 for a dead link, replace the URL for your href with #
Reid
@rgoodm11
Jan 18 2017 01:08
@Margaret2 i did it isnt working
hold on
Margaret
@Margaret2
Jan 18 2017 01:09
@rgoodm11 what does your a element look like
Reid
@rgoodm11
Jan 18 2017 01:10
<a> <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
Alexey Ishchenko
@Japolk
Jan 18 2017 01:10
@hamsterfriend you need put all your elements in <div> with class="container-fluid"
<div class="container-fluid>
all HTML elements
</div>
Margaret
@Margaret2
Jan 18 2017 01:10
@rgoodm11 you need to have an href attribute for your a element
Alexey Ishchenko
@Japolk
Jan 18 2017 01:11
@dr2017 Hello, welcome
Reid
@rgoodm11
Jan 18 2017 01:11
@Margaret2 where do i put that
Margaret
@Margaret2
Jan 18 2017 01:11
@rgoodm11 go to this challenge to review how to make a link: https://www.freecodecamp.com/challenges/link-to-external-pages-with-anchor-elements
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 01:12
@Margaret2 am still not getting
Margaret
@Margaret2
Jan 18 2017 01:12
@chiedoziemc what does it look like now
hamsterfriend
@hamsterfriend
Jan 18 2017 01:14
@Japolk Thank you really appreciate it
CamperBot
@camperbot
Jan 18 2017 01:14
hamsterfriend sends brownie points to @japolk :sparkles: :thumbsup: :sparkles:
:cookie: 246 | @japolk |http://www.freecodecamp.com/japolk
chinedum ogbunigwe
@chiedoziemc
Jan 18 2017 01:14
@Margaret2 thanks got it
CamperBot
@camperbot
Jan 18 2017 01:14
chiedoziemc sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1220 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Jan 18 2017 01:14
@chiedoziemc :+1:
Heaven
@TheUndertakerOtaku
Jan 18 2017 01:16

sorry for another noob question but I need some help

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

I have to change the font to 16px
sushmalb
@sushmalb
Jan 18 2017 01:19
@TheUndertakerOtaku : Use font-size to the desired elemnt
__mifflin__
@cdrainxv
Jan 18 2017 01:19

@TheUndertakerOtaku: They give you a great example on the left:

h1 {
 font-size: 30px;
}

The only difference in this example to what the challenge asks is that you want the p elements to have a font-size of 16px.

Heaven
@TheUndertakerOtaku
Jan 18 2017 01:20
i can't figure out where to put the font size
Alexey Ishchenko
@Japolk
Jan 18 2017 01:21
@TheUndertakerOtaku between tags
<style> 

</style>
Heaven
@TheUndertakerOtaku
Jan 18 2017 01:21
<style>
.red-text {
color: red;
}
</style>
i have this in there
Alexey Ishchenko
@Japolk
Jan 18 2017 01:22
@TheUndertakerOtaku
<style>
  .red-text {
    color: red;
  } 

here you style for paragraph
</style>
Heaven
@TheUndertakerOtaku
Jan 18 2017 01:23
i still can't get it
__mifflin__
@cdrainxv
Jan 18 2017 01:25
Show what you've tried.
Heaven
@TheUndertakerOtaku
Jan 18 2017 01:25
<style>
.red-text {
color: red;
}
h1 {font-size: 16px;}
</style>
Alexey Ishchenko
@Japolk
Jan 18 2017 01:25

@TheUndertakerOtaku

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

but instead of h1 you need to stylize you <p>

__mifflin__
@cdrainxv
Jan 18 2017 01:26
@TheUndertakerOtaku:

p not h1

Heaven
@TheUndertakerOtaku
Jan 18 2017 01:26
oh my god really
I got it thank you so much
Alexey Ishchenko
@Japolk
Jan 18 2017 01:29
:+1:
Taylor
@treddson
Jan 18 2017 01:30
some help with nesting text input element within form element?
Alexey Ishchenko
@Japolk
Jan 18 2017 01:32
@treddson
should be something like this
<form> 
  <input type="text">
</form>
mattmau
@mattmau
Jan 18 2017 01:33
How much constitutes "the first few" of kitty ipsum text?
I keep getting errors about it
Taylor
@treddson
Jan 18 2017 01:35
@mattmau I was wondering that too. I just the first 5 or 6 six words I believe.
arifzamdin
@arifzamdin
Jan 18 2017 01:35
just copy and paste the entire paragraph
Taylor
@treddson
Jan 18 2017 01:35
@Japolk thank you!
CamperBot
@camperbot
Jan 18 2017 01:35
treddson sends brownie points to @japolk :sparkles: :thumbsup: :sparkles:
:cookie: 247 | @japolk |http://www.freecodecamp.com/japolk
mattmau
@mattmau
Jan 18 2017 01:36
Thanks
I keep getting it
The error
arifzamdin
@arifzamdin
Jan 18 2017 01:37
what does the error? @mattmau
mattmau
@mattmau
Jan 18 2017 01:37
Your p element should contain the first few words of the provided additional kitty ipsum text.
arifzamdin
@arifzamdin
Jan 18 2017 01:38
<p>text here </p>
didnt work?
mattmau
@mattmau
Jan 18 2017 01:38
No
arifzamdin
@arifzamdin
Jan 18 2017 01:38
hit the reset button just incase you did something else and then retry the instructions
Lauri Välja
@OFFLlNE
Jan 18 2017 01:39

@roarthis why did you ask me that?

@OFFLlNE what device are you on lo

good night now. Will see if I can get a few hours of sleep now :D
arifzamdin
@arifzamdin
Jan 18 2017 01:40
hows it going? @mattmau
mattmau
@mattmau
Jan 18 2017 01:40
It worked. Thanks
arifzamdin
@arifzamdin
Jan 18 2017 01:41
NP!
Adam Sparks
@omarzion
Jan 18 2017 01:41
Hi
arifzamdin
@arifzamdin
Jan 18 2017 01:42
Anyone know when this Css stuff ends and we get more into detailed stuff?
hi @omarzion
Adam Sparks
@omarzion
Jan 18 2017 01:42
I found a strange issue with my calculator project and was hoping for some help, portions of my = and 0 buttons aren't clickable
hi @arifzamdin
mattmau
@mattmau
Jan 18 2017 01:43
Nevermind, it didn't work.
Adam Sparks
@omarzion
Jan 18 2017 01:44
@mattmau what error are you getting?
mattmau
@mattmau
Jan 18 2017 01:46
Your p element should contain the first few words of the provided additional kitty ipsum text.
Alexey Ishchenko
@Japolk
Jan 18 2017 01:47
@omarzion i think because of your button lay in the narrow colomn http://piccy.info/view3/10746283/615b42a5cf246313bd93f42d0d31828c/orig/
obeasto23
@obeasto23
Jan 18 2017 01:47
huh
sorry
con any one help me with this
Alexey Ishchenko
@Japolk
Jan 18 2017 01:47
@obeasto23 what is your problem?
obeasto23
@obeasto23
Jan 18 2017 01:47

<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

I cant size my image
Alexey Ishchenko
@Japolk
Jan 18 2017 01:48
why can't ?
arifzamdin
@arifzamdin
Jan 18 2017 01:48
blob
@ mattmau
obeasto23
@obeasto23
Jan 18 2017 01:48
i don't know
edkim2
@edkim2
Jan 18 2017 01:49
Can anyone help me with the "Size your Images" problem?
obeasto23
@obeasto23
Jan 18 2017 01:49
i have the same problem
edkim2
@edkim2
Jan 18 2017 01:49
I'm having trouble creating a class called smaller image
Alexey Ishchenko
@Japolk
Jan 18 2017 01:49
look
you need add class .smaller-image in <style> </style> tag
edkim2
@edkim2
Jan 18 2017 01:50
I did that portion
Alexey Ishchenko
@Japolk
Jan 18 2017 01:51
<style> 
.smaller-image {
  here your width
}
</style>
arifzamdin
@arifzamdin
Jan 18 2017 01:51
it needs to be named exactly the same way they have it with the "-"
blob
Alexey Ishchenko
@Japolk
Jan 18 2017 01:51
@arifzamdin i guess so
Adam Sparks
@omarzion
Jan 18 2017 01:51
@Japolk Thanks! that did it. I had assumed it would expand the parent container as well haha
CamperBot
@camperbot
Jan 18 2017 01:51
omarzion sends brownie points to @japolk :sparkles: :thumbsup: :sparkles:
:cookie: 248 | @japolk |http://www.freecodecamp.com/japolk
Alexey Ishchenko
@Japolk
Jan 18 2017 01:53
@obeasto23 did you get?
Ethan Benjamin
@ebenji
Jan 18 2017 01:53
sup every1
Alexey Ishchenko
@Japolk
Jan 18 2017 01:53
@ebenji hello
obeasto23
@obeasto23
Jan 18 2017 01:53
give me a sec
Johnathon R. Spies
@JohnathonSpies
Jan 18 2017 01:53

Can someone help me with this it randomly changed my backgound color here it is: <html class="background">
<img class="img1-border" src="http://tablet-news.com/wp-content/uploads/2015/02/iPad-using-students.jpg" alt="Students working
}
.h1-color {
color: darkblue
}
.h1-font {
font-family: sans-serif;
}
.h1-font-size {
font-size: 30px;
}
.p-color {
color: darkblue;
}
.img1-border {
border-color: darkblue;
border-width: thick;
border-style: solid;
}

</style>

<h1 class="h1-color h1-font h1-font-size">Imagine a app that allows you to goto school but not really goto school.</h1>

<p class="p-color">My partner and i have come up with the idea of a app that will change the way we learn, the time we get up in the moring what im trying to say is this app will change everything for our kids and for us.</p>                 
<img class="img1-border" src="http://cdn.bgr.com/2013/12/ipad_mini_retina_hands_on_0292_870px.jpg?quality=98&strip=all&w=870" alt="Working at home!">

</html>

i am so confused i just wanted it to copy the code :-1:
obeasto23
@obeasto23
Jan 18 2017 01:54
@Japolk it didn't work
Margaret
@Margaret2
Jan 18 2017 01:55
@JohnathonSpies you have a class="background" on your html element, but i don't see a .background rule in the style
Alexey Ishchenko
@Japolk
Jan 18 2017 01:55
@obeasto23 you need to add your smaller-image class to your <img> tag
<img class="smaller-image" ...>
Margaret
@Margaret2
Jan 18 2017 01:56
if it was using an additional CSS library such as bootstrap, that might affect the background color also
Johnathon R. Spies
@JohnathonSpies
Jan 18 2017 01:56
@Margaret2 Ohh i must of accidentally deleted it thx for helping me again :+1:
CamperBot
@camperbot
Jan 18 2017 01:56
johnathonspies sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1221 | @margaret2 |http://www.freecodecamp.com/margaret2
gemrwork
@gemrwork
Jan 18 2017 01:56
that html class needs a . in the background unless you are using bootstrap
obeasto23
@obeasto23
Jan 18 2017 01:56
thx
mattmau
@mattmau
Jan 18 2017 01:57

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

Can anybody help me please? I think there is a bug in my code but I cannot find it.

gemrwork
@gemrwork
Jan 18 2017 01:58
where is that p going
mattmau
@mattmau
Jan 18 2017 01:59
What do you mean @gemrwork
Alexey Ishchenko
@Japolk
Jan 18 2017 01:59
@mattmau what task does not pass?
gemrwork
@gemrwork
Jan 18 2017 01:59
Sorry. I mean, what are you trying to do? it runs fine on my end
edkim2
@edkim2
Jan 18 2017 02:00
@Japolk Thanks for the assistant !!!!!
CamperBot
@camperbot
Jan 18 2017 02:00
edkim2 sends brownie points to @japolk :sparkles: :thumbsup: :sparkles:
:cookie: 249 | @japolk |http://www.freecodecamp.com/japolk
mattmau
@mattmau
Jan 18 2017 02:00
Your p element should contain the first few words of the provided additional kitty ipsum text.
Reid
@rgoodm11
Jan 18 2017 02:00
<label><input type="checkbox" name="personality">loving</label>
<label><input type="checkbox" name="personality">happy</label>
<label><input type="checkbox" name="personaltiy">cool</label>
gemrwork
@gemrwork
Jan 18 2017 02:01
The font size in the style isn't really being used @mattmau
Reid
@rgoodm11
Jan 18 2017 02:01
it says i need to give my checkboxes the name attribute of personality
Marty Watts
@Martywatts
Jan 18 2017 02:01
Looking for help creating an entry for p inside a <style> tag to set font size. <style>
.red-text {
color: red;
font-size: 16px;
}
</style>
Reid
@rgoodm11
Jan 18 2017 02:01
i did that and it wont let me continue
Stephen Walsh
@stepheno8
Jan 18 2017 02:01
Hey guys, how do I add a placeholder attribute text into an input element? Thanks.
Alexey Ishchenko
@Japolk
Jan 18 2017 02:02
@stepheno8
<input placeholder="i'm placeholder" type="text">
mattmau
@mattmau
Jan 18 2017 02:02
@gemrwork It's one of the requirements
coffeebeanzz
@coffeebeanzz
Jan 18 2017 02:04
@Martywatts it doesn't go inside the red-text class; place it under red-text's } and like this p {font stuff here;}
Reid
@rgoodm11
Jan 18 2017 02:04
<label><input type="checkbox" name="personality">loving</label>
gemrwork
@gemrwork
Jan 18 2017 02:04
@mattmau I'm missing something lol. What are you trying to do exactly?
Alexey Ishchenko
@Japolk
Jan 18 2017 02:04
@mattmau send link to your solution
Reid
@rgoodm11
Jan 18 2017 02:04
<label><input type="checkbox" name="personality">loving</label> - it needs me to add personality as the name attribute. did i do this right?
Stephen Walsh
@stepheno8
Jan 18 2017 02:05
Didn't work @Japolk
Reid
@rgoodm11
Jan 18 2017 02:05
It won't let me move on
Alexey Ishchenko
@Japolk
Jan 18 2017 02:06
@stepheno8 what is your exact task?
Marty Watts
@Martywatts
Jan 18 2017 02:07
@coffeebeanzz YES! Thank you. I get it now.
CamperBot
@camperbot
Jan 18 2017 02:07
martywatts sends brownie points to @coffeebeanzz :sparkles: :thumbsup: :sparkles:
:star2: 1666 | @coffeebeanzz |http://www.freecodecamp.com/coffeebeanzz
Ethan Benjamin
@ebenji
Jan 18 2017 02:07
where do the codes go when it says body class
in the style element or h1?
gemrwork
@gemrwork
Jan 18 2017 02:07
@rgoodm11 I'm not sure but do you have to use id tags?
coffeebeanzz
@coffeebeanzz
Jan 18 2017 02:07
you're welcome @Martywatts :) :thumbsup:
Stephen Walsh
@stepheno8
Jan 18 2017 02:08

Add a placeholder attribute text input element
Set the value of your placeholder attribute to "cat photo URL". @Japolk

gemrwork
@gemrwork
Jan 18 2017 02:09
I'm bad at giving help. #rusty
obeasto23
@obeasto23
Jan 18 2017 02:09
<img class="thick-green-border" class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
i cant add a border to my code
Ethan Benjamin
@ebenji
Jan 18 2017 02:09
anyone? :{
Alexey Ishchenko
@Japolk
Jan 18 2017 02:09
so you need write smthg like this
<input type="text" placeholder="cat photo URL">
obeasto23
@obeasto23
Jan 18 2017 02:10
i don't understand
Ricardo Borinaga
@maskhider
Jan 18 2017 02:10
kindly ask 4 help ..Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link...my code -<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>
gemrwork
@gemrwork
Jan 18 2017 02:10
@obeasto23 you have class twice
__mifflin__
@cdrainxv
Jan 18 2017 02:10
@obeasto23: Multiple classes are just seperated by a space:
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
obeasto23
@obeasto23
Jan 18 2017 02:11
thx
__mifflin__
@cdrainxv
Jan 18 2017 02:11
@maskhider: Replace the http link with a #.
Alexey Ishchenko
@Japolk
Jan 18 2017 02:11
@ebenji you need just add some properties under the background-color
@ebenji
<style>
  body {
    background-color: black;
    color: green;
    // and go on here
  }
</style>
Stephen Walsh
@stepheno8
Jan 18 2017 02:12
Bingo @Japolk
obeasto23
@obeasto23
Jan 18 2017 02:13
it says in need a border of 10px so how do i add that to my class
__mifflin__
@cdrainxv
Jan 18 2017 02:13
@obeasto23: In the style tags. Reference the example on the left.
Ricardo Borinaga
@maskhider
Jan 18 2017 02:14
ok
obeasto23
@obeasto23
Jan 18 2017 02:15
<img Class="smaller-image thick-green-border"
i did tha @cdrainxv
__mifflin__
@cdrainxv
Jan 18 2017 02:15
@obeasto23: No.. in the style tags… look at the example provided.
obeasto23
@obeasto23
Jan 18 2017 02:15
ya i put
.thick-green-border {
border-color: green;
border-width: 10xp;
border-style: solid;
}
coffeebeanzz
@coffeebeanzz
Jan 18 2017 02:16
10xp is the problem
__mifflin__
@cdrainxv
Jan 18 2017 02:16

px

Ethan Benjamin
@ebenji
Jan 18 2017 02:18
@Japolk thank you, i did some research as well but you set me in the right direction
CamperBot
@camperbot
Jan 18 2017 02:18
ebenji sends brownie points to @japolk :sparkles: :thumbsup: :sparkles:
:cookie: 250 | @japolk |http://www.freecodecamp.com/japolk
Alexey Ishchenko
@Japolk
Jan 18 2017 02:19
@ebenji ;)
obeasto23
@obeasto23
Jan 18 2017 02:20
someone please answer my question above
Ricardo Borinaga
@maskhider
Jan 18 2017 02:20
kindly ask 4 help ..Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link...my code -<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p> i did this <p>Click here for <a href="#">cat photos</a>.</p> but still does'nt work
__mifflin__
@cdrainxv
Jan 18 2017 02:21
@obeasto23: We did: :point_up: January 17, 2017 7:16 PM :point_up: January 17, 2017 7:16 PM
@maskhider: Try refreshing the page.
obeasto23
@obeasto23
Jan 18 2017 02:22
i am good
Ricardo Borinaga
@maskhider
Jan 18 2017 02:22
tnx...
__mifflin__
@cdrainxv
Jan 18 2017 02:22
:+1:
coffeebeanzz
@coffeebeanzz
Jan 18 2017 02:23
thx @cdrainxv
CamperBot
@camperbot
Jan 18 2017 02:23
coffeebeanzz sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2122 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Jan 18 2017 02:24
@coffeebeanzz: Likewise. :smile: Thanks!
CamperBot
@camperbot
Jan 18 2017 02:24
cdrainxv sends brownie points to @coffeebeanzz :sparkles: :thumbsup: :sparkles:
:star2: 1667 | @coffeebeanzz |http://www.freecodecamp.com/coffeebeanzz
coffeebeanzz
@coffeebeanzz
Jan 18 2017 02:24
:)
Ve Vanderpool
@VanAmoVe
Jan 18 2017 02:30
hey every one i am on thespans for inline elements and it keeps teel me to close my span but i did what am i missing?
<p> Things cats <span class = "text-danger">love:</span> </p>
Margaret
@Margaret2
Jan 18 2017 02:32
@VanAmoVe remove spaces in your class attribute: class="text-danger"
Coy Sanders
@coymeetsworld
Jan 18 2017 02:33
looks fine to me @VanAmoVe, try refereshing your browser?
Jeremy Kraft
@J-Kraft
Jan 18 2017 02:33
What @Margaret2 said @VanAmoVe
Coy Sanders
@coymeetsworld
Jan 18 2017 02:33
space didn't matter
Ve Vanderpool
@VanAmoVe
Jan 18 2017 02:33
ha nevermind my error was elsewhere. for some reason my place on the page keeps skipping around and i end up typing in the wrong place
Margaret
@Margaret2
Jan 18 2017 02:33
@coymeetsworld pretty sure there can't be spaces between attributes and values
Ve Vanderpool
@VanAmoVe
Jan 18 2017 02:34
anyone else have that happen? be on line 16 then on 22 out of nowhere?
Coy Sanders
@coymeetsworld
Jan 18 2017 02:34
I tried what she had in my example @Margaret2 and it passed
Margaret
@Margaret2
Jan 18 2017 02:34
@VanAmoVe yeah, it's a bug with the code editor :(
Coy Sanders
@coymeetsworld
Jan 18 2017 02:34
normally there isn't a space but I guess its valid HTML syntax still
Margaret
@Margaret2
Jan 18 2017 02:34
hmm i will have to check that
arifzamdin
@arifzamdin
Jan 18 2017 02:34
@VanAmoVe when that happens you can reset the page right under where you submit your answer if it happens
Ve Vanderpool
@VanAmoVe
Jan 18 2017 02:35
i was told that html doesn't care about spaces
coffeebeanzz
@coffeebeanzz
Jan 18 2017 02:35
the buggy editor cares sometimes
:bug:
Ve Vanderpool
@VanAmoVe
Jan 18 2017 02:36
cute
__mifflin__
@cdrainxv
Jan 18 2017 02:36
It doesn't, but the conventions is
attribute="value" no spaces… this is according to most style guides.
Ve Vanderpool
@VanAmoVe
Jan 18 2017 02:36
i will keep an eye on my spaces
Coy Sanders
@coymeetsworld
Jan 18 2017 02:37
style yes, but you can do without it seems.
crg821
@crg821
Jan 18 2017 02:38
@TheUndertakerOtaku font for the h2 or the p tags?
Stephen Walsh
@stepheno8
Jan 18 2017 02:43
What is meant by this, "Nest your text input element within a form element".
Coy Sanders
@coymeetsworld
Jan 18 2017 02:44
nest means put between the opening and closing tag of the element
you've done it before with other elements like the image inside a link
Stephen Walsh
@stepheno8
Jan 18 2017 02:45
so whats wrong with these tags? <form action="/submit-cat-photo"></form>
Coy Sanders
@coymeetsworld
Jan 18 2017 02:46
nothing
Ricardo Borinaga
@maskhider
Jan 18 2017 02:46
nothing
Stephen Walsh
@stepheno8
Jan 18 2017 02:47
then why do I still have this msg "Nest your text input element within a form element"?
Coy Sanders
@coymeetsworld
Jan 18 2017 02:47
because there is no input nested in those form tags yet
Bardoe Bess
@bardbess
Jan 18 2017 02:47
@stepheno8 your being asked to put an <input> element inside your form element. So between the open and close tags of your form.
open tag = <form>, close tag = </form>
Nekmese
@Nekmese
Jan 18 2017 02:50
how to create an id on a form
<form action="/submit-cat-photo" >
Coy Sanders
@coymeetsworld
Jan 18 2017 02:50
just like with any other tag @Nekmese
with the id attribute
<form action="" id="">
Nekmese
@Nekmese
Jan 18 2017 02:51
ty
Coy Sanders
@coymeetsworld
Jan 18 2017 02:51
no problem
coffeebeanzz
@coffeebeanzz
Jan 18 2017 02:52
thx @coymeetsworld
CamperBot
@camperbot
Jan 18 2017 02:52
coffeebeanzz sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1853 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jan 18 2017 02:52
@coffeebeanzz :)
coffeebeanzz
@coffeebeanzz
Jan 18 2017 02:52
:)
Braulio Tonaco
@edinpark01
Jan 18 2017 02:55
Hi guys
Ricardo Borinaga
@maskhider
Jan 18 2017 02:55

stuck on dis step Here's an example of how you give your h2 element the id of cat-photo-app:

<h2 id="cat-photo-app">
Give your form element the id cat-photo-form.... already did this. <form action="/submit-cat-photo" id="cat-photo-app">

Coy Sanders
@coymeetsworld
Jan 18 2017 02:55
you gave it the wrong id @maskhider
its not cat-photo-app, that was just the example
Braulio Tonaco
@edinpark01
Jan 18 2017 02:56
Could someone help me with a challenge? I'm currently doing the Check for Palindromes
Does this make sensE?

function palindrome(str) {
// Good luck!
var oldArray = str.split(""); // convert initial string into oldArray

var newArray = oldArray.filter(function(val) { // filters oldArray from non-alphanumerical characters into newArray
return /\w+/g;
});

var reverseArray = newArray.reverse(); // reverse newArray and copy it into reverseArray

var reverseStr = reverseArray.join(""); // converts reverseArray into str
var joinedStr = newArray.join(""); // converts newArray into str

if (reverseStr === joinedStr) return true; // checks for matches.
else return false;

}

palindrome("eye");

this is in the Basic algorithm Scripting
Ricardo Borinaga
@maskhider
Jan 18 2017 02:58
@coymeetsworld tnx...i should read closely my codes
Coy Sanders
@coymeetsworld
Jan 18 2017 02:59
its alot of variables for sure @edinpark01, is there something specifically wrong with it?
Braulio Tonaco
@edinpark01
Jan 18 2017 03:00

Does the code below filter for non-alphanumerical characters?

var newArray = oldArray.filter(function(val) { // filters oldArray from non-alphanumerical characters into newArray
return /\w+/g;
});

Coy Sanders
@coymeetsworld
Jan 18 2017 03:00
and underscore
which i don't think you want
Braulio Tonaco
@edinpark01
Jan 18 2017 03:01
noup
Coy Sanders
@coymeetsworld
Jan 18 2017 03:01
so you need a more specific regex
Braulio Tonaco
@edinpark01
Jan 18 2017 03:01
oh boy!
I need to filter out all symbols
Zachary Orona-Calvert
@TheTRUEHoohah
Jan 18 2017 03:01
Your green-box class should give the top of the elements 40px of padding.
Your green-box class should give the left of the elements 40px of padding.
Your green-box class should give the right of the elements 20px of padding.
Your green-box class should give the bottom of the elements 20px of padding.
padding: 40px 40px 20px 20px;
Coy Sanders
@coymeetsworld
Jan 18 2017 03:01
@edinpark01 or, you can do the opposite
Zachary Orona-Calvert
@TheTRUEHoohah
Jan 18 2017 03:02
help?
Braulio Tonaco
@edinpark01
Jan 18 2017 03:02
@coymeetsworld would you suggest a different approach?
Coy Sanders
@coymeetsworld
Jan 18 2017 03:02
filter everything that isn't an alphanumeric character
Braulio Tonaco
@edinpark01
Jan 18 2017 03:02
is there an regex for that?
coffeebeanzz
@coffeebeanzz
Jan 18 2017 03:03
@TheTRUEHoohah hint: top right bottom left
Braulio Tonaco
@edinpark01
Jan 18 2017 03:03
@coymeetsworld by the way, thanks for the feedback
CamperBot
@camperbot
Jan 18 2017 03:03
:star2: 1854 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
edinpark01 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
Coy Sanders
@coymeetsworld
Jan 18 2017 03:04
theres a regex for everything!
np @edinpark01
Try checking out http://regexr.com/
it gives you a cheatsheet and you can test out expressions there
Resul Ucar
@rus1220
Jan 18 2017 03:05
hello i need help with resizing a image to 100 px
coffeebeanzz
@coffeebeanzz
Jan 18 2017 03:05
@rus1220 did you create your class in the style section
Resul Ucar
@rus1220
Jan 18 2017 03:05
its says Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Coy Sanders
@coymeetsworld
Jan 18 2017 03:05
@TheTRUEHoohah, its padding: TOP RIGHT BOTTOM LEFT
Resul Ucar
@rus1220
Jan 18 2017 03:06
oh no let me do that
guygnakpa
@guygnakpa
Jan 18 2017 03:08
thank god for free code camp
what is wrong with this code?
is the id in the wrong place
Coy Sanders
@coymeetsworld
Jan 18 2017 03:09
pink-text and blue-text are classes
Resul Ucar
@rus1220
Jan 18 2017 03:10
hey guys I'm trying to resize my image but its not working

<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;
}
class=smaller-image { width: 100 px;
}


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

I'm getting stuck on the smaller-image part
Jeremy Kraft
@J-Kraft
Jan 18 2017 03:11
@rus1220 use a fullstop to declare a class in a <style> tag
Resul Ucar
@rus1220
Jan 18 2017 03:11
whats a full stop?
Jeremy Kraft
@J-Kraft
Jan 18 2017 03:11
.smaller-image
period?
Coy Sanders
@coymeetsworld
Jan 18 2017 03:12
@rus1220 you need to define the smaller-image class with the same syntax as you did with red-text
Resul Ucar
@rus1220
Jan 18 2017 03:12

<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: 100 px;
}
</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>

is that better
Coy Sanders
@coymeetsworld
Jan 18 2017 03:12
put 100 and px together, look at the example @rus1220
thats pretty much the answer except the name and width are different
Noah
@noahtes
Jan 18 2017 03:13

"

<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>Here's a
<a herf='http://freecatphotoapp.com'</a>
click free cat photo app
cat photos.</p>

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

Coy Sanders
@coymeetsworld
Jan 18 2017 03:13
<a herf='http://freecatphotoapp.com'</a> @noahtes
you have a typo there
Ethan Benjamin
@ebenji
Jan 18 2017 03:13
@coymeetsworld what do you mean?
sorry i cant remember the actual coding itself
yet
Coy Sanders
@coymeetsworld
Jan 18 2017 03:14
@ebenji you defined blue-text and pink-text as classes
and this is what you have, what's wrong here? <h1 id="pink-text blue-text orange-text">Hello World!</h1>
Resul Ucar
@rus1220
Jan 18 2017 03:15
.smaller-image {
width: 100px;
}
is this how you do it?
Coy Sanders
@coymeetsworld
Jan 18 2017 03:15
yep
Resul Ucar
@rus1220
Jan 18 2017 03:15
but its not working
Coy Sanders
@coymeetsworld
Jan 18 2017 03:15
you didn't apply it to the img tag most likely
Ethan Benjamin
@ebenji
Jan 18 2017 03:15
@coymeetsworld i cant change it to classes
Coy Sanders
@coymeetsworld
Jan 18 2017 03:15
its a 2 step process, just like with red-text
Ethan Benjamin
@ebenji
Jan 18 2017 03:16
i meant ids
Coy Sanders
@coymeetsworld
Jan 18 2017 03:16
@ebenji I know, they're supposed to be classes
Resul Ucar
@rus1220
Jan 18 2017 03:16
ohhh ok i think i get it
Coy Sanders
@coymeetsworld
Jan 18 2017 03:16
a tag can have both classes and ids
be back later, off to dinner
Ethan Benjamin
@ebenji
Jan 18 2017 03:17
i did that
Resul Ucar
@rus1220
Jan 18 2017 03:18

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

how does that look
Noah
@noahtes
Jan 18 2017 03:19
thanks @coymeetsworld I got
CamperBot
@camperbot
Jan 18 2017 03:19
noahtes sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1855 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Braulio Tonaco
@edinpark01
Jan 18 2017 03:23

@coymeetsworld Its me again, it this properly setup?

var newArray = oldArray.filter(function(val) {
return /([A-Z0-9a-z])/g;
});

Zachary Orona-Calvert
@TheTRUEHoohah
Jan 18 2017 03:23
Make sure you have nested all HTML elements in .container-fluid.
what does this mean

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

.container-fluid{

}

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

<div class="container-fluid"></div>

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

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

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

<p>Things cats love:</p>

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

<p>Top 3 things cats hate:</p>

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

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

Jeremy Kraft
@J-Kraft
Jan 18 2017 03:24
@TheTRUEHoohah you've closed off your <div class="container-fluid"> before the rest of the HTML
<div class="container-fluid"></div>
Anh Nguyen
@tiremon112
Jan 18 2017 03:24
<div class="container-fluid"></div> you must put </div> at the end
Zachary Orona-Calvert
@TheTRUEHoohah
Jan 18 2017 03:24
Oh okay thanks
thanks @J-Kraft
CamperBot
@camperbot
Jan 18 2017 03:24
thetruehoohah sends brownie points to @j-kraft :sparkles: :thumbsup: :sparkles:
:cookie: 27 | @j-kraft |http://www.freecodecamp.com/j-kraft
Mary
@Terkag
Jan 18 2017 03:32
Can i have some assistance please? I'm not sure what im doing wrong.
Set the value of your placeholder to "cat phot url" this is what i have <input type="text"placeholder="Cat Photo URL">
Noah
@noahtes
Jan 18 2017 03:33
which challenge is it @Terkag
Mary
@Terkag
Jan 18 2017 03:33
Add placeholder text to a text field
@noahtes
kazeku
@kazeku
Jan 18 2017 03:35
may I ask for some help with this challenge
"Give the text input in your form the class form-control."
Moisés Man
@moigithub
Jan 18 2017 03:35
@Terkag what instruction says.. "cat phot url" or "Cat Photo URL"
FCC test are very picky
Noah
@noahtes
Jan 18 2017 03:35
@Terkag sorry i hvnt reached that part
Mary
@Terkag
Jan 18 2017 03:36
@noahtes i tried it like that originally, still didnt work. thanks tho
CamperBot
@camperbot
Jan 18 2017 03:36
terkag sends brownie points to @noahtes :sparkles: :thumbsup: :sparkles:
:cookie: 29 | @noahtes |http://www.freecodecamp.com/noahtes
Margaret
@Margaret2
Jan 18 2017 03:36
@kazeku the text input element is this: <input type="text">
You need to use class="" to give it the class form-control
kazeku
@kazeku
Jan 18 2017 03:36
</form>
</div>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>
<input type="form-control">Submit</button>
</form>
</div>
ohhh okk thanks
Margaret
@Margaret2
Jan 18 2017 03:37
@kazeku you need to change the type of your input back to type="text" and use class="..." for the class
Moisés Man
@moigithub
Jan 18 2017 03:39
@Terkag also make sure u add spaces
ie "text"placeholder=... before placeholder
Mary
@Terkag
Jan 18 2017 03:39
<input type="text" placeholder="cat photo URL">
@moigithub I have the spaces/>
IsaiahMreno
@IsaiahMreno
Jan 18 2017 03:42
Hello, I am having trouble including the smaller-image class. <img src= "https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " "smaller-image" width=100>
note " Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide."
Coy Sanders
@coymeetsworld
Jan 18 2017 03:44
looks ok @edinpark01
Margaret
@Margaret2
Jan 18 2017 03:45
@IsaiahMreno you have to use the class attribute, you can't just randomly throw the class name in the element
Moisés Man
@moigithub
Jan 18 2017 03:45
@Terkag looks ok.. still not passing ? refresh the page.. or
repost ALL ur code
Aaron Cole
@ajosephcole
Jan 18 2017 03:45

With jQuery selectors, how do I only add one class with each of the three selectors?

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

});
</script>

Margaret
@Margaret2
Jan 18 2017 03:45
@IsaiahMreno you should also be using CSS to set the width of the element, NOT the width attribute
Aaron Cole
@ajosephcole
Jan 18 2017 03:45
it should all be added to target1
Margaret
@Margaret2
Jan 18 2017 03:45
@ajosephcole this line is adding two classes
$(".btn").addClass("animated shake");
should only add one
IsaiahMreno
@IsaiahMreno
Jan 18 2017 03:47
@Margaret2 makes sense. Thanks
CamperBot
@camperbot
Jan 18 2017 03:47
isaiahmreno sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1224 | @margaret2 |http://www.freecodecamp.com/margaret2
Aaron Cole
@ajosephcole
Jan 18 2017 03:48
@Margaret2 would you be able to expound a little, please, with an example?
Mary
@Terkag
Jan 18 2017 03:48
@moigithub refresh worked, thanks!
CamperBot
@camperbot
Jan 18 2017 03:48
terkag sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2537 | @moigithub |http://www.freecodecamp.com/moigithub
Moisés Man
@moigithub
Jan 18 2017 03:49
animated AND shake are 2 different classes names
u should remove animated since u already included on the line before
Margaret
@Margaret2
Jan 18 2017 03:49

@ajosephcole instructions say:

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

not the "animated" class

Kha Nguyen
@Reservations
Jan 18 2017 03:49
Can someone help me with a quick css class naming convention question? If I have multiple sections for my website, and I want to make custom classes for each section, would they be called ".section-1" or ".section--1" or other?
Aaron Cole
@ajosephcole
Jan 18 2017 03:49
@Margaret2 Oh, I thought you had to have "animated"
Good to know
Margaret
@Margaret2
Jan 18 2017 03:50
you already added "animated" to the <button> elements
Aaron Cole
@ajosephcole
Jan 18 2017 03:50
@Margaret2 Got it--that makes sense.
Manish Giri
@Manish-Giri
Jan 18 2017 03:50
:scream:
Aaron Cole
@ajosephcole
Jan 18 2017 03:50
@Margaret2 thanks
CamperBot
@camperbot
Jan 18 2017 03:50
ajosephcole sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1225 | @margaret2 |http://www.freecodecamp.com/margaret2
Manish Giri
@Manish-Giri
Jan 18 2017 03:50
look who's here
Margaret
@Margaret2
Jan 18 2017 03:51
so... we meet again... @Manish-Giri :laughing:
Manish Giri
@Manish-Giri
Jan 18 2017 03:51
yeah I thought we never would
:unamused:
Margaret
@Margaret2
Jan 18 2017 03:51
... for the last time!!!
jk :D
can someone see whats wrong
the colors arent working
Manish Giri
@Manish-Giri
Jan 18 2017 03:52
:angry:
Margaret
@Margaret2
Jan 18 2017 03:52
@ebenji because you have to have # in front of hex color codes
Austin Miggins
@Bigginzs
Jan 18 2017 03:52
how do you change text color
Margaret
@Margaret2
Jan 18 2017 03:53
@Bigginzs with the color property
Dustin R.
@dr2017
Jan 18 2017 03:54
<h2 class="blue-text">CatPhotoApp</h2>
Ethan Benjamin
@ebenji
Jan 18 2017 03:54
@Margaret2 its not working, only dodger blue is working
for some reason
Dustin R.
@dr2017
Jan 18 2017 03:54
this is not working - <h2 class="blue-text">CatPhotoApp</h2>
tabby90
@tabby90
Jan 18 2017 03:54
I can't seem to get the second class, the thick-green-border to work. It works fine if I apply it to another element, but not the img element <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange its back. ">
Dustin R.
@dr2017
Jan 18 2017 03:54
thank you
Margaret
@Margaret2
Jan 18 2017 03:54
@ebenji hex codes MUST have a #, so #FF0000 etc.
Ethan Benjamin
@ebenji
Jan 18 2017 03:55
@Margaret2 nvm im an idiot. i was looking at the sentences lmao. thank you for the help though
CamperBot
@camperbot
Jan 18 2017 03:55
ebenji sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1226 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Jan 18 2017 03:56
@dr2017 where is your CSS for the blue-text class?
Braulio Tonaco
@edinpark01
Jan 18 2017 03:57

function palindrome(str) {

var array = str.split('');

array.filter(function checkForNonAlpha(char){       
return (/([A-Z0-9a-z])/g);

});

var revArray = array.reverse();

str = array.join();
var revStr = revArray.join();

str.toLowerCase();
revStr.toLowerCase();

if (str === revStr) return true;
return false;

}

Hey guys, does my code make sense? I cant figure out why it is not working...

This is for Check for Palindromes challenge

Dustin R.
@dr2017
Jan 18 2017 03:59
Sorry it is telling me to change it to red

this is my instructions: Inside your style element, change the h2 selector to .red-text and update the color's value from blue to red.

Give your h2 element the class attribute with a value of 'red-text'.

Margaret
@Margaret2
Jan 18 2017 04:01
@edinpark01 if you want to use regex, try using string.replace, not array.filter
Anh Nguyen
@tiremon112
Jan 18 2017 04:01
make a @dr2017 red text class
look at the example for blue text
and change the word to red ain't that simple
Margaret
@Margaret2
Jan 18 2017 04:02
@dr2017 so you will need to:
  • make a set of CSS brackets for your red-text class
  • use class="" to add the class name to your h2 element
Dustin R.
@dr2017
Jan 18 2017 04:02
Thank you the both of you!
Braulio Tonaco
@edinpark01
Jan 18 2017 04:04
@Margaret2 thank you, let me try
CamperBot
@camperbot
Jan 18 2017 04:04
edinpark01 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1227 | @margaret2 |http://www.freecodecamp.com/margaret2
Anh Nguyen
@tiremon112
Jan 18 2017 04:04
@Margaret2 are you in university ?
Christina9189
@Christina9189
Jan 18 2017 04:04
How do i link both of my accounts this one and github
Margaret
@Margaret2
Jan 18 2017 04:04
@tiremon112 already graduated actually
Anh Nguyen
@tiremon112
Jan 18 2017 04:04
Aha that why you are a genius :smile:
4 years ?
Manish Giri
@Manish-Giri
Jan 18 2017 04:05
summa cum laude
Gordon
@kklgordon
Jan 18 2017 04:05
Hi everyone, might be a dumb question to ask
I am trying to override the formatting and color for hyperlinks
I looked onto and someone said:
<a href="http://www.sitepoint.com/books/" style="background-color: white; color: orange;">your link text here</a>
Anh Nguyen
@tiremon112
Jan 18 2017 04:05
@Manish-Giri what is your hour of work? you look like a coder have a great time in his life lol
Gordon
@kklgordon
Jan 18 2017 04:05
Is there any other ways of doing this?
Anh Nguyen
@tiremon112
Jan 18 2017 04:05
:smile:
Manish Giri
@Manish-Giri
Jan 18 2017 04:05
lol
@tiremon112 it's usually 8:30 - 7 on most days, though sometimes it can go on upto 11 pm, and on fridays I run away by 5
:wink:
:running:
Anh Nguyen
@tiremon112
Jan 18 2017 04:07
Cool
bet you having fun time
Manish Giri
@Manish-Giri
Jan 18 2017 04:07
@kklgordon you could use pseudoclasses
a:link, a:visited, etc
Margaret
@Margaret2
Jan 18 2017 04:08
@tiremon112 condensed 4 years into 2 lol
stressful :sweat_smile:
Anh Nguyen
@tiremon112
Jan 18 2017 04:08
but worth it
@Margaret2 what do they teach
JAVA?
Margaret
@Margaret2
Jan 18 2017 04:09
@tiremon112 i didn't get a CS degree, just a business degree
so idk
Braulio Tonaco
@edinpark01
Jan 18 2017 04:09
@Margaret2 Hey, I can't seem to figure it out on how to use string.replace with regex, can you give me a hint please?
Gordon
@kklgordon
Jan 18 2017 04:09
@Manish-Giri Thanks let me look that up
CamperBot
@camperbot
Jan 18 2017 04:09
kklgordon sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3850 | @manish-giri |http://www.freecodecamp.com/manish-giri
Anh Nguyen
@tiremon112
Jan 18 2017 04:10
so basically your programming skill are self-leaner :O
Margaret
@Margaret2
Jan 18 2017 04:10
yep
@edinpark01 string.replace(/myregex/, "replace value");
Manish Giri
@Manish-Giri
Jan 18 2017 04:11
@tiremon112 me too
Margaret
@Margaret2
Jan 18 2017 04:11
"hello123".replace(/[^a-z]/g, ""); => "hello"
@edinpark01
Anh Nguyen
@tiremon112
Jan 18 2017 04:11
@Margaret2 comon, you had a master in CS
:smile:
Margaret
@Margaret2
Jan 18 2017 04:11
lol if only
Anh Nguyen
@tiremon112
Jan 18 2017 04:11
I mea nmanish
Manish Giri
@Manish-Giri
Jan 18 2017 04:11
even though I went to univ for my bachelor's cs degree, I did nothing and learnt nothing
ugh
Anh Nguyen
@tiremon112
Jan 18 2017 04:12
:laughing:
Margaret
@Margaret2
Jan 18 2017 04:12
@Manish-Giri you are self taught?
oh lol
Anh Nguyen
@tiremon112
Jan 18 2017 04:12
oh wow
Manish Giri
@Manish-Giri
Jan 18 2017 04:12
it was only after I graduated that I decided, enough is enough
Cochise Ramey
@LightSparrow
Jan 18 2017 04:12

Why does this not disable the target1 button<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disable",true);

});
</script>

Ricardo Borinaga
@maskhider
Jan 18 2017 04:12
hahhaah
Margaret
@Margaret2
Jan 18 2017 04:12
@LightSparrow disabled not disable
Cochise Ramey
@LightSparrow
Jan 18 2017 04:13
@Margaret2 thanks
CamperBot
@camperbot
Jan 18 2017 04:13
lightsparrow sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1229 | @margaret2 |http://www.freecodecamp.com/margaret2
Anh Nguyen
@tiremon112
Jan 18 2017 04:13
@Manish-Giri if that is really true, then i should reconsidering my decision and get engineer degree instead
Braulio Tonaco
@edinpark01
Jan 18 2017 04:13

@Margaret2

like this?

str.replace(/([A-Z0-9a-z])/g, str);

Anh Nguyen
@tiremon112
Jan 18 2017 04:13
O.O
Manish Giri
@Manish-Giri
Jan 18 2017 04:14
@tiremon112 don't go by my situation lol
Margaret
@Margaret2
Jan 18 2017 04:14
@edinpark01 that will replace all letters and numbers with the whole entire string, so
"hello".replace(/([A-Z0-9a-z])/g, str); => hellohellohellohellohello
Ismi Amalia
@ismisme
Jan 18 2017 04:14
Hey you guys, I have a question. I am currently doing this: https://www.freecodecamp.com/challenges/use-responsive-design-with-bootstrap-fluid-containers where it says I should " nest all of our HTML in a div element with the class container-fluid." My question is, should all the elements of the HTML be nested inside the div element? Or is the style element excluded? Because I tried both and both ways were correct...
__mifflin__
@cdrainxv
Jan 18 2017 04:14
@Manish-Giri: Oh really?:
x
Manish Giri
@Manish-Giri
Jan 18 2017 04:14
the problem is, except a few good ones, most engineering schools in my country aren't that good.. I mean they don't make you apply your brains and think for yourself that much.
@tiremon112
like how you'd normally do in say Harvard, or UIUC
Margaret
@Margaret2
Jan 18 2017 04:15
can see that with some of the people who get on here just wanting someone to handout the answer
Manish Giri
@Manish-Giri
Jan 18 2017 04:16
so you can graduate, and have a cs degree and yet you know squat.
:disappointed:
Anh Nguyen
@tiremon112
Jan 18 2017 04:16
understood
Manish Giri
@Manish-Giri
Jan 18 2017 04:16
anyway, I better run before someone reports me and I get banned..again..
Margaret
@Margaret2
Jan 18 2017 04:17
still, we have the same problem here too i think, college will give you some good theories, but not a lot of practical knowledge imo
Anh Nguyen
@tiremon112
Jan 18 2017 04:17
haha
Manish Giri
@Manish-Giri
Jan 18 2017 04:17
for talking crap..lol
Margaret
@Margaret2
Jan 18 2017 04:17
@Manish-Giri you have been banned!?
tiremon112 @tiremon112 banned
Omar Abdelaal
@Omarsherif94
Jan 18 2017 04:17
Hello guys can anyone remind me how to create a CSS class with pink-text
Manish Giri
@Manish-Giri
Jan 18 2017 04:17
@Margaret2 yeeep
Margaret
@Margaret2
Jan 18 2017 04:17
O.o
Dustin R.
@dr2017
Jan 18 2017 04:17
ok this is still not working lol

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

Note that in your CSS style element, classes should start with a period. In your HTML elements' class declarations, classes shouldn't start with a period.

Inside your style element, change the h2 selector to .red-text and update the color's value from blue to red.

Give your h2 element the class attribute with a value of 'red-text'.

Omar Abdelaal
@Omarsherif94
Jan 18 2017 04:18
Thank you @dr2017
CamperBot
@camperbot
Jan 18 2017 04:18
:cookie: 17 | @dr2017 |http://www.freecodecamp.com/dr2017
omarsherif94 sends brownie points to @dr2017 :sparkles: :thumbsup: :sparkles:
Jeremy Kraft
@J-Kraft
Jan 18 2017 04:19
@dr2017 you haven't given your <h2> a class selector of red-text
Aileen
@pama98
Jan 18 2017 04:19
Hi, just needing some help here
Dustin R.
@dr2017
Jan 18 2017 04:19
i changed blue-text too red-text and nothing happens
<h2 class="red-text">CatPhotoApp</h2>
Aileen
@pama98
Jan 18 2017 04:20

Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link.

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

Jeremy Kraft
@J-Kraft
Jan 18 2017 04:20
@dr2017 have you got a class in your <style> element called red-text?
Dustin R.
@dr2017
Jan 18 2017 04:21
i am following directions on the code camp site
__mifflin__
@cdrainxv
Jan 18 2017 04:21
@dr2017: What about in the style tags?
Dustin R.
@dr2017
Jan 18 2017 04:23
<h2>CatPhotoApp
<style>
.red-text {
color: red;
}
</style></h2>
__mifflin__
@cdrainxv
Jan 18 2017 04:23
@pama98: No… replace only the http link with #.
@dr2017: Remove <h2>CatPhotoApp and </h2> from this:
<h2>CatPhotoApp
<style>
  .red-text {
    color: red;
  }
</style></h2>
Dustin R.
@dr2017
Jan 18 2017 04:25
CatPhotoApp is the text i want to be red
Aileen
@pama98
Jan 18 2017 04:25
@cdrainxv Thank you! It worked out :)
CamperBot
@camperbot
Jan 18 2017 04:25
pama98 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2123 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
SimpleRoger
@SimpleRoger
Jan 18 2017 04:26
What are some j.query uses?
In the real world
coffeebeanzz
@coffeebeanzz
Jan 18 2017 04:26
@dr2017 somehow you put your style inside your h2. The whole style should be above it
__mifflin__
@cdrainxv
Jan 18 2017 04:27
@dr2017: I know. Your html and css code should remain seperate from each other.
<!-- css code -->
<style>
  .red-text {
    color: red;
  }
</style>

<!-- html code -->
<h2 class="red-text">CatPhotoApp</h2>
Skyeberdyne
@Skyeberdyne
Jan 18 2017 04:29
S.O.S! I don't know how to modify the img element to have a "smaller-image" class.
Dustin R.
@dr2017
Jan 18 2017 04:30

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

<h2>CatPhotoApp</h2>

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

restto
@restto
Jan 18 2017 04:31
I am also stuck there. I get a check mark on the image should be 100 pixels wide, but can't get past the img element should have the class smaller image.
Manish Giri
@Manish-Giri
Jan 18 2017 04:31
@dr2017 <h2>CatPhotoApp</h2>
apply the red-text class to the h2
<class="className"> is the syntax.
__mifflin__
@cdrainxv
Jan 18 2017 04:31
@dr2017: You don't have the red-text in your h2 element at all: :point_up: January 17, 2017 9:27 PM
Dustin R.
@dr2017
Jan 18 2017 04:31
ok thank you and how do i apply it to h2
__mifflin__
@cdrainxv
Jan 18 2017 04:32
You also did it here before: :point_up: January 17, 2017 9:19 PM
@dr2017
Manish Giri
@Manish-Giri
Jan 18 2017 04:32
@restto @Skyeberdyne post your code.
restto
@restto
Jan 18 2017 04:33

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

h2 {
font-family: Lobster, Monospace;
}

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

<img class="smaller-image">

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

Anh Nguyen
@tiremon112
Jan 18 2017 04:33
lol
<img class="smaller-image">
where is your src and alt
restto
@restto
Jan 18 2017 04:33
below that
__mifflin__
@cdrainxv
Jan 18 2017 04:34
@restto: Don't create another img element. Use your original one… Just add this to it: class="smaller-image"
restto
@restto
Jan 18 2017 04:34
Ok, let me try that. Thanks
Manish Giri
@Manish-Giri
Jan 18 2017 04:35
@restto if you create a new img element, it's like the windshield of your audi is broken, but when you go to the shop, you get the windshield for a beetle.
no point.
Anh Nguyen
@tiremon112
Jan 18 2017 04:35
@Manish-Giri hae you ever see cricket fight? that is my favorite sport back in my country lul
:bug:
Manish Giri
@Manish-Giri
Jan 18 2017 04:36
@tiremon112 lol
you're from China?
Anh Nguyen
@tiremon112
Jan 18 2017 04:36
no
near china
Manish Giri
@Manish-Giri
Jan 18 2017 04:36
I thought Korea
S Korea
cdrainxv @cdrainxv : Wonders if there is a city called USA in the state of Georgia.
Anh Nguyen
@tiremon112
Jan 18 2017 04:37
SEA
Manish Giri
@Manish-Giri
Jan 18 2017 04:37
o.O
Anh Nguyen
@tiremon112
Jan 18 2017 04:37
lol
restto
@restto
Jan 18 2017 04:37
add it like this?
<img class="smaller.image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Anh Nguyen
@tiremon112
Jan 18 2017 04:37
i moved to USA not actually from here lul
:smile:
restto
@restto
Jan 18 2017 04:37
or after the src
__mifflin__
@cdrainxv
Jan 18 2017 04:37
@restto:

smaller-image

- not .

restto
@restto
Jan 18 2017 04:38
lol
Thanks, sorry
Worked now.
Manish Giri
@Manish-Giri
Jan 18 2017 04:38
savage
Anh Nguyen
@tiremon112
Jan 18 2017 04:38
like always
restto
@restto
Jan 18 2017 04:38
Appreciate the help
Manish Giri
@Manish-Giri
Jan 18 2017 04:39
i'm glad he wasn't around when I was learning
I would have :runner: away
restto
@restto
Jan 18 2017 04:39
:D
__mifflin__
@cdrainxv
Jan 18 2017 04:39
x
Braulio Tonaco
@edinpark01
Jan 18 2017 04:40

function palindrome(str) {
// Good luck!

str.replace(/[^0-9a-zA-z]/g, "");

var array = str.split("");
str = array.join("");

var revArray = array.reverse();

var revStr = revArray.join("");

str.toLowerCase();
revStr.toLowerCase();

if (str == revStr)return true;
else return false;

}

What am I doing wrong here? Please, this is for Check for Palindromes challenge... i have been struggling with it for the past 2 hours...
Anh Nguyen
@tiremon112
Jan 18 2017 04:42
you should go back and review i think you go through everything too fast
restto
@restto
Jan 18 2017 04:43
Remember that you can apply multiple classes to an element by separating each class with a space within its class attribute. :clap:
Anh Nguyen
@tiremon112
Jan 18 2017 04:43
@restto yea so
class = "class1 class2"
a space in middle easy enough
:smile:
Daniel
@N3ATOSK3TO
Jan 18 2017 04:44
which set of codepen keybindings should I learn to use between normal, sublime, & vim?
Joaquin Stirling
@ashuraaa
Jan 18 2017 04:46
Hello , can i have some help? im stuck in the part of "Create a Set of Radio Buttons"
__mifflin__
@cdrainxv
Jan 18 2017 04:47
@edinpark01:
  • You need to store this operation: str.replace(/[^0-9a-zA-z]/g, ""); in a variable so that you can make use of its output for your following operations:
    str = str.replace(/[^0-9a-zA-z]/g, "");
haileyjqy
@haileyjqy
Jan 18 2017 04:49
hey guys, I am trying to use the hash symbol to make an anchor link dead
anyone know where I should replace the href to #?
__mifflin__
@cdrainxv
Jan 18 2017 04:49
@haileyjqy: Replace the http link with a #.
SimpleRoger
@SimpleRoger
Jan 18 2017 04:51

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("background-color","red");

});
</script>

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

produces a result of:
Clare N Mester
@cnmester
Jan 18 2017 04:51

simple question, using the following:

<div class="container">
<img class="img-responsive " width="750" img src="URL HERE">
</img>
</div>

what would I add to center the image?

SimpleRoger
@SimpleRoger
Jan 18 2017 04:51
blob
haileyjqy
@haileyjqy
Jan 18 2017 04:52
I see, thank you! Do you know what does the "href" stand for? @cdrainxv
CamperBot
@camperbot
Jan 18 2017 04:52
haileyjqy sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2124 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
SimpleRoger
@SimpleRoger
Jan 18 2017 04:52
why is it that #target 1 is also redder
__mifflin__
@cdrainxv
Jan 18 2017 04:52
@cnmester: You can add the class center-block to your img element.
@haileyjqy: hypertext reference
Braulio Tonaco
@edinpark01
Jan 18 2017 04:53
@cdrainxv really?
@cdrainxv Thanks man
CamperBot
@camperbot
Jan 18 2017 04:53
edinpark01 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2125 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Clare N Mester
@cnmester
Jan 18 2017 04:53
@cdrainxv wooooonderful! I'd tried a couple "center" related hyphenations but hadn't gotten that one! =D
@cdrainxv thanks!
CamperBot
@camperbot
Jan 18 2017 04:53
cnmester sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2126 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Jan 18 2017 04:54
@cnmester @edinpark01: No problem. :smile:
Chaitanya thakre
@Chaitanya009
Jan 18 2017 04:55
I've completed my tribute page challenge.Should i start making porfolio page or should i start javascript
__mifflin__
@cdrainxv
Jan 18 2017 04:55
@SimpleRoger: Look near the top of your code:
$("#target1").css("color", "red");
@Chaitanya009: It's up to you. As you keep on learning you'll keep on adding/making more and more changes to your portfolio anyways, so it doesn't matter if you start it now or later.
Owen Watkins
@ogre14t
Jan 18 2017 04:57
hey all, Ive run into an issue I cant seem to find an answer for.. I am having one heck of a time getting my background image to scale with the device.. any ideas? when I shrink the screen it maintains height and squishes the width
Anh Nguyen
@tiremon112
Jan 18 2017 05:00
@ogre14t viewport and media might solve that problem i haven't learn about it yet but it could
media rule btw
Owen Watkins
@ogre14t
Jan 18 2017 05:01
Ok, haven't learned that yet.. will research
Tyrantt47
@Tyrantt47
Jan 18 2017 05:02
@ogre14t could be wrong, but i think i saw in a youtube earlier that if you want it to scale, it has something to do with css background-something: center center; could be wrong though
Anh Nguyen
@tiremon112
Jan 18 2017 05:02
naw those won't help
Owen Watkins
@ogre14t
Jan 18 2017 05:02
awesome ty, will look for that as well
ohh ok
lolcamis
@lolcamis
Jan 18 2017 05:04
Hey guys. I'm on my first project, making a tribute page. I'm trying to remember which lesson(s) talked about applying attributes to multiple things at once, for example centering the text of all my text paragraphs, or applying an ID to things and telling everything with that ID to be blue
Owen Watkins
@ogre14t
Jan 18 2017 05:04
you could throw them in a <div>
and add the class and/or id to that div
Nathan Classen
@NathanHayez
Jan 18 2017 05:05
I am working on the Ceasars Cipher bonfire and the " string.prototype.charCodeAt()" method is total gibberish to me....should I be concerned?
lolcamis
@lolcamis
Jan 18 2017 05:05
@ogre14t can you give me an example of what that looks like? I was actually hoping to maybe find the lessons and go over them again
@lolcamis
lolcamis
@lolcamis
Jan 18 2017 05:05
thanks @Manish-Giri
CamperBot
@camperbot
Jan 18 2017 05:05
lolcamis sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3851 | @manish-giri |http://www.freecodecamp.com/manish-giri
Anh Nguyen
@tiremon112
Jan 18 2017 05:05
damn he grab the point fast
@Manish-Giri ty
CamperBot
@camperbot
Jan 18 2017 05:06
tiremon112 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3852 | @manish-giri |http://www.freecodecamp.com/manish-giri
Anh Nguyen
@tiremon112
Jan 18 2017 05:06
:+1:
Manish Giri
@Manish-Giri
Jan 18 2017 05:06
lol
Owen Watkins
@ogre14t
Jan 18 2017 05:06
div h1 p p /div
Manish Giri
@Manish-Giri
Jan 18 2017 05:06
@tiremon112 ty ty
CamperBot
@camperbot
Jan 18 2017 05:06
manish-giri sends brownie points to @tiremon112 :sparkles: :thumbsup: :sparkles:
:cookie: 281 | @tiremon112 |http://www.freecodecamp.com/tiremon112
Manish Giri
@Manish-Giri
Jan 18 2017 05:06
:smile:
Anh Nguyen
@tiremon112
Jan 18 2017 05:06
GN all :zzz:
Manish Giri
@Manish-Giri
Jan 18 2017 05:07
@NathanHayez have you read the MDN link for that?
@tiremon112 :wave: :zzz:
Nathan Classen
@NathanHayez
Jan 18 2017 05:08
@Manish-Giri Yes, that is what is gibberish to me! Did I miss something? I don't understand much of it.
Manish Giri
@Manish-Giri
Jan 18 2017 05:09
@NathanHayez ah okay try this then - http://www.w3schools.com/jsref/jsref_charat.asp
Clare N Mester
@cnmester
Jan 18 2017 05:13
I have a sentence at the bottom of my sample web page, I one word from that to link back to a separate site, how do I do this or what should I search for?
heroiczero
@heroiczero
Jan 18 2017 05:14
@cnmester probably <a> tag
http://www.w3schools.com/TagS/att_a_href.asp something like that example
Kha Nguyen
@Reservations
Jan 18 2017 05:15
Sorry to barge in. Is it it conventionally wrong to camel case name css classes?
Clare N Mester
@cnmester
Jan 18 2017 05:15
@heroiczero Yayy! That's what I needed, thanks!
CamperBot
@camperbot
Jan 18 2017 05:15
cnmester sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 684 | @heroiczero |http://www.freecodecamp.com/heroiczero
Nathan Classen
@NathanHayez
Jan 18 2017 05:17
@Manish-Giri Thanks man, I will check that out!
CamperBot
@camperbot
Jan 18 2017 05:17
nathanhayez sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3853 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jan 18 2017 05:17
@NathanHayez welcome
__mifflin__
@cdrainxv
Jan 18 2017 05:20

@Reservations: According to the Airbnb style guide:

  • Prefer dashes over camelCasing in class names.

https://github.com/airbnb/css

yunie73
@yunie73
Jan 18 2017 05:31
Hi there! I'm Yunie. I'm really new here. Not sure where to raise my question here. But please help me out if anyone sees this. I'm stuck at CSS style change.. "Use CSS Selectors to Style Elements". Can't change the color in H2 element..
SimpleRoger
@SimpleRoger
Jan 18 2017 05:31
Are there any real world uses of j.query?
suyashpathak
@suyashpathak
Jan 18 2017 05:31
. Browser and Text zoom should be at 100%.
how can i do this i have tried every thing
SimpleRoger
@SimpleRoger
Jan 18 2017 05:32
@suyashpathak what browser are you using
suyashpathak
@suyashpathak
Jan 18 2017 05:32
chrome
__mifflin__
@cdrainxv
Jan 18 2017 05:32
@yunie73 @suyashpathak: Show your code.
crg821
@crg821
Jan 18 2017 05:33
@yunie73 what is your question?
suyashpathak
@suyashpathak
Jan 18 2017 05:33

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

}
</style>

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

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

Manish Giri
@Manish-Giri
Jan 18 2017 05:33
@suyashpathak font-size: 16px; should be outside .red-text
heroiczero
@heroiczero
Jan 18 2017 05:33
@suyashpathak gotta use p as selector
__mifflin__
@cdrainxv
Jan 18 2017 05:34
@suyashpathak: This font-size: 16px; should be for the p selector as it is the element you want to change the font-size of:
<style>
.red-text {
color: red;
}

p {

}
</style>
heroiczero
@heroiczero
Jan 18 2017 05:35
@yunie73 make sure you are using h2 not H2 caps matter
crg821
@crg821
Jan 18 2017 05:36
@cdrainxv explain the difference between p .red-text {... } and .red-text p {... }
yunie73
@yunie73
Jan 18 2017 05:37

@crg821

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

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

Can't find what is wrong here...
heroiczero
@heroiczero
Jan 18 2017 05:38
@yunie73 CatPhotoApp that should be after </style> with <h2> and </h2> tags
@crg821 p .red-text is class red-text within p so
Kha Nguyen
@Reservations
Jan 18 2017 05:39

@Reservations: According to the Airbnb style guide:

  • Prefer dashes over camelCasing in class names.

kk.

crg821
@crg821
Jan 18 2017 05:39
@yunie73 Sintax error. <h2 style="color:blue;"> your text here</h2>
heroiczero
@heroiczero
Jan 18 2017 05:39
<p><span class="red-text">TARGET</span>not targeted<p>
Kha Nguyen
@Reservations
Jan 18 2017 05:40
Can someone experienced in bootstrap help? I can't get an image to resize based on height of the window
lolcamis
@lolcamis
Jan 18 2017 05:40
I finished part of my first project in codepen and I want to show it to someone for review. is there any way to send a URL to it or is it something only I can see?
crg821
@crg821
Jan 18 2017 05:40
@Reservations use image responsive..
Kha Nguyen
@Reservations
Jan 18 2017 05:41
@crg821 Tried, but the image only adjusts when you adjust the width of the window
yunie73
@yunie73
Jan 18 2017 05:41
@crg821 But it's CCS...
heroiczero
@heroiczero
Jan 18 2017 05:41
@lolcamis just paste the url
lolcamis
@lolcamis
Jan 18 2017 05:42
@heroiczero what URL?
the one at the top of my browser?
heroiczero
@heroiczero
Jan 18 2017 05:43
@lolcamis yeah like :point_up:
crg821
@crg821
Jan 18 2017 05:43
@yunie73 it seems you have the Cat App text within your style tags..
yunie73
@yunie73
Jan 18 2017 05:44
@crg821 so I tried it taking out text out of <style> still.. not changing the colur
heroiczero
@heroiczero
Jan 18 2017 05:45
@yunie73 CatPhotoApp needs to be in the body of the html not style CSS is designing the website HTML is the content
@yunie73 use <h2>and close with </h2>
Ricardo Borinaga
@maskhider
Jan 18 2017 05:46
how to do this..Give the text input in your form the class form-control.-- <form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
royalebaby
@royalebaby
Jan 18 2017 05:46
通过把href属性设置为"#",你的a元素应该是一个固定链接。
heroiczero
@heroiczero
Jan 18 2017 05:47
@maskhider just class="form-control" for your <input type="text"> in your <form>
crg821
@crg821
Jan 18 2017 05:48
@yunie73 the style goes in the head of the html so it loads and the browser then renders the body with your h2 tag accordingly... I hope it helps.
Ricardo Borinaga
@maskhider
Jan 18 2017 05:49
@heroiczero tnx
Clare N Mester
@cnmester
Jan 18 2017 05:49

how do I make an <a> link actually click through to another page? right now I have this, but it's not working:

<div class="container">
<h4 class="text-center">If you wanna see more of me, check out my mama's instagram <a href"https://www.instagram.com/cnmester/">here</a>.</h4>
</div>

crg821
@crg821
Jan 18 2017 05:51
@cnmester do you mean clickable?
Clare N Mester
@cnmester
Jan 18 2017 05:51
@crg821 Yes!
sonalitripathy
@sonalitripathy
Jan 18 2017 05:51
how i make a uncomment html...i did not get it..plzzz someone help me...
yunie73
@yunie73
Jan 18 2017 05:51
@crg821 thanks.
CamperBot
@camperbot
Jan 18 2017 05:51
yunie73 sends brownie points to @crg821 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for crg821
crg821
@crg821
Jan 18 2017 05:52
@cnmester Your href is missing and equal sign
Clare N Mester
@cnmester
Jan 18 2017 05:52
@crg821 TADA! Thank you! =]
CamperBot
@camperbot
Jan 18 2017 05:52
cnmester sends brownie points to @crg821 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for crg821
heroiczero
@heroiczero
Jan 18 2017 05:52
@sonalitripathy commenting is <!-- and --> so just delete it
crg821
@crg821
Jan 18 2017 05:54
@cnmester @yunie73 I'm missing my Brownie points...? Could not find receiver crg821 : worried:
sonalitripathy
@sonalitripathy
Jan 18 2017 05:54
@heroiczero.. thnk u for the suggetion....i got it
yunie73
@yunie73
Jan 18 2017 05:55
@crg821 brownie points? sorry.. I don't know how to send them..
Clare N Mester
@cnmester
Jan 18 2017 05:58
How do you make a link automatically open in a new tab?
badalsaibo
@heyDante
Jan 18 2017 05:59
@cnmester target="_blank"
heroiczero
@heroiczero
Jan 18 2017 05:59
@cnmester <a target="blank">
crg821
@crg821
Jan 18 2017 06:00
It is actually <a target="_blank">
Clare N Mester
@cnmester
Jan 18 2017 06:00
@crg821 Where would the actual URL go?
crg821
@crg821
Jan 18 2017 06:00
@cnmester Between your a tags
I meant inside your a tags
__mifflin__
@cdrainxv
Jan 18 2017 06:01
<a href="url here" target="_blank">text here</a>
heroiczero
@heroiczero
Jan 18 2017 06:01
no <a href="link"
Clare N Mester
@cnmester
Jan 18 2017 06:02
@crg821 <a target ="https://www.instagram.com/cnmester/">here</a>
like that?
__mifflin__
@cdrainxv
Jan 18 2017 06:02
No… :point_up: January 17, 2017 11:01 PM
Clare N Mester
@cnmester
Jan 18 2017 06:02
@cdrainxv oh thanks!
CamperBot
@camperbot
Jan 18 2017 06:02
cnmester sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2127 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Ike
@ikeybikey
Jan 18 2017 06:05
Need help setingt the placeholder value of my text input to "cat photo URL".
Manish Giri
@Manish-Giri
Jan 18 2017 06:05
@ikeybikey show your code?
Ike
@ikeybikey
Jan 18 2017 06:06
my code: <input type="text"> placeholder="cat photo URL"/>
Manish Giri
@Manish-Giri
Jan 18 2017 06:06
you closed the > too early
<input type="text">
it closes at the end.
Ike
@ikeybikey
Jan 18 2017 06:06
oh ok. Thanks
yeah got it
Manish Giri
@Manish-Giri
Jan 18 2017 06:07
lol that post wasn't for you
Rogelio Tejeira
@rogertejeira
Jan 18 2017 06:10
what is wrong here? }
.font-size {
size: 16px;
heroiczero
@heroiczero
Jan 18 2017 06:11
@rogertejeira need to use p element to change font-size
Yozidst
@yozidst
Jan 18 2017 06:13
#include <iostream>
using namespace std;

int main()

{
    int grade=0, total=0, high_gr=0, low_gr=99999;
    double avg=0.0;

    cout<<"Please enter your grades, -1 to stop"<<endl;
    cin>>grade;

    while (grade > -1)
    {
     total++; 
     if (grade > high_gr)
        high_gr=grade;

     if (grade < low_gr)
        low_gr=grade;

     avg+=grade;

    cout<<"Please enter your grades, -1 to stop"<<endl;
    cin>>grade;



    }
    cout<<"The total number of grades entered is :"<<total<<endl;
    cout<<"The highest grade is :"<<high_gr<<endl;
    cout<<"The lowest grade is :"<<low_gr<<endl;
    cout<<"The average grade is :"<<avg/total<<endl;
    return 0;

}
Can someone tell me how to convert this into a Do while loop
suyashpathak
@suyashpathak
Jan 18 2017 06:17
i'm not able to go to the next challenge . even have completed this challenge . what can i do
Saboor Malik
@WannaPvp
Jan 18 2017 06:21
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
1MelCald
@1MelCald
Jan 18 2017 06:21
Hello, I am not sure where to place the icon class within the button element. <button class="btn btn-block btn-primary">Like</button>
</div> Any suggestions?
Saboor Malik
@WannaPvp
Jan 18 2017 06:21
@suyashpathak If you think you complete it then try to refresh the page
Why do you have two btn?
liutong
@RicoLiu
Jan 18 2017 06:21
hello
Saboor Malik
@WannaPvp
Jan 18 2017 06:22
Never mind you did it right
I dont think there is nothing wrong with it
shubhamKumar
@awsomeshubham
Jan 18 2017 06:24
how to add script and Inside the script element, add this code: $(document).ready(function() { to your script. Then close it on the following line (still inside your script element) with: });
__mifflin__
@cdrainxv
Jan 18 2017 06:31
@1MelCald: Follow this syntax:
<button class="…"><i class="…"></i>text</button>
Manish Giri
@Manish-Giri
Jan 18 2017 06:31
@1MelCald <button class="btn btn-block btn-primary"><i></i>Like</button>
__mifflin__
@cdrainxv
Jan 18 2017 06:31
@awsomeshubham:
<script>
 $(document)…
</script>
Saboor Malik
@WannaPvp
Jan 18 2017 06:32
@Manish-Giri
Can u help me with this challenge?
Manish Giri
@Manish-Giri
Jan 18 2017 06:32
@WannaPvp which one
Saboor Malik
@WannaPvp
Jan 18 2017 06:32
Use the Bootstrap Grid to Put Elements Side By Side
Manish Giri
@Manish-Giri
Jan 18 2017 06:33
@WannaPvp your code?
Saboor Malik
@WannaPvp
Jan 18 2017 06:33
I dont understand this "Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4."
<div class="row">
  <button class="btn btn-block btn-primary">Like</button><button class="btn btn-block btn-info">Info</button>
  <button class="btn btn-block btn-danger">Delete</button>
  </div>
1MelCald
@1MelCald
Jan 18 2017 06:34
@Manish-Giri thank you!
CamperBot
@camperbot
Jan 18 2017 06:34
1melcald sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3854 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jan 18 2017 06:34
@WannaPvp each button should be nested in it's own col-xs-4 div
<div class="col-xs-4">
 <button>...</button>
</div>
@1MelCald welcome
Vikram
@vikramnr
Jan 18 2017 06:35

<div class="row">

<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button></div>
<div class="col-xs-4"><button class="btn btn-block btn-info">Info</button></div>
<div class="col-xs-4"><button class="btn btn-block btn-danger">Delete</button></div>
</div>
@WannaPvp Like this

cdrainxv @cdrainxv : My efforts aren't appreciated. Bye. :cry:
Ekux
@Ekux
Jan 18 2017 06:35
Hey guys... I'm completely lost. Can someone direct me to the right direction?
https://i.gyazo.com/d77f9aff392c5418270a7a3ac1edce8d.png
Saboor Malik
@WannaPvp
Jan 18 2017 06:36
I see thanks @vikramnr
CamperBot
@camperbot
Jan 18 2017 06:36
wannapvp sends brownie points to @vikramnr :sparkles: :thumbsup: :sparkles:
:cookie: 103 | @vikramnr |http://www.freecodecamp.com/vikramnr
Luis Villavicencio
@Tav0
Jan 18 2017 06:36
anyone good with asp.net mvc5? ._.
Manish Giri
@Manish-Giri
Jan 18 2017 06:36
@Ekux why unshift()?
Ekux
@Ekux
Jan 18 2017 06:36
I don't even know lol...
read this
Vikram
@vikramnr
Jan 18 2017 06:37
@Tav0 I know a little bit
__mifflin__
@cdrainxv
Jan 18 2017 06:37
@Ekux: unshift() adds an element to front of an element, whereas shift() removes an element from the front of an array.
Ekux
@Ekux
Jan 18 2017 06:38
Thank you @Manish-Giri @cdrainxv
CamperBot
@camperbot
Jan 18 2017 06:38
ekux sends brownie points to @manish-giri and @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2128 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
:star2: 3855 | @manish-giri |http://www.freecodecamp.com/manish-giri
Luis Villavicencio
@Tav0
Jan 18 2017 06:38
@vikramnr so I'm trying to popup a modal after a redirect. Ex. page A -> external page B -> page A (popup modal)
do you have any idea how could I go about this?
javascript doesn't seem to load after coming back from the external page redirect...not sure why
Manish Giri
@Manish-Giri
Jan 18 2017 06:41
:point_up: January 18, 2017 1:36 AM
@cdrainxv like that happens only with you
:unamused:
@cdrainxv : My efforts aren't appreciated. Bye. :cry:
KillerCoderz
@KillerCoderz
Jan 18 2017 06:42
can someone help me with css selectors of style elements
Vikram
@vikramnr
Jan 18 2017 06:43
@Tav0 I can't much of help. But your are bs modal
*be
but your are using bs modal ??
@Tav0
Saboor Malik
@WannaPvp
Jan 18 2017 06:44
<div class="row">
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary">Like</button></div>
    <div class="col-xs-4">
    <button class="btn btn-block btn-info">Info</button>
    </div>
    <div class="col-xs-4">
  <button class="btn btn-block btn-danger">Delete</button>
  </div>
Is it correct?
Vikram
@vikramnr
Jan 18 2017 06:44
@KillerCoderz share the problem that your facing??
@WannaPvp Yeah think so
@WannaPvp another <div>
Saboor Malik
@WannaPvp
Jan 18 2017 06:45
The detail said "make sure that all of your div element have closing tags"
Luis Villavicencio
@Tav0
Jan 18 2017 06:46
@vikramnr yup in the jsfiddle works just fine
when i use simple vanillaJS
the modal popups automatically
Vikram
@vikramnr
Jan 18 2017 06:46
@WannaPvp missed one at the end
Luis Villavicencio
@Tav0
Jan 18 2017 06:46
but aspnet is eh...
Saboor Malik
@WannaPvp
Jan 18 2017 06:46
Closing tags?
Vikram
@vikramnr
Jan 18 2017 06:47
@WannaPvp Yeah
Ekux
@Ekux
Jan 18 2017 06:47
return item; // Change this line I know I'm supposed to make it return the first value only, but I'm not sure how
Saboor Malik
@WannaPvp
Jan 18 2017 06:47
Where
Vikram
@vikramnr
Jan 18 2017 06:47
@Tav0 :worried: Huh
__mifflin__
@cdrainxv
Jan 18 2017 06:47
@Manish-Giri: But I'm sub 3000… I need these points. :worried:
Luis Villavicencio
@Tav0
Jan 18 2017 06:47
i just don't understand the whole lifecycle of aspnet mvc
i will try to google that and take it from there, i guess
Vikram
@vikramnr
Jan 18 2017 06:48
For row div tag you have opened and you forget to close @WannaPvp
__mifflin__
@cdrainxv
Jan 18 2017 06:48
@Ekux: You are supposed to return what you just shifted out of the array. So its:
return arr.shift();
Vikram
@vikramnr
Jan 18 2017 06:49
@Tav0 I have some pretty good docs on lifecycle ... I'll search and share it with you
Luis Villavicencio
@Tav0
Jan 18 2017 06:49
oh cool, ty @vikramnr
CamperBot
@camperbot
Jan 18 2017 06:49
tav0 sends brownie points to @vikramnr :sparkles: :thumbsup: :sparkles:
:cookie: 104 | @vikramnr |http://www.freecodecamp.com/vikramnr
__mifflin__
@cdrainxv
Jan 18 2017 06:50
@WannaPvp: You are missing a closing </div> for your row div.
Vikram
@vikramnr
Jan 18 2017 06:51
@cdrainxv Thanks
CamperBot
@camperbot
Jan 18 2017 06:51
vikramnr sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2129 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
jha-sn
@jha-sn
Jan 18 2017 07:03
how to place the navigation keys horizantally?
joshnunez33
@joshnunez33
Jan 18 2017 07:15
Your a element should be a dead link with a href attribute set to #. How do i do this?
__mifflin__
@cdrainxv
Jan 18 2017 07:18
@joshnunez33: Replace the http link with a #.
crackersmuracas
@crackersmuracas
Jan 18 2017 07:25
Hey there. So i'm in newbie land and stuck already. I'm getting this error
Capture.JPG
Capture2.JPG
Manish Giri
@Manish-Giri
Jan 18 2017 07:31
@crackersmuracas use the red-text class instead of h2
on line 3
because you want to use the class to set the color, instead of the html element.
crackersmuracas
@crackersmuracas
Jan 18 2017 07:33
@Manish-Giri Thank you so much!
CamperBot
@camperbot
Jan 18 2017 07:33
crackersmuracas sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3856 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jan 18 2017 07:36
@crackersmuracas welcome
Jessica White
@jessicamerete
Jan 18 2017 07:41
Screen Shot 2017-01-17 at 11.38.27 PM.png
Trying to get the p element red?
Manish Giri
@Manish-Giri
Jan 18 2017 07:42
@jessicamerete close the p tag after the red-text class
Jessica White
@jessicamerete
Jan 18 2017 07:42
omg i just notived that thanks!
bowenfei
@bowenfei
Jan 18 2017 07:43
hey guys it says create an h1 element but i already created one? It's not letting me pass
Darren
@DarrenfJ
Jan 18 2017 07:43
evening FCC
@bowenfei can you post what you've done so far?
bowenfei
@bowenfei
Jan 18 2017 07:45
yeah I'm not sure how to send pictures though, I'm new
Darren
@DarrenfJ
Jan 18 2017 07:45
@Manish-Giri manish-buddy!
Manish Giri
@Manish-Giri
Jan 18 2017 07:45
@DarrenfJ :wave: sir!
bowenfei
@bowenfei
Jan 18 2017 07:45
<style>
body {
background-color: black;
color:green;
font-family:Monospace;
}

<h1>Hello World</h1>
</body>

</style>
Darren
@DarrenfJ
Jan 18 2017 07:46
@bowenfei you got a coupla things going on there
bowenfei
@bowenfei
Jan 18 2017 07:46
when I click run it doesn't check the create an h1 element box?
Darren
@DarrenfJ
Jan 18 2017 07:46
for 1.. all html elements should be below the closing </style> tag
the <style></style> tags represents the CSS part
2KDiddy
@2KDiddy
Jan 18 2017 07:47
How do I center cards vertically and not by start or end: http://codepen.io/2kdiddy/pen/mRJQjm?editors=1000
bowenfei
@bowenfei
Jan 18 2017 07:48
oh okay thanks so much @DarrenfJ
CamperBot
@camperbot
Jan 18 2017 07:48
bowenfei sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1364 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Jan 18 2017 07:48
and then you closing </body> has no opening <body> but I'm not sure there's supposed to be one in that Q.. what's the exercise name again?
bowenfei
@bowenfei
Jan 18 2017 07:48
How come on the tutorial the body is nested in the style part though?
it's
inherit styles from the body element
Darren
@DarrenfJ